@extends('site.master')
@section('title','Checkout')
@section('content')
    <!-- Page Banner Section Start -->
    @include('site.layouts.breadcrumb')
    <!-- Page Banner Section End -->
    <!-- Checkout Page Start -->
    <div class="page-section section mt-20 mb-20">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                    <!-- Checkout Form s-->
                    <form action="{{ route('site.order.confirm') }}" class="checkout-form" method="post">
                        @csrf
                        <div class="row row-40">

                            <div class="col-lg-7 mb-20">

                                <!-- Billing Address -->
                                <div id="billing-form" class="mb-40">
                                    <h4 class="checkout-title">Billing Address</h4>

                                    <div class="row">

                                        <div class="col-md-6 col-12 mb-10">
                                            <label>Full Name*</label>
                                            <input type="text" placeholder="Full Name" name="full_name" value="{{ Auth::guard('customers')->user()->name }}">
                                            @if($errors->has('full_name'))
                                                <div class="validation_error">{{ $errors->first('full_name') }}</div>
                                            @endif
                                        </div>


                                        <div class="col-md-6 col-12 mb-20">
                                            <label>Phone no*</label>
                                            <input type="text" placeholder="Phone number" name="phone_number" value="{{ Auth::guard('customers')->user()->mobile }}">
                                            @if($errors->has('phone_number'))
                                                <div class="validation_error">{{ $errors->first('phone_number') }}</div>
                                            @endif
                                        </div>


                                        <div class="col-12 mb-20">
                                            <label>Full Address*</label>
                                            <input type="text" placeholder="Address line (House,Road,Thana,District)"
                                                   name="full_address" value="{{ (Auth::guard('customers')->user()->address) ? Auth::guard('customers')->user()->address : old('full_address') }}">
                                            @if($errors->has('full_address'))
                                                <div class="validation_error">{{ $errors->first('full_address') }}</div>
                                            @endif
                                        </div>

                                        <div class="col-md-6 col-12 mb-20">
                                            <label>Delivery Zone *</label>
                                            <select class="nice-select"  name="shipping_cost" id="shipping_cost" required>
                                                <option value="60">Inside Noakhali (60 Taka)</option>
                                                <option value="60">Inside Dhaka (60 Taka)</option>
                                                <option value="150">Outside Dhaka & Noakhali (150 Taka) </option>
                                            </select>
                                        </div>

                                        <div class="col-12 mb-20">
                                            <div class="check-box">
                                                <input type="checkbox" id="shipping_address" name="shipping_address"
                                                       data-shipping
                                                       value="different" {{ old('shipping_address') == 'different' ? 'checked' : '' }}>
                                                <label for="shipping_address">Ship to Different Address</label>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <!-- Shipping Address -->
                                <div id="shipping-form" class="mb-40">
                                    <h4 class="checkout-title">Shipping Address</h4>

                                    <div class="row">

                                        <div class="col-md-6 col-12 mb-10">
                                            <label>Full Name*</label>
                                            <input type="text" placeholder="Full Name" name="shipping_full_name" value="{{ old('shipping_full_name') }}">
                                            @if($errors->has('shipping_full_name'))
                                                <div class="validation_error">{{ $errors->first('shipping_full_name') }}</div>
                                            @endif
                                        </div>

                                        <div class="col-md-6 col-12 mb-10">
                                            <label>Phone no*</label>
                                            <input type="text" placeholder="Phone number" name="shipping_phone_number"  value="{{ old('shipping_phone_number') }}">
                                            @if($errors->has('shipping_phone_number'))
                                                <div class="validation_error">{{ $errors->first('shipping_phone_number') }}</div>
                                            @endif
                                        </div>

                                        <div class="col-12 mb-10">
                                            <label>Full Address*</label>
                                            <input type="text" placeholder="Address line (House,Road,Thana,District)" name="shipping_full_address"  value="{{ old('shipping_full_address') }}">
                                            @if($errors->has('shipping_full_address'))
                                                <div class="validation_error">{{ $errors->first('shipping_full_address') }}</div>
                                            @endif
                                        </div>

                                    </div>

                                </div>

                            </div>

                            <div class="col-lg-5">
                                <div class="row">

                                    <!-- Cart Total -->
                                    <div class="col-12 mb-60">

                                        <h4 class="checkout-title">Cart Total</h4>

                                        <div class="checkout-cart-total">

                                            <h4>Product <span>Total</span></h4>

                                            <ul>
                                                @if(session('cart'))
                                                    @foreach(session('cart') as $id => $details)
                                                        <li>{{ $details['name'] }}
                                                            <span>৳ {{ $details['price'] * $details['quantity'] }}</span>
                                                        </li>
                                                    @endforeach
                                                @endif

                                            </ul>

                                            @php $total = 0 @endphp
                                            @foreach((array) session('cart') as $id => $details)
                                                @php $total += $details['price'] * $details['quantity'] @endphp
                                            @endforeach

                                            <p>Sub Total <span>৳ {{ $total }} <input type="hidden" id="sub_total" value=" {{ $total }}"></span></p>
                                            <p>Shipping Fee <span>৳ <strong  id="shipping"> 00 </strong></span></p>


                                            <h4>Grand Total  <span>৳ <strong id="grand_total"> {{ $total }} </strong></span></h4>

                                        </div>

                                    </div>

                                    <!-- Payment Method -->
                                    <div class="col-12 mb-60">

                                        <h4 class="checkout-title">Payment Method</h4>

                                        <div class="checkout-payment-method">

                                            <div class="single-method">
                                                <input type="radio" id="payment_cash" name="payment_method"
                                                       value="COD">
                                                <label for="payment_cash">Cash on Delivery</label>
                                                <p data-method="COD">Cash on delivery (COD) is when a recipient pays
                                                    for a good or service at the time of delivery.</p>
                                            </div>

                                            <div class="single-method">
                                                <input type="radio" id="payment_check" name="payment_method"
                                                       value="Online Payment">
                                                <label for="payment_check">bKash / Rocket / Nagad / Credit /Debit
                                                    Card</label>
                                                <p data-method="Online Payment">Online Payment.For Cashless
                                                    Transaction.</p>
                                            </div>

                                            <div class="single-method">
                                                <input type="radio" id="payment_payoneer" name="payment_method"
                                                       value="EMI">
                                                <label for="payment_payoneer">Equated Monthly Installment(EMI)</label>
                                                <p data-method="EMI">You Can Pay with Equated Monthly Installment (EMI)
                                                    using your Credit Card.</p>
                                            </div>
                                            @if($errors->has('payment_method'))
                                                <div class="validation_error">{{ $errors->first('payment_method') }}</div>
                                            @endif

                                            <div class="single-method">
                                                <input type="checkbox" id="accept_terms" name="accept_terms">
                                                <label for="accept_terms">
                                                        I’ve read and agree to the website's <a href="{{ route('site.terms-conditions') }}" target="_blank" style="color: #0d6efd" >terms & conditions,</a>  <a href="{{ route('site.privacy-policy') }}" target="_blank" style="color: #0d6efd" >Privacy Policy </a> and  <a href="{{ route('site.return-refund-policy') }}" target="_blank" style="color: #0d6efd" >Refund Policy</a></label>
                                                @if($errors->has('accept_terms'))
                                                    <div class="validation_error">{{ $errors->first('accept_terms') }}</div>
                                                @endif
                                            </div>

                                        </div>

                                        <button class="place-order" type="submit">Place order</button>

                                    </div>


                                </div>
                            </div>

                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
    <!-- Checkout Page End -->
@stop
@section('page_scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            total_calculate();
            if ($('[data-shipping]:checked').length > 0) {
                $('#shipping-form').slideDown();
            } else {
                $('#shipping-form').slideUp();
            }

            $('#shipping_cost').change(function() {
                total_calculate();
            });


            function total_calculate() {
                let sub_total= parseFloat($("#sub_total").val());
                let shipping_cost= parseFloat($("#shipping_cost").val());
                $("#shipping").text(shipping_cost);
                $("#grand_total").text(sub_total+shipping_cost);
            }
        })
    </script>
@endsection