@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', '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')}}" 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 ">
                            <!-- <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-6">
                            <label for="address">Address <sup style="color: red;">*</sup></label>
                            <input required name="address" placeholder="For Example: House# 123, Street# 123, ABC Road" id="address" class="form-control @error('address') is-invalid @enderror" type="text"  value="{{$order->address??''}}" />
                            @error('address')
                                <small class="form-text text-danger">{{$message}}</small>
                            @enderror
                        </div>
                        @if($product->sheba==1)
                        <div class="form-group col-md-6">
                                <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-6">
                            <label for="phone">Phone <sup style="color: red;">*</sup></label>
                            <input value="" 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-6">
                            <label for="email">Email Address <sup style="color: red;">*</sup></label>
                            <input value="{{auth()->user()->email}}" 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;
                            }
                                                     .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>3</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 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">
                                             <img src="{{asset('/')}}icon/delivery-man.png">
                                             Cash on delivery 
                                        </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">
                                             Bank
                                        </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>4</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}}">