@extends('layouts.front')

@section('title')
    @lang('Pay with Razorpay')
@endsection

@section('content')
<br>
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="payment-box">
                <h3>Confirm your order details</h3>
                <p>Please confirm your order details before payment</p><hr>
                <div class="order-received-style mbtm-60">
                    <div class="order-received">
                        <p class="title">Date</p>
                        <p class="order-description">{{ date('F d, Y') }}</p>
                    </div>
                    <div class="order-received">
                        <p class="title">Total</p>
                        <p class="order-description font_black">
                            @if(config('settings.shipping_cost_valid_below') > Cart::totalFloat())
                                @if(session()->has('coupon_amount') && session()->has('coupon_valid_above_amount') && session('coupon_valid_above_amount') < Cart::totalFloat())
                                    @if(session()->has('coupon_code'))
                                        {{currency_format(config('settings.shipping_cost') + Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100)}}
                                    @else
                                        {{currency_format(config('settings.shipping_cost') + Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100)}}
                                    @endif
                                @else
                                    {{currency_format(config('settings.shipping_cost') + Cart::totalFloat() + (Cart::totalFloat() * config('settings.tax_rate')) / 100)}}
                                @endif
                            @else
                                @if(session()->has('coupon_amount') && session()->has('coupon_valid_above_amount') && session('coupon_valid_above_amount') < Cart::totalFloat())
                                    @if(session()->has('coupon_code'))
                                        {{currency_format(Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100) }}
                                    @else
                                        {{currency_format(Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100) }}
                                    @endif
                                @else
                                    {{currency_format(Cart::totalFloat() + (Cart::totalFloat() * config('settings.tax_rate')) / 100) }}
                                @endif
                            @endif
                        </p>
                    </div>
                    <div class="order-received">
                        <p class="title">Payment Method</p>
                        <p class="order-description">Online</p>
                    </div>
                </div>
                <div class="order-details-style">
                    <h3>Order Details</h3>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Product name</th>
                                <th>Quantity</th>
                                <th>Price</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($cartItems as $cartItem)
                            <tr>
                                <td class="cart-product-name-info">
                                    {{$cartItem->name}}
                                    @if(is_array($cartItem->options->spec) && count($cartItem->options->spec))
                                        <div class="cart-product-info">
                                            @foreach($cartItem->options->spec as $key => $spec)
                                                <span class="product-color">
                                                    {{$spec['name']}} : <span> {{$spec['value']}} </span>
                                                </span>
                                                @if(!$loop->last) @endif
                                            @endforeach
                                        </div>
                                    @endif
                                </td>
                                <td>{{$cartItem->qty}}</td>
                                <td>{{currency_format($cartItem->total)}}</td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="order-details-style">
                    <h3>Delivery Address</h3>
                    <div class="WNKte">
                        <div class="iVfJzP"><p class="eUtra-D">Delivery Location</p></div>
                        <div class="iPWfsM">
                            <p class="juhrAw"><strong>{{$customer->first_name . ' ' . $customer->last_name}}</strong>, {{$customer->address}} {{$customer->city . ', ' . $customer->state . ' - ' . $customer->zip}} {{$customer->country}}. <span class="payment-adrs-span"><strong class="payment-adrs-ph">@lang('PH:')</strong> {{$customer->phone}}</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4" style="padding-top: 20px;">
        <div class="col-md-12 pd_10 pay_col" style="margin-top: -22px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .1);">
        <h3 class="tot-amt-wallet">Total Amount</h3><hr>
        
                    <div class="col-md-7 col-sm-6 col-xs-6 bold_head">
                        <p><span> Total Products </span></p>
                        <p><span> Sub Total </span></p>
                        <p><span> @lang('Tax') </span></p>
                        <p><span> Shipping Cost </span></p>
                        <p><span> @lang('Discount') </span></p>
                        <p class="font_black"><span> Total </span></p>
                    </div>
                    <div class="col-md-5 col-sm-6 col-xs-6 text-right">
                        <p><span> {{Cart::count()}} items</span></p>
                        <p><span> {{currency_format(Cart::total())}} </span></p>
                        <p>+  {{ currency_format(Cart::totalFloat() * config('settings.tax_rate')/100)}} </p>
                        @if(config('settings.shipping_cost_valid_below') > Cart::totalFloat())
                            <p><span> {{currency_format(config('settings.shipping_cost'))}} </span></p>
                        @else
                            <p><span> Free </span></p>
                        @endif
                        
                        @if(session()->has('coupon_amount') && session()->has('coupon_valid_above_amount') && session('coupon_valid_above_amount') < Cart::totalFloat())
                            <p>-<span> {{currency_format(session('coupon_amount'))}} </span></p>
                        @else
                            <p><span> {{currency_format(0)}} </span></p>
                        @endif

                        @if(config('settings.shipping_cost_valid_below') > Cart::totalFloat())
                            @if(session()->has('coupon_amount') && session()->has('coupon_valid_above_amount') && session('coupon_valid_above_amount') < Cart::totalFloat())
                                <p class="font_black"><span> {{currency_format(config('settings.shipping_cost') + Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100)}} </span></p>
                            @else
                                <p class="font_black"><span> {{currency_format(config('settings.shipping_cost') + Cart::totalFloat() + (Cart::totalFloat() * config('settings.tax_rate')) / 100)}} </span></p>
                            @endif
                        @else
                            @if(session()->has('coupon_amount') && session()->has('coupon_valid_above_amount') && session('coupon_valid_above_amount') < Cart::totalFloat())
                                <p class="font_black"><span> {{currency_format(Cart::totalFloat() - session('coupon_amount') + (Cart::totalFloat() * config('settings.tax_rate')) / 100) }} </span></p>
                            @else
                                <p class="font_black"><span> {{currency_format(Cart::totalFloat() + (Cart::totalFloat() * config('settings.tax_rate')) / 100) }} </span></p>
                            @endif
                        @endif
                    </div>
                <div class="text-center">
                    <form onsubmit="payment();" action="{!!route('razorpay.payment')!!}" method="POST" >
                        {{ csrf_field() }}
                        <!-- Note that the amount is in paise = 50 INR -->
                        <!--amount need to be in paisa-->
                        <script src="https://checkout.razorpay.com/v1/checkout.js"
                                data-key="{{ Config::get('razorpay.razor_key') }}"
                                data-amount="{{$amount}}"
                                data-notes.original_price="{{$original_price}}"
                                data-buttontext="Pay now"
                                data-name="Total"
                                data-description="Order Value: {{$amount / 100}} INR"
                                data-image="{{url('/img/'.config('settings.site_logo'))}}"
                                data-prefill.name="{{Auth::user()->name}}"
                                data-prefill.email="{{Auth::user()->email}}"
                                data-prefill.contact="{{Auth::user()->mobile}}"
                                data-notes.orderno="{{$orderno}}"
                                data-theme.color="#a53692">
                        </script>
                        <input type="hidden" name="_token" value="{!!csrf_token()!!}">
                    </form>
                </div>
            </div>
           
        </div>
    </div>
</div>

<br><br>
@endsection
@section('scripts')
<script>
    function payment() {
        $('.razorpay-payment-button')
            .text('{{__('Please Wait...')}}')
            .prop('disabled', true);
    }
</script>
@endsection