@extends('layouts.frontend.app')
@push('meta')
<meta name='description' content="Checkout cart product"/>
<meta name='keywords' content="" />
@endpush
@section('title', 'Minimal - Checkout cart product')
@section('content')
@php
    $order=App\Models\Order::where('user_id',auth()->id())->select('address','shipping_charge','town','district','thana')->first();
    if(empty($order)){
        $town=''; $address=''; $district='';$thana='';
    }
@endphp
<style>
    .arrow-in {
        top: 5px;
    }
    .arrow2 .icofont-simple-down {
        display: block;
    }
    .arrow2 .icofont-simple-right {
        display: none;
    }
    .collapsed .arrow2 .icofont-simple-down {
        display: none !important;
    }
    .collapsed .arrow2 .icofont-simple-right {
        display: block !important;
    }
</style>
<div id="checkout">
    <div class="container">
        <form action="{{route('order.store_minimal')}}" method="POST">
            @csrf
            <input type="hidden" name="checkout_user_type" value="guest">
            <div class="row mt-3">
                <div class="col-md-8 offset-md-2 alert-message">
                    <div class="alert"></div>
                </div>
                <div class="widget3 col-md-7">
                    <h4 class="form-title"><span>1</span> Billing Info </h4>
                    <div class="card">
                        <div class="row">
                            <div class="form-group col-md-12">
                                <label for="first_name">Full Name <sup style="color: red;"></sup>*</label>
                                <input required @if (auth()->user())
                                value="{{auth()->user()->name}}"
                                @endif name="first_name" id="first_name"
                                    class="form-control @error('first_name') is-invalid @enderror" type="text" />
                                @error('first_name')<small class="form-text text-danger">{{$message}}</small>@enderror
                            </div>
                    
                            <div class="form-group ">
                                <!-- <label for="country">Country/Region <sup style="color: red;">*</sup></label> -->
                                <input name="country" id="country" value="{{ setting('COUNTRY_SERVE') ?? 'Bangladesh' }}"
                                    class="form-control @error('country') is-invalid @enderror" type="hidden" />
                                @error('country')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div>
                            {{-- <div class="form-group col-md-6">
                                <label for="city">Division <sup style="color: red;">*</sup></label>
                                <select name="city" id="divisions"
                                    class="form-control @error('city') is-invalid @enderror"
                                    onchange="divisionsList();">
                                    <option disabled>Select Division</option>
                                    <option @isset($order->town) @if($order->town =='Barishal')selected @endif @endisset
                                        value="Barishal">Barishal</option>
                                    <option @isset($order->town) @if($order->town=='Chattogram')selected @endif
                                        @endisset value="Chattogram">Chattogram</option>
                                    <option @isset($order->town) @if($order->town =='Dhaka')selected @endif @endisset
                                        value="Dhaka">Dhaka</option>
                                    <option @isset($order->town) @if($order->town =='Khulna')selected @endif @endisset
                                        value="Khulna">Khulna</option>
                                    <option @isset($order->town) @if($order->town =='Mymensingh')selected @endif
                                        @endisset value="Mymensingh">Mymensingh</option>
                                    <option @isset($order->town) @if($order->town =='Rajshahi')selected @endif @endisset
                                        value="Rajshahi">Rajshahi</option>
                                    <option @isset($order->town) @if($order->town =='Rangpur')selected @endif @endisset
                                        value="Rangpur">Rangpur</option>
                                    <option @isset($order->town) @if($order->town =='Sylhet')selected @endif @endisset
                                        value="Sylhet">Sylhet</option>
                                </select>
                                <!--/ Division Section-->

                                @error('city')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror

                            </div> --}}
                            {{-- <div class="form-group col-md-6">
                                <label for="district">District <sup style="color: red;">*</sup></label>
                                <select name="district" class="form-control @error('district') is-invalid @enderror"
                                    id="distr" onchange="thanaList();">
                                    <option disabled>Select District</option>
                                    @isset($order->district)
                                    <option selected value="{{$order->district}}">{{$order->district}}</option>
                                    @endisset
                                </select>
                                <!--/ Districts Section-->
                                @error('district')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div> --}}
                            {{-- <div class="form-group col-md-6">
                                <label for="district">Thana <sup style="color: red;">*</sup></label>
                                <select name="thana" class="form-control @error('district') is-invalid @enderror"
                                    id="polic_sta">
                                    <option disabled>Select Thana</option>
                                    @isset($order->thana)
                                    <option selected value="{{$order->thana}}">{{$order->thana}}</option>
                                    @endisset
                                </select>
                            </div> --}}
                            <div class="form-group col-md-12">
                                <label for="phone">Phone <sup style="color: red;">*</sup></label>
                                <input @if (auth()->user())
                                value="{{auth()->user()->phone}}"
                                @endif required name="phone" id="phone"
                                    class="form-control @error('phone') is-invalid @enderror" type="number" />
                                @error('phone')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div>


                            <div class="form-group col-md-12 d-none" id="email_wrap">
                                <label for="email">Email Address <sup style="color: red;">*</sup></label>
                                <input name="email" id="email" class="form-control @error('email') is-invalid @enderror" type="text"  />
                                @error('email')
                                    <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div>
                            
                            <div class="form-group col-md-12">
                                    <label for="address">Full Address</label>
                                    <textarea name="address" id="address" rows="4"
                                        class="form-control "></textarea>
                                    @error('address')
                                        <small class="form-text text-danger">{{$message}}</small>
                                    @enderror
                            </div>
                            
                            <div class="form-group col-md-12">
                                <select name="shipping_range" id="shipping_range" class="form-control">
                                    <option value="1">Inside {{ setting('shipping_range_inside') }} ({{ setting('shipping_charge') }})</option>
                                    <option value="0">Outside of ({{ setting('shipping_charge_out_of_range') }})</option>
                                </select>
                            </div>
                            

                            {{-- <div class="form-group">
                                <label for="postcode">Postcode / ZIP(optional)</label>
                                <input  name="postcode" id="postcode" class="form-control @error('postcode') is-invalid @enderror" type="text"  />
                                @error('email')
                                    <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div> --}}

                            

                            {{-- <div class="form-group col-md-6">
                                <label for="email">Email Address <sup style="color: red;">*</sup></label>
                                <input required name="email" id="email"
                                    class="form-control @error('email') is-invalid @enderror" type="text" />
                                @error('email')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div> --}}
                            {{-- <div class="form-group col-md-12">
                                <label for="company">Company (optional)</label>
                                <input name="company" id="company"
                                    class="form-control @error('company') is-invalid @enderror" type="text" />
                                @error('email')
                                <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div> --}}
                        </div>
                    </div>
                </div>




                <div class="widget3 col-md-5">
                    <div class="row">
                        {{-- <div class="widget3 col-md-12">
                            <h4 class="form-title"><span>2</span>Shipping Method </h4>
                            <div class="card">
                                <div class="form-group ofl">
                                    <input name="shipping_method" value="Free"  style="margin-right: 5px;position: relative;top: 0px;" type="radio">
                                    <label for="free">Free</label>
                                </div>
                                <div style="margin:0" class="form-group ofl">
                                    <input name="shipping_method" value="Prime"  style="margin-right: 5px;position: relative;top: 0px;" type="radio"><label for="bank">Prime</label>
                                </div>
                                @error('shipping_method')
                                    <small class="form-text text-danger">{{$message}}</small>
                                @enderror
                            </div>
                        </div> --}}
                        <style>
                            #accordion .card {
                                padding: 0 !important;
                            }

                            #accordion .card-body {
                                padding: 0;
                                margin-top: 10px;
                            }

                            #accordion .card-header {
                                padding: 0;
                            }

                            #accordion .card-header h5 div {
                                font-size: 15px;
                                padding: 10px;
                                background: var(--primary_color);
                                color: white;
                                cursor: pointer;
                            }

                            label img {
                                width: 100px;
                                height: 50px;
                                object-fit: contain;
                            }

                            .pa label {
                                text-align: center;
                                box-shadow: 0px 0px 6px gainsboro;
                                padding: 10px 20px;
                                border-radius: 5px;
                                position: relative;
                                cursor: pointer;
                            }

                            .payment_method {
                                position: absolute;
                                z-index: -9;
                            }
                        </style>
                        <div class="widget-3 col-md-12">
                            <div class="widget3">
                                <h4 class="form-title"><span>2</span>Payment Method</h4>
                                <div class="card pa">
                                    <div class="form-row">

                                        <div id="accordion" class="col-12">
                                            {{-- <div class="card">
                                                
                                                <div class="card-header" id="headingOne">
                                                    <h5 class="mb-0">
                                                        <div class="" data-toggle="collapse" data-target="#collapseOne"
                                                            aria-expanded="true" aria-controls="collapseOne">
                                                            Online Pay
                                                        </div>
                                                    </h5>
                                                </div>

                                                <div id="collapseOne" class="collapse " aria-labelledby="headingOne"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        @if(setting('g_aamar')=='true')
                                                        <label for="aamarpay">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="aamarpay" id="aamarpay">
                                                            <img src="{{asset('/')}}icon/aamarpay_logo.png">
                                                            Aamarpay
                                                        </label>
                                                        @endif

                                                        @if(setting('g_uddok')=='true')
                                                        <label for="uddoktapay">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="uddoktapay"
                                                                id="uddoktapay">
                                                            <img src="{{asset('/')}}icon/uddoktapay.png">
                                                            Uddoktapay
                                                        </label>
                                                        @endif


                                                        @if(setting('g_wallate')=='true')
                                                        <label for="wallate">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="wallate" id="wallate">
                                                            <img src="{{asset('/')}}icon/wallet.png">
                                                            Wallate
                                                            <p>{{auth()->user()->wallate}}</p>
                                                        </label>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div> --}}

                                            <div class="card">
                                                {{-- <div class="card-header" id="headingTwo">
                                                    <h5 class="mb-0">
                                                        <div class=" collapsed" data-toggle="collapse"
                                                            data-target="#collapseTwo" aria-expanded="false"
                                                            aria-controls="collapseTwo">
                                                            Offline Pay
                                                        </div>
                                                    </h5>
                                                </div> --}}
                                                <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        
                                                        @if(setting('g_cod')=='true')
                                                        <label for="cod">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="Cash on Delivery"
                                                                id="cod" checked>
                                                            <img src="{{asset('/')}}icon/delivery-man.png">
                                                            Cash on<br>delivery
                                                        </label>
                                                        @endif

                                                        @if(setting('g_aamar')=='true')
                                                        <label for="aamarpay">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="aamarpay" id="aamarpay">
                                                            <img src="{{asset('/')}}icon/aamarpay_logo.png">
                                                            <small>Aamarpay<br>Online</small>
                                                        </label>
                                                        @endif
                                                        
                                                        @if(setting('g_uddok')=='true')
                                                        <label for="uddoktapay">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="uddoktapay"
                                                                id="uddoktapay">
                                                            <img src="{{asset('/')}}icon/uddoktapay.png">
                                                            <small>Uddoktapay<br>Online</small>
                                                        </label>
                                                        @endif

                                                        @auth                                                            
                                                        @if(setting('g_wallate')=='true')
                                                        <label for="wallate">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="wallate" id="wallate">
                                                            <img src="{{asset('/')}}icon/wallet.png">
                                                            Wallate
                                                            <p>{{auth()->user()->wallate}}</p>
                                                        </label>
                                                        @endif
                                                        @endauth

                                                        @if(setting('g_bkash')=='true')
                                                        <label for="Bkash">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="Bkash" id="Bkash">
                                                            <img src="{{asset('/')}}icon/bkash.png">
                                                            Bkash
                                                        </label>
                                                        @endif
                                                        @if(setting('g_nagad')=='true')
                                                        <label for="Nagad">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="Nagad" id="Nagad">
                                                            <img src="{{asset('/')}}icon/nagad.png">
                                                            Nagad
                                                        </label>
                                                        @endif
                                                        @if(setting('g_rocket')=='true')
                                                        <label for="Rocket">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="Rocket" id="Rocket">
                                                            <img src="{{asset('/')}}icon/rocket.png">
                                                            Rocket
                                                        </label>
                                                        @endif
                                                        @if(setting('g_bank')=='true')
                                                        <label for="Bank">
                                                            <input type="radio" name="payment_method"
                                                                class="payment_method" value="Bank" id="Bank">
                                                            <img src="{{asset('/')}}icon/bank.png">
                                                            Bank
                                                        </label>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="card">
                                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                                    data-parent="#accordion">
                                                </div>
                                            </div>
                                        </div>
                                        @error('payment_method')
                                        <small class="form-text text-danger">{{$message}}</small>
                                        @enderror
                                    </div>
                                    <p class="mt-2" id="appended"
                                        style="background: #dcdcdc80;padding: 10px;border-radius: 5px;margin-bottom: 10px;">
                                    </p>
                                    <div id="payment-details">পণ্য হাতে পেয়ে টাকা দিন।{{-- for COD auto Select --}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h4 class="form-title"><span>3</span>Order Summary </h4>
                    <div class="card">