@extends('layouts.front-end.app')
@section('title',translate('shipping_Address'))
@push('css_or_js')
<link rel="stylesheet" href="{{ theme_asset(path: 'public/assets/front-end/css/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ theme_asset(path: 'public/assets/front-end/plugin/intl-tel-input/css/intlTelInput.css') }}">
<link rel="stylesheet" href="{{ theme_asset(path: 'public/assets/front-end/css/payment.css') }}">
<script src=""></script>
<script src="https://js.stripe.com/v3/"></script>
<style>
.marquee {
height: 25px;
width: 100%;
overflow: hidden;
position: relative;
}
.marquee div {
display: block;
width: 290%;
height: 30px;
position: absolute;
overflow: hidden;
animation: marquee 12s linear infinite;
}
.marquee span {
float: left;
width: 50%;
color:red;
}
@keyframes marquee {
0% { left: 0; }
100% { left: -100%; }
}
</style>
@endpush
@section('content')
@php($billingInputByCustomer=getWebConfig(name: 'billing_input_by_customer'))
<div class="container py-4 rtl __inline-56 px-0 px-md-3 text-align-direction">
<div class="row mx-max-md-0">
<div class="col-md-12 mb-3">
<div class="marquee mb-2">
<div>
<span>সতর্কবার্তা: আমাদের ওয়েবসাইটে ইচ্ছাকৃতভাবে ফেইক অর্ডার করে আমাদের ক্ষতিগ্রস্ত করার চেষ্টা করলে, কঠোর আইনি পদক্ষেপ গ্রহণ করা । ফেইক অর্ডার শনাক্ত হলে, আপনার আইপি ঠিকানা এবং অন্যান্য পরিচয় সংক্রান্ত তথ্য সংগ্রহ করা হবে।</span>
<span>সতর্কবার্তা: আমাদের ওয়েবসাইটে ইচ্ছাকৃতভাবে ফেইক অর্ডার করে আমাদের ক্ষতিগ্রস্ত করার চেষ্টা করলে, কঠোর আইনি পদক্ষেপ গ্রহণ করা । ফেইক অর্ডার শনাক্ত হলে, আপনার আইপি ঠিকানা এবং অন্যান্য পরিচয় সংক্রান্ত তথ্য সংগ্রহ করা হবে।</span>
</div>
</div>
<h3 class="font-weight-bold text-center text-lg-left">{{translate('checkout')}}</h3>
</div>
<section class="col-lg-6 px-max-md-0">
<div class="checkout_details">
<div class="px-3 px-md-3">
@include('web-views.partials._checkout-steps',['step'=>2])
</div>
<div class="card mt-3">
<div class="card-body">
@if($cashOnDeliveryBtnShow && $cash_on_delivery['status'] || $digital_payment['status']==1)
<div class="d-flex flex-wrap gap-3 mb-5">
@if($cashOnDeliveryBtnShow && $cash_on_delivery['status'])
<div id="cod-for-cart">
<div class="cursor-pointer">
<form action="{{route('checkout-done')}}" method="post" class="needs-validation" id="cash_on_delivery_form">
@csrf
@php($defaultLocation = getWebConfig(name: 'default_location'))
@if($physical_product_view)
<input type="hidden" id="physical_product" name="physical_product" value="{{ $physical_product_view ? 'yes':'no'}}">
<div class="px-3 px-md-0">
<h4 class="pb-2 mt-4 fs-18 text-capitalize">{{ translate('shipping_address')}}</h4>
</div>
@php($shippingAddresses=\App\Models\ShippingAddress::where(['customer_id'=>auth('customer')->id(), 'is_billing'=>0, 'is_guest'=>0])->get())
<div class="card-body p-0">
<ul class="list-group">
<li class="list-group-item add-another-address">
@if ($shippingAddresses->count() >0)
<div class="d-flex align-items-center justify-content-end gap-3">
<div class="dropdown">
<button class="form-control dropdown-toggle text-capitalize" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{translate('saved_address')}}
</button>
<div class="dropdown-menu dropdown-menu-right saved-address-dropdown scroll-bar-saved-address" aria-labelledby="dropdownMenuButton">
@foreach($shippingAddresses as $key=>$address)
<div class="dropdown-item select_shipping_address {{$key == 0 ? 'active' : ''}}" id="shippingAddress{{$key}}">
<input type="hidden" class="selected_shippingAddress{{$key}}" value="{{$address}}">
<input type="hidden" name="shipping_method_id" value="{{$address['id']}}">
<div class="media gap-2">
<div class="">
<i class="tio-briefcase"></i>
</div>
<div class="media-body">
<div class="mb-1 text-capitalize">{{$address->address_type}}</div>
<div class="text-muted fs-12 text-capitalize text-wrap">{{$address->address}}</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
<div id="accordion">
<div class="">
<div class="mt-3">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>{{ translate('contact_person_name')}}
<span class="text-danger">*</span>
</label>
<input type="text" class="form-control" name="contact_person_name" {{$shippingAddresses->count()==0?'required':''}} id="name" placeholder="{{ translate('Full Name')}}">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>{{ translate('phone')}}
<span class="text-danger">*</span>
</label>
<input type="text" class="form-control phone-input-with-country-picker" name="phone" id="phone" {{$shippingAddresses->count()==0?'required':''}} placeholder="1700000000">
<input type="hidden" id="shipping_phone_view" class="country-picker-phone-number w-50" name="phone" readonly>
</div>
</div>
@if(!auth('customer')->check())
<div class="col-sm-12 d-none">
<div class="form-group">
<label for="exampleInputEmail1">
{{ translate('email')}}
<span class="text-danger">*</span>
</label>
<input type="email" class="form-control" name="email" id="email" {{$shippingAddresses->count()==0?'required':''}}>
</div>
</div>
@endif
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('address_type')}}</label>
<select class="form-control" name="address_type" id="address_type">
<option value="permanent" selected>{{ translate('permanent')}}</option>
<option value="home">{{ translate('home')}}</option>
<option value="others">{{ translate('others')}}</option>
</select>
</div>
</div>
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('country')}}
<span class="text-danger">*</span></label>
<select name="country" id="country" class="form-control selectpicker" data-live-search="true" required>
@forelse($countries as $country)
<option value="{{ $country['name'] }}" >{{translate( $country['name']) }}</option>
@empty
<option value="">{{ translate('no_country_to_deliver') }}</option>
@endforelse
</select>
</div>
</div>
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('city_select')}}
<span class="text-danger">*</span></label>
<select name="city" id="city" class="form-control selectpicker" data-live-search="true" >
<option value="">{{ translate('city_select') }}</option>
@foreach($cities as $city)
<option value="{{ $city['name'] }}">{{translate( $city['name']) }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('upzila_select')}}
<span class="text-danger">*</span></label>
<select name="upzila" id="upzila" class="form-control " >
<option value="">{{ translate('no_upzila') }}</option>
</select>
</div>
</div>
{{--
<div class="col-6">
<div class="form-group">
<label>{{ translate('city')}}<span class="text-danger">*</span></label>
<input type="text" class="form-control" name="city" id="city" {{$shippingAddresses->count()==0?'required':''}} placeholder="{{ translate('District')}}">
</div>
</div>
--}}
<div class="col-6 d-none">
<div class="form-group">
<label>{{ translate('zip_code')}}
<span class="text-danger">*</span></label>
@if($zip_restrict_status == 1)
<select name="zip" class="form-control selectpicker" data-live-search="true" id="select2-zip-container">
@forelse($zip_codes as $code)
<option value="{{ $code->zipcode }}">{{ $code->zipcode }}</option>
@empty
<option value="">{{ translate('no_zip_to_deliver') }}</option>
@endforelse
</select>
@else
<input type="text" class="form-control"
value="0-"
name="zip" id="zip" {{$shippingAddresses->count()==0?'':''}}>
@endif
</div>
</div>
<div class="col-12">
<div class="form-group mb-1">
<label>{{ translate('address')}}<span class="text-danger">*</span></label>
<textarea class="form-control" id="address" type="text" name="address" {{$shippingAddresses->count()==0?'required':''}} placeholder="{{ translate('#H-01,#R-02,Village,Upzila')}}"></textarea>
<span class="fs-14 text-danger font-semi-bold opacity-0 map-address-alert">
{{ translate('note') }}: {{ translate('you_need_to_select_address_from_your_selected_country') }}
</span>
</div>
</div>
@if($free_shipping == 0)
<div class="col-12 ">
<div class="form-group">
<label>{{ translate('delivery_area')}}
<span class="text-danger">*</span></label>
<select name="inside_outside_dhaka" id="inside_outside_dhaka" class="form-control " >
<option selected>{{ translate('inside_or_outside_dhaka') }}</option>
<option value="{{ $inside }}">{{ translate('inside_dhaka') }}</option>
<option value="{{ $outside }}">{{ translate('outside_dhaka') }}</option>
</select>
</div>
</div>
@endif
</div>
{{--
<div class="form-group location-map-canvas-area map-area-alert-border">
<input id="pac-input" class="controls rounded __inline-46 location-search-input-field" title="{{translate('search_your_location_here')}}" type="text" placeholder="{{translate('search_here')}}"/>
<div class="__h-200px" id="location_map_canvas"></div>
</div>
--}}
<div class="d-flex gap-3 align-items-center">
<label class="form-check-label d-flex gap-2 align-items-center" id="save_address_label">
<input type="hidden" name="shipping_method_id" id="shipping_method_id" value="0">
@if(auth('customer')->check())
<input type="checkbox" name="save_address" id="save_address">
{{ translate('save_this_Address') }}
@endif
</label>
</div>
<input type="hidden" id="latitude"
name="latitude" class="form-control d-inline"
placeholder="{{ translate('ex')}} : -94.22213"
value="{{$defaultLocation?$defaultLocation['lat']:0}}" required
readonly>
<input type="hidden"
name="longitude" class="form-control"
placeholder="{{ translate('ex')}} : 103.344322" id="longitude"
value="{{$defaultLocation?$defaultLocation['lng']:0}}" required
readonly>
<button type="submit" class="btn btn--primary d--none" id="address_submit"></button>
</div>
</div>
</div>
</li>
</ul>
</div>
@endif
@if($billingInputByCustomer)
<div>
<div class="billing-methods_label d-flex flex-wrap justify-content-between gap-2 mt-4 pb-3 px-3 px-md-0">
<h4 class="mb-0 fs-18 text-capitalize">{{ translate('billing_address')}}</h4>
@php($billingAddresses=\App\Models\ShippingAddress::where(['customer_id'=>auth('customer')->id(), 'is_billing'=>1, 'is_guest'=>'0'])->get())
@if($physical_product_view)
<div class="form-check d-flex gap-3 align-items-center">
<input type="checkbox" id="same_as_shipping_address" name="same_as_shipping_address"
class="form-check-input action-hide-billing-address" {{$billingInputByCustomer==1?'':'checked'}}>
<label class="form-check-label" for="same_as_shipping_address">
{{ translate('same_as_shipping_address')}}
</label>
</div>
@endif
</div>
@if(!$physical_product_view)
<div class="rounded px-3 py-3 fs-15 text-base font-weight-medium custom-light-primary-color mb-3 d-flex align-items-center gap-2">
<img src="{{ theme_asset('public/assets/front-end/img/icons/info-light.svg') }}" alt="">
<span>{{ translate('if_you_fill_up_this_section_this_address_will_use_in_future._if_need_to_send_to_you') }}</span>
</div>
@endif
<div id="hide_billing_address" class="">
<ul class="list-group">
<li class="list-group-item action-billing-address-hide">
@if ($billingAddresses->count() >0)
<div class="d-flex align-items-center justify-content-end gap-3">
<div class="dropdown">
<button class="form-control dropdown-toggle text-capitalize" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{translate('saved_address')}}
</button>
<div class="dropdown-menu dropdown-menu-right saved-address-dropdown scroll-bar-saved-address" aria-labelledby="dropdownMenuButton">
@foreach($billingAddresses as $key=>$address)
<div class="dropdown-item select_billing_address {{$key == 0 ? 'active' : ''}}" id="billingAddress{{$key}}">
<input type="hidden" class="selected_billingAddress{{$key}}" value="{{$address}}">
<input type="hidden" name="billing_method_id" value="{{$address['id']}}">
<div class="media gap-2">
<div class="">
<i class="tio-briefcase"></i>
</div>
<div class="media-body">
<div class="mb-1 text-capitalize">{{$address->address_type}}</div>
<div class="text-muted fs-12 text-capitalize text-wrap">{{$address->address}}</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
<div id="accordion">
<div class="">
<div class="">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>{{ translate('contact_person_name')}}<span class="text-danger">*</span></label>
<input type="text" class="form-control"
name="billing_contact_person_name" id="billing_contact_person_name" {{$billingAddresses->count()==0?'required':''}} placeholder="{{ translate('Full Name')}}">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>{{ translate('phone')}}
<span class="text-danger">*</span>
</label>
<input type="text" class="form-control phone-input-with-country-picker-2"
id="billing_phone" {{ $billingAddresses->count()==0 ? 'required' : '' }} placeholder="1700000000">
<input type="hidden" class="country-picker-phone-number-2 w-50" name="billing_phone" readonly>
</div>
</div>
@if(!auth('customer')->check())
<div class="col-sm-12 d-none">
<div class="form-group">
<label
for="exampleInputEmail1">{{ translate('email')}}
<span class="text-danger">*</span></label>
<input type="text" class="form-control"
name="billing_contact_email" id="billing_contact_email" id {{$billingAddresses->count()==0?'':''}}>
</div>
</div>
@endif
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('address_type')}}</label>
<select class="form-control" name="billing_address_type" id="billing_address_type">
<option value="permanent" selected>{{ translate('permanent')}}</option>
<option value="home">{{ translate('home')}}</option>
<option value="others">{{ translate('others')}}</option>
</select>
</div>
</div>
<div class="col-12 d-none">
<div class="form-group">
<label>{{ translate('country')}}<span class="text-danger">*</span></label>
<select name="billing_country" id="" class="form-control selectpicker" data-live-search="true" id="billing_country" >
@foreach($countries as $country)
<option value="{{ $country['name'] }}" >{{translate( $country['name']) }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label>{{ translate('select_city')}}<span class="text-danger">*</span></label>
<select name="billing_city" id="" class="form-control selectpicker" data-live-search="true" id="billing_city">
<option value="">{{ translate('city_select') }}</option>
@foreach($cities as $city)
<option value="{{ $city['name'] }}">{{translate( $city['name']) }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label>{{ translate('select_upzila')}}<span class="text-danger">*</span></label>
<select name="billing_upzila" id="" class="form-control selectpicker" data-live-search="true" id="billing_upzila">
<option value="">{{ translate('no_upzila') }}</option>
</select>
</div>
</div>
{{--
<div class="col-6">
<div class="form-group">
<label for="exampleInputEmail1">{{ translate('city')}}<span
class="text-danger">*</span></label>
<input type="text" class="form-control" id="billing_city"
name="billing_city" {{$billingAddresses->count()==0?'required':''}} placeholder="{{ translate('District')}}">
</div>
</div>
--}}
<div class="col-6 d-none">
<div class="form-group">
<label>{{ translate('zip_code')}}
<span class="text-danger">*</span></label>
@if($zip_restrict_status)
<select name="billing_zip" id="" class="form-control selectpicker" data-live-search="true" id="select_billing_zip">
@foreach($zip_codes as $code)
<option value="{{ $code->zipcode }}">{{ $code->zipcode }}</option>
@endforeach
</select>
@else
<input type="text" class="form-control" id="billing_zip"
value="0-"
name="billing_zip" {{$billingAddresses->count()==0?'':''}}>
@endif
</div>
</div>
</div>
<div class="form-group mb-1">
<label>{{ translate('address')}}<span class="text-danger">*</span></label>
<textarea class="form-control" id="billing_address" type="billing_text" name="billing_address" id="billing_address" {{$billingAddresses->count()==0?'required':''}} placeholder="{{ translate('#H-01,#R-02,Village,Upzila')}}"></textarea>
<span class="fs-14 text-danger font-semi-bold opacity-0 map-address-alert">
{{ translate('note') }}: {{ translate('you_need_to_select_address_from_your_selected_country') }}
</span>
</div>
{{--
<div class="form-group map-area-alert-border location-map-billing-canvas-area">
<input id="pac-input-billing" class="controls rounded __inline-46 location-search-input-field"
title="{{translate('search_your_location_here')}}"
type="text"
placeholder="{{translate('search_here')}}"/>
<div class="__h-200px" id="location_map_canvas_billing"></div>
</div>
--}}
<input type="hidden" name="billing_method_id" id="billing_method_id" value="0">
@if(auth('customer')->check())
<div class=" d-flex gap-3 align-items-center">
<label class="form-check-label d-flex gap-2 align-items-center" id="save-billing-address-label">
<input type="checkbox" name="save_address_billing" id="save_address_billing">
{{ translate('save_this_Address') }}
</label>
</div>
@endif
<input type="hidden" id="billing_latitude"
name="billing_latitude" class="form-control d-inline"
placeholder="{{ translate('ex')}} : -94.22213"
value="{{$defaultLocation?$defaultLocation['lat']:0}}" required
readonly>
<input type="hidden"
name="billing_longitude" class="form-control"
placeholder="{{ translate('ex')}} : 103.344322" id="billing_longitude"
value="{{$defaultLocation?$defaultLocation['lng']:0}}" required
readonly>
<button type="submit" class="btn btn--primary d--none" id="address_submit"></button>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
@endif
<div class="gap-2 my-4 d-none">
<div class="d-flex justify-content-between">
<h4 class="mb-2 text-nowrap">{{ translate('payment_method')}}</h4>
{{--
<a href="{{route('checkout-details')}}" class="d-flex align-items-center gap-2 text-primary font-weight-bold text-nowrap">
<i class="tio-back-ui fs-12 text-capitalize"></i>
{{ translate('go_back') }}
</a>
--}}
</div>
<p class="text-capitalize mt-2">{{ translate('select_a_payment_method_to_proceed')}}</p>
</div>
<div class="card mt-3 d-none">
<div class="card-body">
<label class="m-0">
<input type="hidden" name="payment_method" value="cash_on_delivery">
<span class="btn btn-block click-if-alone d-flex gap-2 align-items-center cursor-pointer">
<input type="radio" id="cash_on_delivery" class="custom-radio" checked>
<img width="20" src="{{ theme_asset(path: 'public/assets/front-end/img/icons/money.png') }}" alt="">
<span class="fs-12">{{ translate('cash_on_Delivery') }}</span>
</span>
</label>
</div>
</div>
</form>
</div>
</div>
@endif
@if ($digital_payment['status']==1)
@if(auth('customer')->check() && $wallet_status==1)
<div>
<div class="card cursor-pointer">
<button class="btn btn-block click-if-alone d-flex gap-2 align-items-center" type="submit"
data-toggle="modal" data-target="#wallet_submit_button">
<img width="20" src="{{ theme_asset(path: 'public/assets/front-end/img/icons/wallet-sm.png') }}" alt=""/>
<span class="fs-12">{{ translate('pay_via_Wallet') }}</span>
</button>
</div>
</div>
@endif
@endif
</div>
@endif
@if ($digital_payment['status']==1)
<div class="d-flex flex-wrap gap-2 align-items-center mb-4 " style="display:none !important;">
<h5 class="mb-0 text-capitalize">{{ translate('pay_via_online') }}</h5>
<span class="fs-10 text-capitalize mt-1">({{ translate('faster_&_secure_way_to_pay') }})</span>
</div>
<div class="row gx-4 mb-4">
@foreach ($payment_gateways_list as $payment_gateway)
<div class="col-sm-6">
<form method="post" class="digital_payment" id="{{($payment_gateway->key_name)}}_form" action="{{ route('customer.web-payment-request') }}">
@csrf
<input type="hidden" name="user_id" value="{{ auth('customer')->check() ? auth('customer')->user()->id : session('guest_id') }}">
<input type="hidden" name="customer_id" value="{{ auth('customer')->check() ? auth('customer')->user()->id : session('guest_id') }}">
<input type="hidden" name="payment_method" value="{{ $payment_gateway->key_name }}">
<input type="hidden" name="payment_platform" value="web">
@if ($payment_gateway->mode == 'live' && isset($payment_gateway->live_values['callback_url']))
<input type="hidden" name="callback" value="{{ $payment_gateway->live_values['callback_url'] }}">
@elseif ($payment_gateway->mode == 'test' && isset($payment_gateway->test_values['callback_url']))
<input type="hidden" name="callback" value="{{ $payment_gateway->test_values['callback_url'] }}">
@else
<input type="hidden" name="callback" value="">
@endif
<input type="hidden" name="external_redirect_link" value="{{ url('/').'/web-payment' }}">
<label class="d-flex align-items-center gap-2 mb-0 form-check py-2 cursor-pointer">
<input type="radio" id="{{($payment_gateway->key_name)}}" name="online_payment" class="form-check-input custom-radio" value="{{($payment_gateway->key_name)}}">
<img width="30"
src="{{dynamicStorage(path: 'storage/app/public/payment_modules/gateway_image')}}/{{ $payment_gateway->additional_data && (json_decode($payment_gateway->additional_data)->gateway_image) != null ? (json_decode($payment_gateway->additional_data)->gateway_image) : ''}}" alt="">
<span class="text-capitalize form-check-label">
@if($payment_gateway->additional_data && json_decode($payment_gateway->additional_data)->gateway_title != null)
{{ json_decode($payment_gateway->additional_data)->gateway_title }}
@else
{{ str_replace('_', ' ',$payment_gateway->key_name) }}
@endif
</span>
</label>
</form>
</div>
@endforeach
</div>
@endif
@if(isset($offline_payment) && $offline_payment['status'] && count($offline_payment_methods)>0)
<div class="row g-3">
<div class="col-12">
<div class="bg-primary-light rounded p-4">
<div class="d-flex justify-content-between align-items-center gap-2 position-relative">
<span class="d-flex align-items-center gap-3">
<input type="radio" id="pay_offline" name="online_payment" class="custom-radio" value="pay_offline">
<label for="pay_offline" class="cursor-pointer d-flex align-items-center gap-2 mb-0 text-capitalize">{{translate('pay_offline')}}</label>
</span>
<div data-toggle="tooltip" title="{{translate('for_offline_payment_options,_please_follow_the_steps_below')}}">
<i class="tio-info text-primary"></i>
</div>
</div>
<div class="mt-4 pay_offline_card d-none">
<div class="d-flex flex-wrap gap-3">
@foreach ($offline_payment_methods as $method)
<button type="button" class="btn btn-light offline_payment_button text-capitalize" id="{{ $method->id }}">{{ $method->method_name }}</button>
@endforeach
</div>
</div>
</div>
</div>
</div>
@endif
</div>
</div>
</div>
</section>
<div class="col-lg-6 pt-4 pt-lg-2 px-max-md-0 order-summery-aside" id="aside_cart_summary">
@include('web-views.partials._order-summary')
</div>
<aside class="col-lg-4 pt-4 pt-lg-2 px-max-md-0 order-summery-aside">
@if(isset($offline_payment) && $offline_payment['status'])
<div class="modal fade" id="selectPaymentMethod" tabindex="-1" aria-labelledby="selectPaymentMethodLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="{{route('offline-payment-checkout-complete')}}" method="post" class="needs-validation">
@csrf
<div class="d-flex justify-content-center mb-4">
<img width="52" src="{{theme_asset(path: 'public/assets/front-end/img/select-payment-method.png')}}" alt="">
</div>
<p class="fs-14 text-center">{{translate('pay_your_bill_using_any_of_the_payment_method_below_and_input_the_required_information_in_the_form')}}</p>
<select class="form-control mx-xl-5 max-width-661" id="pay_offline_method" name="payment_by" required>
<option value="" disabled>{{ translate('select_Payment_Method') }}</option>
@foreach ($offline_payment_methods as $method)
<option value="{{ $method->id }}">{{ translate('payment_Method') }} : {{ $method->method_name }}</option>
@endforeach
</select>
<div class="" id="payment_method_field">
</div>
</form>
</div>
</div>
</div>
</div>
@endif
@if(auth('customer')->check() && $wallet_status==1)
<div class="modal fade" id="wallet_submit_button" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{ translate('wallet_payment')}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
@php($customer_balance = auth('customer')->user()->wallet_balance)
@php($remain_balance = $customer_balance - $amount)
<form action="{{route('checkout-complete-wallet')}}" method="get" class="needs-validation">
@csrf
<div class="modal-body">
<div class="form-row">
<div class="form-group col-12">
<label for="">{{ translate('your_current_balance')}}</label>
<input class="form-control" type="text" value="{{ webCurrencyConverter(amount: $customer_balance ?? 0) }}" readonly>
</div>
</div>
<div class="form-row">
<div class="form-group col-12">
<label for="">{{ translate('order_amount')}}</label>
<input class="form-control" type="text" value="{{ webCurrencyConverter(amount: $amount ?? 0) }}" readonly>
</div>
</div>
<div class="form-row">
<div class="form-group col-12">
<label for="">{{ translate('remaining_balance')}}</label>
<input class="form-control" type="text" value="{{ webCurrencyConverter(amount: $remain_balance ?? 0) }}" readonly>
@if ($remain_balance<0)
<label class="__color-crimson mt-1">{{ translate('you_do_not_have_sufficient_balance_for_pay_this_order!!')}}</label>
@endif
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ translate('close')}}</button>
<button type="submit" class="btn btn--primary" {{$remain_balance>0? '':'disabled'}}>{{ translate('submit')}}</button>
</div>
</form>
</div>
</div>
</div>
@endif
</aside>
</div>
</div>
<span id="message-update-this-address" data-text="{{ translate('Update_this_Address') }}"></span>
<span id="route-customer-choose-shipping-address-other" data-url="{{ route('customer.choose-shipping-address-other') }}"></span>
<span id="default-latitude-address" data-value="{{ $defaultLocation ? $defaultLocation['lat']:'-33.8688' }}"></span>
<span id="default-longitude-address" data-value="{{ $defaultLocation ? $defaultLocation['lng']:'151.2195' }}"></span>
{{--
<span id="route-action-checkout-function" data-route="checkout-details"></span>
<span id="route-action-checkout-function" data-route="checkout-payment"></span>
--}}
<span id="system-country-restrict-status" data-value="{{ $country_restrict_status }}"></span>
<span id="route-action-checkout-function" data-route="checkout-payment-cod"></span>
<span id="route-cart-update-shipping" data-url="{{ route('cart.updateShipping') }}"></span>
@endsection
@push('script')
<script src="{{ theme_asset(path: 'public/assets/front-end/plugin/intl-tel-input/js/intlTelInput.js') }}"></script>
<script src="{{ theme_asset(path: 'public/assets/front-end/js/country-picker-init.js') }}"></script>
<script>
"use strict";
const deliveryRestrictedCountries = @json($countriesName);
function deliveryRestrictedCountriesCheck(countryOrCode, elementSelector, inputElement) {
const foundIndex = deliveryRestrictedCountries.findIndex(country => country.toLowerCase() === countryOrCode.toLowerCase());
if (foundIndex !== -1) {
$(elementSelector).removeClass('map-area-alert-danger');
$(inputElement).parent().find('.map-address-alert').removeClass('opacity-100').addClass('opacity-0')
} else {
$(elementSelector).addClass('map-area-alert-danger');
$(inputElement).val('')
$(inputElement).parent().find('.map-address-alert').removeClass('opacity-0').addClass('opacity-100')
}
}
initializePhoneInput(".phone-input-with-country-picker-2", ".country-picker-phone-number-2");
</script>
<script>
$(document).on('change', '[name=city]', function() {
var city = $(this).val();
get_upzila(city);
});
$(document).on('change', '[name=billing_city]', function() {
var billing_city = $(this).val();
get_billing_upzila(billing_city);
});
function get_upzila(city) {
// $('[name="upzila"]').html("");
$.ajax({
url: "{{route('get_upzila')}}",
type: 'GET',
data: {
city : city
},
success: function (response) {
var obj = JSON.parse(response);
if(obj != '') {
console.log(obj);
$('[name="upzila"]').html(obj);
}
}
});
}
function get_billing_upzila(billing_city) {
// $('[name="upzila"]').html("");
$.ajax({
url: "{{route('get_upzila')}}",
type: 'GET',
data: {
city : billing_city
},
success: function (response) {
var obj = JSON.parse(response);
if(obj != '') {
console.log(obj);
$('[name="billing_upzila"]').html(obj);
}
}
});
}
</script>
<script src="{{ theme_asset(path: 'public/assets/front-end/js/bootstrap-select.min.js') }}"></script>
<script src="{{ theme_asset(path: 'public/assets/front-end/js/shipping.js') }}"></script>
<script src="{{ theme_asset(path: 'public/assets/front-end/js/payment.js') }}"></script>
<script src="{{ theme_asset(path: 'public/assets/front-end/js/cart-details2.js') }}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{getWebConfig(name: 'map_api_key')}}&callback=mapsShopping&libraries=places&v=3.49" defer></script>
@endpush