@extends('layouts.bkash')
@section('content')
        <div class="flex-center position-ref full-height">
            <div class="container">
                <h3 class="text-center">Pay with bKash</h3>
              <div class="row">
                  <div class="col-12 col-sm-6">
                      <div class="card">
                          <div class="card-header">
                              <h4>Step # 1</h4>
                          </div>
                          <div class="card-body">
                              <ol>
                                  <li>Open bKash App</li>
                                  <li>Choose "Make Payment"</li>
                                  <li>Enter <span class="text-primary"><strong>0180 678 34501</strong></span> as Merchant number</li>
                                  <li>Type your desired amount to pay</li>
                              </ol>
                              <div class="mt-3">
                                <button id="bKash_button">Pay with bKash</button>

                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-12 col-sm-6">
                    <div class="card">
                        <div class="card-header">
                            <h4>Step # 2</h4>
                        </div>
                        <div class="card-body">
                            @if (session('message'))
                                <div class="alert alert-{{session('type')}}" role="alert">
                                    {!! session('message') !!}
                                </div>
                            @endif
                            @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                            <form action="{{route('pay','en')}}" method="post">
                                @csrf
                                <div class="form-group">
                                    <label>User ID</label>
                                    <input type="text" name="user_id" id="user_id" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>Transaction ID #</label>
                                    <input type="text" name="transaction_id" id="transaction_id" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>Payment Amount</label>
                                    <input type="text" name="amount_paid" id="amount_paid" class="form-control">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-success btn-lg btn-block">Confirm Payment</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
              </div>
                
               
            </div>
        </div>
@endsection