@extends('layouts.frontend.app')

@push('meta')
    <meta name='description' content="Buy now product" />
    <meta name='keywords' content="@foreach ($product->tags as $tag){{ $tag->name . ', ' }} @endforeach" />
@endpush

@section('title', 'Minimal - Buy now product')

@section('content')
    @php
        $order = App\Models\Order::where('user_id', auth()->id())
            ->select('address', 'shipping_charge', 'town', 'district', 'thana')
            ->first();
    @endphp
    <div id="checkout">
        <div class="container">
            <form action="{{ route('order.buy.store_minimal') }}" method="POST">
                @csrf
                <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 value="{{ auth()->user()->name ?? '' }}" 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="">
                                <label for="last_name">Last Name <sup style="color: red;"></sup>*</label>
                                <input required value="null" name="last_name" id="last_name" class="form-control @error('last_name') is-invalid @enderror" type="hidden"  />
                                </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 ">
                                <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>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="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>

                                @if ($product->sheba == 1)
                                    <div class="form-group col-md-12">
                                        <label style="font-size:15px">Service Recipte Date</label>
                                        <input type="date" name="meet" id="meet" class="form-control"
                                            placeholder="Service Recipte Date">
                                        <small class="form-text text-danger phone"></small>
                                    </div>
                                @endif

                                {{-- <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> --}}

                                @if (!empty($request->pr))
                                    <input type="hidden" name="pr" value="{{ $request->pr }}">
                                @endif

                                <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 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">
                            <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;
                                }

                                .arrow-in {
                                    top: 5px;
                                }

                                .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">
                                        <input type="hidden" value="{{ $request->dynamic_price }}" name="dynamic_prices">
                                        <div class="form-row">
                                            <div id="accordion" class="col-12">
                                                <div class="card">
                                                    <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 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">
                                                                    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_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">
                                                                </label>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card">
                                                    <div class="card-header" id="headingThree">
                                                    </div>
                                                    <div id="collapseThree" class="collapse"
                                                        aria-labelledby="headingThree" data-parent="#accordion">
                                                        <div class="card-body">
                                                        </div>
                                                    </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"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h4 class="form-title"><span>3</span>Order Summary </h4>
                        <div class="card">
                                                        <div style="margin-bottom: 10px;display: flex;" class="product">
                                <img style="width:50px" src="{{ asset('uploads/product/' . $product->image) }}"
                                    alt="">
                                <a style="margin-left:10px"
                                    href="{{ route('product.details', $product->slug) }}">{{ $product->title }}</a>
                                <span style="flex: 1 auto;text-align: right;"> {{ $sub_total }}</span>
                                <input type="hidden" name="id" value="{{ $request->id }}">
                                <input type="hidden" name="qty" value="{{ $request->qty }}">