@extends('payment.layout')

@section('styles')
    <style>
        .box {
            min-width: 33%;
            font-size: 12px;
            line-height: 1;
            text-align: center;
            border: 0;
            border-radius: 3px;
            box-shadow: inset 0 0 0 1px #bbb;
            background: #fff;
            filter: grayscale(100%);
            cursor: pointer;
        }
        .box:hover{
            filter: grayscale(0);
            color: #291baa;
            font-weight: bolder;
        }

        .payment-img{
            width: 100px;
            height: 70px;
            padding-top: 10px
        }
    </style>
@endsection

@section('content')
    <div class="jumbotron text-center">
        <h2 class="font-weight-bold" style="border-bottom: 1px solid rgb(204, 204, 204);">
            Select Payment Method
        </h2>

        <h4 class="font-weight-bold cus-font-col-3 ">
            Invoice No.: {{$data->payment_id}}
        </h4>
        <h4 class="font-weight-bold cus-font-col-3 ">
            Total Amount: BDT&nbsp; {{$data->amount}}
        </h4>
    </div>

    <div class="container">
        <form action="" method="GET">
            <div class="row text-center">
                <a href="{{url('payment/gateway/visa/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img  class="payment-img" src="{{asset('assets/payment/visa.png')}}">
                        <h3>Visa Card</h3>
                    </div>
                </a>
                <a href="{{url('payment/gateway/master/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img  class="payment-img" src="{{asset('assets/payment/master.png')}}">
                        <h3>Master Card</h3>
                    </div>
                </a>
                <a href="{{url('payment/gateway/bkash/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img  class="payment-img" src="{{asset('assets/payment/bkash.png')}}">
                        <h3>bKash</h3>
                    </div>
                </a>
            </div>

            <div class="row">
                <a href="{{url('payment/gateway/nexus/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img class="payment-img" src="{{asset('assets/payment/nexus.png')}}">
                        <h3>Nexus</h3>
                    </div>
                </a>
                <a href="{{url('payment/gateway/rocket/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img class="payment-img" src="{{asset('assets/payment/rocket.png')}}">
                        <h3>Rocket</h3>
                    </div>
                </a>
                <a href="{{url('payment/gateway/nagad/'.$uKey)}}">
                    <div class='col-sm-3 box'>
                        <img class="payment-img" src="{{asset('assets/payment/nagad.png')}}">
                        <h3>Nagad</h3>
                    </div>
                </a>
            </div>
        </form>
    </div>
@endsection

@section('script')
@endsection