@extends('layouts.backend.master')
@section('content')
<div class="nimmu-breadcrumb">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<h5 class="d-flex">
<span>
Amount payable : KSH. {{number_format($course->price,2)}}
</span>

</h5>
</div>
</div>
</div>
</div>

<div class="nimmu-content-area">
<div class="container-fluid">
  <div class="row">
  <div class="col-12">
  <div class="nimmu-default-card">
  <div class="nimmu-card-header mb-4">
    <style>
     ol.custom-list {
       list-style-type: none;
       counter-reset: step-counter;
       padding-left: 20px;
     }

     ol.custom-list li {
       position: relative;
       margin-bottom: 10px;
       padding-left: 30px;
     }

     ol.custom-list li::before {
       content: counter(step-counter);
       counter-increment: step-counter;
       position: absolute;
       left: 0;
       top: 0;
       font-weight: bold;
       font-size: 16px;
     }
   </style>
   <br/><br/>
   <ol class="custom-list">
   <li>Go to M-Pesa menu</li>
   <li>Click on Lipa na M-Pesa</li>
   <li>Click on Buy Goods and Services</li>
   <li>Enter till no 834210</li>
   <li>Enter amount {{number_format($course->price,2)}} KES</li>
 </ol>
  </div>
  <div class="nimmu-card-body">
                              @if ( Session::has('success') )
                                    <div class="alert alert-success alert-dismissible" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Close</span>
                                    </button>
                                    <strong>{{ Session::get('success') }}</strong>
                                </div>
                                @endif
                <form  action="{{ route('stk-push') }}" method="POST" style="display:none">
           @csrf
   <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                        <div class="form-group ">
                          <div class="form-group">
                            <label for="deposit_method">M-pesa Number (Pay through this number)</label>
                    <input type="hidden" value="{{$course->price}}" name="amount_payable" id="amount_payable">
                    <input type="hidden" id="unique_ID" name="unique_ID" class="form-control" value="{{$course->slug}}" required>


                    <input type="number" id="trans_type_ID" name="trans_type_ID" class="form-control" value="" placeholder="i.e 254724707319"  pattern="(254)[0-9]{9}" required>



                                      </select>
                                  </div>
                              </div>
                          </div>
</div>


                      <div class="clearfix"></div>
                      <div class="row">
                        <div class="col-md-5">
                          <button type="submit" class="btn btn-primary float-right" >Pay via M-pesa</button>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                    </form>

              </div>
            </div>


</div>
</div>
</div>
</div>


@endsection