@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-body">
            <!-- Page Title START -->

            <div class="" style="text-align:center;">
                <img style="text-align:center; max-width: 20%" src="{{ asset('adminlte') }}/pay.png">
            </div>

            <!-- Page Title END -->

            <!-- Feature Boxes Start -->

            <div class="row mb-0">
                <div class="col-12 text-center">
                    <div class="pb-5 border-bottom text-center">
                        {{-- <h4 class="mt-2">Recharge via <span style="color:#ff365e;">bKash</span></h4><br> --}}
                        <div class="row justify-content-center">
                            <div class="row justify-content-center">
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".05">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 1</div>
                                        <div class="card-body">
                                            <span class="card-text d-block"> bKash </span>
                                            <span class="card-text d-block bg-danger text-white"> 1.Send Money </span>
                                            <span class="card-text d-block"> 2.Send Money to Non-bKash User </span>
                                            <span class="card-text d-block"> 3.Mobile Recharge </span>
                                            <span class="card-text d-block"> 4.Payment </span>
                                            <span class="card-text d-block"> 5.Cash Out </span>
                                            <span class="card-text d-block"> 6.Pay Bill </span>
                                            <span class="card-text d-block"> 7.Download App </span>
                                            <span class="card-text d-block"> 8.My bKash </span>
                                            <span class="card-text d-block"> 9.Reset PIN </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".1">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 2</div>
                                        <div class="card-body">
                                            <br>
                                            <span class="card-text d-block"> Enter Receiver
                                                bKash Account No </span>
                                            <span class="card-text d-block bg-danger text-white"> 01681046437 </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".2">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 3</div>
                                        <div class="card-body">
                                            <br>
                                            <br>
                                            <span class="card-text d-block"> Enter Amount</span>
                                            <span class="card-text d-block bg-danger text-white"> 1000 </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".3">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 4</div>
                                        <div class="card-body">
                                            <br>
                                            <br>
                                            <span class="card-text d-block"> Enter Reference</span>
                                            <span class="card-text d-block bg-danger text-white"> Company Name </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".5">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 5</div>
                                        <div class="card-body">
                                            <span class="card-text d-block"> Sent Money to</span>
                                            <span class="card-text d-block">01681046437</span>
                                            <span class="card-text d-block">Amount tk 1000</span>
                                            <span class="card-text d-block">Reference: Company Name</span>
                                            <span class="card-text d-block">Enter PIN To Confirm</span>
                                            <span class="card-text d-block bg-danger text-white"> XXXX </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 d-flex" data-animate="fadeInUp" data-delay=".6">
                                    <div class="card mb-3 w-100">
                                        <div class="card-header bg-white">Step - 6</div>
                                        <div class="card-body">
                                            <span class="card-text d-block">Send Money tk 1000</span>
                                            <span class="card-text d-block">to 01681046437</span>
                                            <span class="card-text d-block">successful. Ref</span>
                                            <span class="card-text d-block">Fee tk 0.00 Balance</span>
                                            <span class="card-text d-block">Tk 2700.00 TrxID</span>
                                            <span class="card-text d-block bg-danger text-white">123456789 at</span>
                                            <span class="card-text d-block">04/04/2022 02:52</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer START -->
@endsection
