@extends('layouts.shimanto-restaurant')
@section('content')
    <!-- Page Title -->
    <section class="page-title" style="background-image: url({{ asset('shimanto-restaurant/images/background/10.jpg') }})">
        <div class="auto-container">
            <h1>Checkout</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ route('shimanto.index') }}">home</a></li>
                <li>Checkout</li>
            </ul>
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Checkout Page -->
    <div class="checkout-page">
        <div class="auto-container">

            @if(!Auth::guard('customer')->check())
            <!--Default Links-->
            <ul class="default-links">
                <li>You have any account? <a href="{{ route('shimanto.login') }}" >Click here to login</a></li>
            </ul>
            @endif

            <!--Billing Details-->
            @if(count($cartCollection)>0)
            <div class="billing-details">
                <div class="shop-form">
                    <form method="post" action="{{ route('shimanto.order.submit') }}">
                        @csrf
                        <div class="row clearfix">
                            <div class="col-lg-7 col-md-12 col-sm-12">

                                <div class="sec-title"><h2>Billing Details</h2></div>
                                <div class="billing-inner">
                                    <div class="row clearfix">

                                        <!--Form Group-->
                                        <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                            <div class="field-label">Name <sup>*</sup></div>
                                            <input type="text" name="bill_name" value="{{ $customer_billing?$customer_billing->name:"" }}" placeholder="Name">
                                            @error('bill_name')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                            <div class="field-label">Phone <sup>*</sup></div>
                                            <input type="text" name="bill_phone" value="{{ $customer_billing?$customer_billing->phone:"" }}" placeholder="Phone">
                                            @error('bill_phone')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                            <div class="field-label">Email </div>
                                            <input type="text" name="bill_email" value="{{ $customer_billing?$customer_billing->email:"" }}" placeholder="Email">
                                            @error('bill_email')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                            <div class="field-label">Address <sup>*</sup></div>
                                            <input class="address-two" type="text" name="bill_address" value="{{ $customer_billing?$customer_billing->address:"" }}" placeholder="Apartment, Suit unit etc (optional)">
                                            @error('bill_address')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                            <div class="field-label">Town / City <sup>*</sup></div>
                                            <input type="text" name="bill_town_city" value="{{ $customer_billing?$customer_billing->town_city:"" }}" placeholder="Town /City">
                                            @error('bill_town_city')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                            <div class="field-label">State / Country <sup>*</sup> </div>
                                            <select name="bill_country">
                                                <option value="{{ $customer_billing?$customer_billing->country:"" }}">{{ $customer_billing?$customer_billing->country:"Select an option" }}</option>
                                                <option value="Bangladesh">Bangladesh</option>
                                            </select>
                                            @error('bill_country')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>

                                        <!--Form Group-->
                                        <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                            <div class="field-label">Postcode / Zip <sup>*</sup></div>
                                            <input type="text" name="bill_zip_code" value="{{ $customer_billing?$customer_shipping->zip_code:"" }}" placeholder="Postcode / Zip">
                                            @error('bill_zip_code')
                                            <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                            @enderror
                                        </div>
                                        {{--********************************************************--}}
                                        <div class="form-group sec-title col-md-12 col-xs-12">
                                            <input type="checkbox" value="1" name="shipp_deff_address" style="float: left; margin-top: 6px" >
                                            <p style="float: left; color: #000; padding-left: 15px">Delivery to Different Address</p>
                                        </div>
                                        {{--********************************************************--}}
                                    </div>
                                    <div class="shipping_address" style="display: none">
                                        <div class="row clearfix ">
                                            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                                <div class="field-label">Name <sup>*</sup></div>
                                                <input type="text" name="ship_name" value="{{ $customer_shipping?$customer_shipping->name:"" }}" placeholder="Name">
                                                @error('ship_name')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>

                                            <!--Form Group-->
                                            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                                <div class="field-label">Phone <sup>*</sup></div>
                                                <input type="text" name="ship_phone" value="{{ $customer_shipping?$customer_shipping->phone:"" }}" placeholder="Phone">
                                                @error('ship_phone')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>

                                            <!--Form Group-->
                                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                                <div class="field-label">Email </div>
                                                <input type="text" name="ship_email" value="{{ $customer_shipping?$customer_shipping->email:"" }}" placeholder="Email">
                                                @error('ship_email')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>

                                            <!--Form Group-->
                                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                                <div class="field-label">Address <sup>*</sup></div>
                                                <input class="address-two" type="text" name="ship_address" value="{{ $customer_shipping?$customer_shipping->address:"" }}" placeholder="Apartment, Suit unit etc (optional)">
                                                @error('ship_address')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>

                                            <!--Form Group-->
                                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                                <div class="field-label">Town / City <sup>*</sup></div>
                                                <input type="text" name="ship_town_city" value="{{ $customer_shipping?$customer_shipping->town_city:"" }}" placeholder="Town /City">
                                                @error('ship_town_city')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>


                                            <!--Form Group-->
                                            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                                <div class="field-label">State / Country <sup>*</sup> </div>
                                                <select name="ship_country">
                                                    <option value="{{ $customer_shipping?$customer_shipping->country:"" }}">{{ $customer_shipping?$customer_shipping->country:"Select an option" }}</option>
                                                    <option value="Bangladesh">Bangladesh</option>
                                                </select>
                                                @error('ship_country')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>

                                            <!--Form Group-->
                                            <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                                <div class="field-label">Postcode / Zip <sup>*</sup></div>
                                                <input type="text" name="ship_zip_code" value="{{ $customer_shipping?$customer_shipping->zip_code:"" }}" placeholder="Postcode / Zip">
                                                @error('ship_zip_code')
                                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                                @enderror
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-5 col-md-12 col-sm-12">
                                <div class="sec-title"><h2>Your Order</h2></div>
                                <div class="shop-order-box">
                                    <table class="table table-bordered " style="font-size: 15px">
                                        <tr>
                                            <th style="text-align: left !important;">PRODUCT</th>
                                            <th>QTY</th>
                                            <th>PRICE</th>
                                        </tr>
                                        @foreach($cartCollection as $key)
                                            <tr>
                                                <td style="text-align: left !important;">{{ \Illuminate\Support\Str::limit($key->name, 35, $end='...') }}</td>
                                                <td>{{ $key->quantity }}</td>
                                                <td>৳{{ number_format((float)$key->price, 2, '.', '') }}</td>
                                            </tr>
                                        @endforeach
                                        <tr style="border-top: 2px solid #7e7e7e;">
                                            <td style="text-align: left !important;" colspan="2">Subtotal</td>
                                            <td>৳{{ number_format((float)$totalAmount, 2, '.', '') }}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: left !important;"colspan="2">Delivery Charge</td>
                                            <td>+ ৳{{ number_format((float)$settings->shipping_charge, 2, '.', '') }}</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: left !important;"colspan="2">Coupon Discount</td>
                                            <td class="coupon_discount_amount">- ৳0.00</td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: left !important;"colspan="2">15% VAT</td>
                                            <td>+ ৳{{ number_format((float)($totalAmount*15)/100, 2, '.', '') }}</td>
                                        </tr>
                                        <tr style="border-top: 3px solid #7e7e7e;">
                                            <td style="text-align: left !important;font-size: 16px" colspan="2"><strong>TOTAL</strong></td>
                                            <td style="font-size: 16px"><strong class="grandTotal">৳{{ number_format((float)$totalAmount + $settings->shipping_charge, 2, '.', '') }}</strong></td>
                                        </tr>

                                    </table>
                                    <div class="coupon-outer clearfix">
                                        <div class="pull-left">
                                            <div class="apply-coupon clearfix">
                                                <div class="form-group clearfix">
                                                    <input type="text" name="coupon_code" value="" placeholder="Coupon Code" >
                                                </div>
                                                <div class="form-group clearfix">
                                                    <button type="button" class="theme-btn coupon-btn btn-style-three coupon_code_submit"><span class="txt">Apply Coupon</span></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="coupon-outer clearfix">
                                        <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                            <input type="checkbox" name="agree_checkbox" value="1"> I agree with <a href="{{ route('shimanto.terms-condition') }}">Terms & Conditions</a>, <a href="{{ route('shimanto.privacy-policy') }}">Privacy Policy</a> and  <a href="{{ route('shimanto.return-refund') }}">Refund-Return Policy</a>
                                              @error('agree_checkbox')
                                                   <div class="invalid-feedback" style="display: block; color:red"><br> <span style="color:red">{{ $message }}</span> </div>
                                               @enderror
                                       </div>
                                   </div>
                                    <!--Place Order-->
                                    <div class="place-order">
                                        <!--Payment Options-->

                                            @csrf
                                            <div class="payment-options">
                                                <ul>
                                                    <li>
                                                        <div class="radio-option">
                                                            <input type="radio" name="payment_method" value="CASH_ON_DELIVERY" id="cashondelivary" checked>
                                                            <label for="cashondelivary"><strong>Cash On Delivery</strong>
                                                                <span class="small-text">Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.</span>
                                                            </label>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="radio-option">
                                                            <input type="radio" name="payment_method" id="payment-2" value="SSLCOMMERZ">
                                                            <label for="payment-2"><strong>Direct Bank Transfer</strong>
                                                                <span class="small-text">Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.</span>
                                                            </label>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="radio-option">
                                                            <input type="radio" name="payment_method" id="payment-1">
                                                            <label for="payment-1"><strong>Cheque Payment</strong>
                                                                <span class="small-text">Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order won’t be shipped until the funds have cleared in our account.</span>
                                                            </label>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <div class="radio-option">
                                                            <input type="radio" name="payment_method" id="payment-3">
                                                            <label for="payment-3"><strong>Paypal</strong><img src="images/resource/paypall.jpg" alt="" /> <a href="#" class="what-paypall">What is PayPal?</a></label>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <button type="submit" class="theme-btn btn-style-three"><span class="txt">Place Order</span></button>

                                    </div>
                                    <!--End Place Order-->

                                </div>


                            </div>
                        </div>
                    </form>

                </div>

            </div><!--End Billing Details-->
            @else
                <p>Cart is Empty</p>
                <a href="{{ route('shimanto.foods') }}" class="theme-btn btn-style-six">Continue Shopping</a>
            @endif
        </div>
    </div>

    <script src="{{ asset('shimanto-restaurant/js/jquery.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.coupon_code_submit').click(function () {
                var code = $("input[name=coupon_code]").val();
                if(code ==''){
                    toastr.error('Coupon Code Empty.','Oops!');
                }else{
                    $.ajax({
                        url: "{{ route('shimanto.coupon-code-use') }}",
                        type: "POST",
                        data: {
                            code: code,
                            _token: "{{ csrf_token() }}"
                        },
                        success: function (response) {
                            console.log(response);
                            if (response) {
                                if(response == "NOT_FOUND"){
                                    toastr.error('Coupon code not found.', "Oops!");
                                }else if(response == "COUPON_EXPIRED"){
                                    toastr.error('Coupon code expired.', "Oops!");
                                }else if(response == "COUPON_LIMIT_EXPIRED"){
                                    toastr.error('Coupon code limit doesn\'t exist', "Oops!");
                                }else{
                                    $('.coupon_discount_amount').html('- ৳'+parseFloat(response.discount_amount).toFixed(2));
                                    $('.grandTotal').html('৳'+parseFloat(response.total_cart_amount - response.discount_amount).toFixed(2));
                                    $('.coupon_code_submit').css('display','none');
                                    $("input[name=coupon_code]").attr('disabled',true);
                                    toastr.success('Coupon code successfully used.', "Well Done!");
                                }

                            }
                        }
                    });
                }
            });

            $('input[name="shipp_deff_address"]').click(function(){
                if($(this).prop("checked") == true){
                    $('.shipping_address').css('display','block')
                }
                else if($(this).prop("checked") == false){
                    $('.shipping_address').css('display','none')
                }
            });
        });
    </script>
@endsection