@extends('frontend.layouts.app')

@section('content')

    <div id="page-content">
        <section class="slice-xs sct-color-2 border-bottom">
            <div class="container container-sm">
                <div class="row cols-delimited justify-content-center">
                    <div class="col">
                        <a href="{{route('cart')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon c-gray-light mb-0">
                                    <i class="la la-shopping-cart"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">{{ translate('1. My Cart')}}</h3>
                                </div>
                            </div>
                    </div>
                    </a>

                    <div class="col">
                        <a href="{{route('checkout.shipping_info')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon mb-0 c-gray-light">
                                    <i class="la la-map-o"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">{{ translate('2. Shipping info')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <a href="{{route('checkout.store_delivery_info')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center ">
                                <div class="block-icon mb-0 c-gray-light">
                                    <i class="la la-truck"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">{{ translate('3. Billing info')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <a href="{{route('checkout.store_shipping_infostore')}}">
                            <div class="icon-block icon-block--style-1-v5 text-center">
                                <div class="block-icon mb-0">
                                    <i class="la la-credit-card"></i>
                                </div>
                                <div class="block-content d-none d-md-block">
                                    <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">{{ translate('4. Payment')}}</h3>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="col">
                        <div class="icon-block icon-block--style-1-v5 text-center">
                            <div class="block-icon c-gray-light mb-0">
                                <i class="la la-check-circle"></i>
                            </div>
                            <div class="block-content d-none d-md-block">
                                <h3 class="heading heading-sm strong-300 c-gray-light text-capitalize">{{ translate('5. Confirmation')}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="py-3 gry-bg">
            <div class="container">
                <div class="row cols-xs-space cols-sm-space cols-md-space">
                    <div class="col-lg-8">
                        <form  action="{{ route('gateway.checkout') }}" class="form-default" data-toggle="validator" role="form" method="POST" id="checkout-form">
                            @csrf
                            <div class="card">
                                <div class="card-title px-4 py-3">
                                    <h3 class="heading heading-5 strong-500">
                                        {{ translate('Select a payment option')}}
                                    </h3>
                                </div>
                                <div class="card-body text-center">
                                    <div class="row">
                                        <div class="col-md-6 mx-auto">
                                            <div class="row">
                                                @if(\App\BusinessSetting::where('type', 'razorpay')->first()->value == 1)
                                                    @if (Session::has('wallet_discount'))

                                                        @if( Session::get('cart_total') == Session::get('wallet_discount') )
                                                            <div class="col-6">
                                                                <label class="payment_option mb-4" data-toggle="tooltip"
                                                                       data-title="Pay with wallet">
                                                                    <input type="radio" id="wallet"
                                                                           name="payment_option"
                                                                           value="wallet" class="online_payment"
                                                                           checked>
                                                                    <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/cod.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                                </label>
                                                            </div>
                                                        @else
                                                            <div class="col-6">
                                                                <label class="payment_option mb-4" data-toggle="tooltip"
                                                                       data-title="Online payment">
                                                                    <input type="radio" id="razorpay"
                                                                           name="payment_option"
                                                                           value="razorpay" class="online_payment" checked>
                                                                    <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/rozarpay.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                                </label>
                                                            </div>
                                                        @endif
                                                    @else
                                                        <div class="col-6">
                                                            <label class="payment_option mb-4" data-toggle="tooltip"
                                                                   data-title="Online payment">
                                                                <input type="radio" id="razorpay" name="payment_option"
                                                                       value="razorpay" class="online_payment" checked>
                                                                <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/rozarpay.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                            </label>
                                                        </div>

                                                    @endif
                                                @endif
                                                @if(\App\BusinessSetting::where('type', 'phiCommerce')->first()->value == 1)
                                                    @if ( Session::has('wallet_discount'))

                                                        @if( Session::get('cart_total') == Session::get('wallet_discount') )
                                                            <div class="col-6">
                                                                <label class="payment_option mb-4" data-toggle="tooltip"
                                                                       data-title="Pay with wallet">
                                                                    <input type="radio" id="wallet"
                                                                           name="payment_option"
                                                                           value="wallet" class="online_payment"
                                                                           checked>
                                                                    <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/cod.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                                </label>
                                                            </div>
                                                        @else
                                                            <div class="col-6">
                                                                <label class="payment_option mb-4" data-toggle="tooltip"
                                                                       data-title="Online payment">
                                                                    <input type="radio" id="phiCommerce"
                                                                           name="payment_option"
                                                                           value="phiCommerce" class="online_payment"
                                                                           checked>
                                                                    <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/rozarpay.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                                </label>
                                                            </div>
                                                        @endif
                                                    @else
                                                        <div class="col-6">
                                                            <label class="payment_option mb-4" data-toggle="tooltip"
                                                                   data-title="Online payment">
                                                                <input type="radio" id="phiCommerce"
                                                                       name="payment_option"
                                                                       value="phiCommerce" class="online_payment"
                                                                       checked>
                                                                <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/rozarpay.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                            </label>
                                                        </div>

                                                    @endif
                                                @endif

                                                @if(\App\BusinessSetting::where('type', 'cash_payment')->first()->value == 1)
                                                    @php
                                                        $digital = 0;
                                                        foreach(Session::get('cart') as $cartItem){
                                                            if($cartItem['digital'] == 1){
                                                                $digital = 1;
                                                            }
                                                        }
                                                    @endphp
                                                    @if($digital != 1)
                                                        <div class="col-6">
                                                            <label class="payment_option mb-4" data-toggle="tooltip"
                                                                   data-title="Cash on Delivery">
                                                                <input type="radio" id="" name="payment_option"
                                                                       value="cash_on_delivery" class="online_payment"
                                                                       checked>
                                                                <span>
                                                                    <img loading="lazy"
                                                                         src="{{ asset('frontend/images/icons/cards/cod.png')}}"
                                                                         class="img-fluid" alt="">
                                                                </span>
                                                            </label>
                                                        </div>
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card mb-3 bg-gray text-left p-3 d-none">
                                        <div id="manual_payment_description">

                                        </div>
                                    </div>
                                    @if (Auth::check() && \App\BusinessSetting::where('type', 'wallet_system')->first()->value == 1)
                                        <div class="or or--1 mt-2">
                                            <span>or</span>
                                        </div>
                                        <div class="row">
                                            <div class="col-xxl-6 col-lg-8 col-md-10 mx-auto">
                                                <div class="text-center bg-gray py-4">
                                                    <i class="fa"></i>
                                                    <div class="h5 mb-4">{{ translate('Your wallet balance :')}}
                                                        @if ( session()->has('wallet_discount') )