/home/brandsfa/public_html/public/themes/default/web-views/checkout/payment.blade.php
@extends('layouts.front-end.app')
@section('title', translate('choose_Payment_Method'))
@push('css_or_js')
<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>
@endpush
@section('content')
<div class="container pb-5 mb-2 mb-md-4 rtl px-0 px-md-3 text-align-direction">
<div class="row mx-max-md-0">
<div class="col-md-12 mb-3 pt-3 px-max-md-0">
<div class="feature_header px-3 px-md-0">
<span>{{ translate('payment_method')}}</span>
</div>
</div>
<section class="col-lg-8 px-max-md-0">
<div class="checkout_details">
<div class="px-3 px-md-0">
@include('web-views.partials._checkout-steps',['step'=>3])
</div>
<div class="card mt-3">
<div class="card-body">
<div class="gap-2 mb-4">
<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>
@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="card cursor-pointer">
<form action="{{route('checkout-complete')}}" method="get" class="needs-validation" id="cash_on_delivery_form">
<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">
<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>
</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
<div class="d-flex flex-wrap gap-2 align-items-center mb-4 ">
<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>
@if ($digital_payment['status']==1)
<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>
@include('web-views.partials._order-summary')
</div>
</div>
@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
<span id="route-action-checkout-function" data-route="checkout-payment"></span>
@endsection
@push('script')
<script src="{{ theme_asset(path: 'public/assets/front-end/js/payment.js') }}"></script>
@endpush