@extends('frontend.layout.app')

@section('content')


<section class="mb-4">
    <div class="container text-left">
        <div class="row">
            <div class="col-lg-8">
                <form action="{{ route('payment.checkout') }}" class="form-default" role="form" method="POST" id="checkout-form">
                    @csrf
                    <div class="card shadow-sm border-0 rounded">
                        <div class="card-header p-3">
                            <h3 class="fs-16 fw-600 mb-0">
                                 Select a payment option
                            </h3>
                        </div>
                        <div class="card-body text-center">
                            <div class="row">
                                <div class="col-xxl-8 col-xl-10 mx-auto">
 
                                <div class="row gutters-10">
                                   <div class="border col-6 col-md-4">
                                         <label class="aiz-megabox d-block mb-3">
                                             <input value="easypaisa" class="online_payment" type="radio" name="payment_option" checked>
                                                 <span class="d-block p-3 aiz-megabox-elem">
                                                    <img src="{{ asset('/storage/payments/Easypaisa-logo.png')}}" class="img-fluid mb-2">
                                                        <span class="d-block text-center">
                                                            <span class="d-block fw-600 fs-15">Easypaisa</span>
                                                        </span>
                                                </span>
                                        </label>
                                   </div>

                                   <div class="border col-6 col-md-4">
                                                <label class="aiz-megabox d-block mb-3">
                                                    <input value="jazzcash" class="online_payment" type="radio" name="payment_option" checked>
                                                    <span class="d-block p-3 aiz-megabox-elem">
                                                        <img src="{{ asset('/storage/payments/new-jazzcash-logo.png')}}" class="img-fluid mb-2">
                                                        <span class="d-block text-center">
                                                            <span class="d-block fw-600 fs-15">Jazz Cash</span>
                                                        </span>
                                                    </span>
                                                </label>
                                   </div>
                                          
                                   <div class="border col-6 col-md-4">
                                                <label class="aiz-megabox d-block mb-3">
                                                    <input value="card" class="online_payment" type="radio" name="payment_option" checked>
                                                    <span class="d-block p-3 aiz-megabox-elem">
                                                        <img src="{{ asset('/storage/payments/card.jpg')}}" class="img-fluid mb-2">
                                                        <span class="d-block text-center">
                                                            <span class="d-block fw-600 fs-15">Card</span>
                                                        </span>
                                                    </span>
                                                </label>
                                   </div>

                                   <div class="border col-6 col-md-4">
                                                <label class="aiz-megabox d-block mb-3">
                                                    <input value="cod" class="online_payment" type="radio" name="payment_option" checked>
                                                    <span class="d-block p-3 aiz-megabox-elem">
                                                        <img src="{{ asset('/storage/payments/cod.png')}}" class="img-fluid mb-2">
                                                        <span class="d-block text-center">
                                                            <span class="d-block fw-600 fs-15">Cash On Delivery</span>
                                                        </span>
                                                    </span>
                                                </label>
                                   </div>
                                 </div>

                                </div>
                            </div>
                        </div>        
                        
                    </div>
                    <div class="row align-items-center pt-3">
                        <div class="col-6">
                            <a href="{{ route('home') }}" class="link link--style-3">
                                <i class="bi bi-arrow-left"></i>
                                Return to shop
                            </a>
                        </div>
                        <div class="col-6 text-right">
                            <button type="submit"  class="btn button1 fw-600">Complete Order</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-4 mt-4 mt-lg-0" id="cart_summary">
                @include('frontend.partial.cart_summery')
            </div>
         </div>
    </div>
</section>                    


@endsection