Viewing file:  customer.blade.php (16.34 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
@php $siteDirection=get_settings('local_setting') && json_decode(get_settings('local_setting')) && isset(json_decode(get_settings('local_setting'))->direction)?json_decode(get_settings('local_setting'))->direction:'ltr'; @endphp
@php $themeData=get_settings('theme_customize')?json_decode(get_settings('theme_customize')):''; @endphp
<html lang="en" dir="{{$siteDirection}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>@yield('title')</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="{{asset('plugins/fontawesome-free/css/all.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/toastr/toastr.min.css')}}">
<!-- Theme style -->
<link rel="stylesheet" href="{{asset('css/adminlte.min.css')}}">
<link rel="stylesheet" href="{{asset('css/custom.css')}}">
<link rel="shortcut icon" href="{{asset('uploads/'.get_settings('app_favicon'))}}" type="image/x-icon">
<!-- Google Font: Source Sans Pro -->
<link href="{{asset('css/google.font.css')}}" rel="stylesheet">
<link href="{{asset('plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
<style>
.select2-container .select2-selection--single{
height: 37px !important;
}
.balance-text{
font-size: 1rem;
color: black;
}
.balance-text span{
color: black;
font-weight: 800;
}
.balance-div{
display: flex;
margin-right: 30px;
border: grey solid 1px;
padding: 10px 10px 0 10px;
border-radius: 5px;
}
.select2-container--default{
width: 100% !important;
}
.dark-mode {
background-color: #454d55 !important;
color: #fff;
}
html[theme='dark-mode'] {
filter: invert(1) hue-rotate(180deg);
}
@if(isset($themeData->navbar_color))
.main-header {
background: {{$themeData->navbar_color}};
}
@endif
@if(isset($themeData->left_sidebar))
.main-sidebar {
background: {{$themeData->left_sidebar}};
}
@endif
@if(isset($themeData->active_sidebar))
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
background-color: {{$themeData->active_sidebar}};
}
@endif
</style>
@if(Module::has('PaymentGateway'))
<link rel="stylesheet" href="{{Module::asset('paymentgateway:css/paymentgateway.css')}}">
@endif
@yield('extra-css')
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<div class="balance-div">
<li class="nav-item">
<div class="balance-text">
Available Balance : <span>{{formatNumberWithCurrSymbol(topUpAmount())}}</span>
</div>
</li>
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<li class="nav-item ml-3">
<button id="topUp" type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#topUpModal">
Top Up
</button>
</li>
@endif
</div>
<li class="nav-item ml-3 mr-3">
<div class="panel-text">{{trans('customer.customer_panel')}}</div>
<div class="panel-text panel-date">{{date('d M Y')}}</div>
</li>
<li class="nav-item dropdown user-menu">
<a href="{{route('customer.settings.index')}}" class="nav-link dropdown-toggle" data-toggle="dropdown"
aria-expanded="true">
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="user-image img-circle elevation-2" alt="img">
</a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right dropdown-profile">
<!-- User image -->
<li class="user-header bg-primary">
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="img-circle elevation-2" alt="{{auth('customer')->user()->full_name}}">
<p>
{{auth('customer')->user()->full_name}}
<small>Member since {{date('M. Y')}}</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<a href="{{route('customer.settings.index')}}"
class="btn btn-default btn-flat">{{trans('customer.profile')}}</a>
<a href="{{route('customer.logout')}}"
class="btn btn-default btn-flat float-right" >{{trans('customer.sign_out')}}</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="{{route('customer.dashboard')}}" class="brand-link">
@if(get_settings('app_logo'))
<img class="layout-logo" src="{{asset('uploads/'.get_settings('app_logo'))}}" alt="">
@endif
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<!-- Sidebar Menu -->
<nav class="mt-2">
@include('layouts.includes.customer_sidebar')
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
@yield('content')
</div>
<!-- /.content-wrapper -->
<!-- /.control-sidebar -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="float-right">
<strong class="footer-copy-right-text">{{trans('customer.copyright')}} © {{date('Y')}} <a target="_blank"
href="#">{{get_settings('app_name')}}</a>.</strong> <span class="all-right-reserve-text">{{trans('customer.all_rights_reserved')}} . </span>
.
</div>
</footer>
</div>
<!-- ./wrapper -->
<!-- Confirmation modal -->
<div class="modal fade" id="modal-confirm">
<div class="modal-dialog">
<form id="modal-form">
@csrf
<div id="customInput"></div>
<div class="modal-content">
<div class="modal-header p-2">
<h4 class="modal-title">{{trans('customer.confirmation')}}</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer p-2">
<button id="modal-confirm-btn" type="submit"
class="btn btn-primary btn-sm">{{trans('customer.confirm')}}</button>
<button type="button" class="btn btn-secondary btn-sm"
data-dismiss="modal">{{trans('customer.cancel')}}</button>
</div>
</div>
<!-- /.modal-content -->
</form>
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<div class="modal fade" id="topUpModal" tabindex="-1" role="dialog" aria-labelledby="topUpModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="categoryModalLongTitle">@lang('customer.deposit_amount')</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form method="post" role="form" action="{{route('paymentgateway::process')}}">
@csrf
<div class="card-body">
<div class="form-group">
<label for="amount-home">@lang('admin.amount')</label>
<input value="" type="number" name="amount" class="form-control" id="amount-home"
placeholder="@lang('admin.enter_amount')">
<small class="text-danger d-none" id="minimal_payment-home">@lang('customer.minimal_amount')</small>
<small class="text-danger d-none" id="maximal_payment-home">@lang('customer.maximal_amount')</small>
</div>
<div class="form-group">
<p>@lang('customer.note')</p>
<ul>
<li>@lang('customer.minimal_amount'){{formatNumberWithCurrSymbol(10)}}</li>
<li>@lang('customer.maximal_amount'){{formatNumberWithCurrSymbol(100000000)}}</li>
<li>@lang('customer.clicking') <span class="text-danger">@lang('customer.return_to_shop')</span> @lang('customer.after_payment_successfully_completed')</li>
</ul>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="yes" name="confirm" id="depositsCheck-home">
<label class="form-check-label" for="depositsCheck-home">
@lang('customer.fund_confirmation')
</label>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">@lang('admin.form.button.close')</button>
<button type="submit" class="btn btn-primary" id="checkout-home">@lang('customer.checkout')</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endif
<!-- REQUIRED SCRIPTS -->
<script>
"use strict";
</script>
<!-- jQuery -->
<script src="{{asset('plugins/jquery/jquery.min.js')}}"></script>
<!-- Bootstrap 4 -->
<script src="{{asset('plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<!-- AdminLTE App -->
<script src="{{asset('js/adminlte.min.js')}}"></script>
<script src="{{asset('js/readmore.min.js')}}"></script>
<script src="{{asset('js/custom.js')}}"></script>
<script src="{{asset('plugins/select2/js/select2.full.js')}}"></script>
<script>
jQuery('button[type="submit"]').on('click', function (e) {
var form = $(this).parents('form:first');
if (form) {
$(this).attr('disabled', 'disabled').addClass('disabled')
$(this).html(' <i class="fa fa-spinner fa-spin"></i> Loading');
form.submit();
}
});
jQuery('#modal-confirm-btn').on('click', function (e) {
var form = $(this).parents('form:first');
if (form.valid()) {
$(this).attr('disabled', 'disabled').addClass('disabled')
$(this).html(' <i class="fa fa-spinner fa-spin"></i> Loading');
form.submit();
}
});
$('#depositsCheck-home').click(function(){
const amount = $('#amount-home').val();
if ($("#depositsCheck-home").is(":checked") && amount <= 100000000 && 10 <= amount) {
$("#checkout-home").attr("disabled", false);
}else {
$("#checkout-home").attr("disabled", true);
}
});
$('#checkout-home').attr("disabled", true);
$("#amount-home").on("keyup change", function(e) {
const amount = $('#amount-home').val();
if( 10 > amount){
$('#minimal_payment-home').removeClass('d-none');
$('#maximal_payment-home').addClass('d-none');
}else if (amount > 100000000){
$('#maximal_payment-home').removeClass('d-none');
$('#minimal_payment-home').addClass('d-none');
}else {
$('#maximal_payment-home').addClass('d-none');
$('#minimal_payment-home').addClass('d-none');
}
});
</script>
@if(session()->has('success') || session()->has('fail') || count($errors)>0)
<x-alert :type="session()->get('success')?'success':'danger'" :is-errors="$errors"
:message="session()->get('success')??session()->get('fail')"/>
@endif
@if(isset($themeData->type))
<script>
const type ='{{$themeData->type}}';
if(type=='dark'){
$('html').attr('theme', 'dark-mode')
}else{
$('html').attr('theme', 'light-mode')
}
</script>
@endif
@if(isset($themeData->collapse_sidebar) && $themeData->collapse_sidebar=='true')
<script>
$('.fa-bars').trigger('click');
</script>
@endif
<script>
const currencySymbol = '{{(isset(json_decode(get_settings('local_setting'))->currency_symbol)?json_decode(get_settings('local_setting'))->currency_symbol:'$')}}';
Number.prototype.number_format = function (decimals, dec_point, thousands_sep) {
let number = this.valueOf();
// Strip all characters but numerical ones.
number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
var n = !isFinite(+number) ? 0 : +number,
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
s = '',
toFixedFix = function (n, prec) {
var k = Math.pow(10, prec);
return '' + Math.round(n * k) / k;
};
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1).join('0');
}
return s.join(dec);
};
Number.prototype.formatNumber = function () {
const decimal_format = '{{isset(json_decode(get_settings('local_setting'))->decimal_format)?json_decode(get_settings('local_setting'))->decimal_format:'.'}}';
const decimals = '{{isset(json_decode(get_settings('local_setting'))->decimals)?json_decode(get_settings('local_setting'))->decimals:'2'}}';
const thousand_separator = '{{isset(json_decode(get_settings('local_setting'))->thousand_separator)?json_decode(get_settings('local_setting'))->thousand_separator:','}}';
return this.valueOf().number_format(decimals, decimal_format, thousand_separator);
};
Number.prototype.formatNumberWithCurrSymbol = function () {
const symbol_position = '{{isset(json_decode(get_settings('local_setting'))->currency_symbol_position)?json_decode(get_settings('local_setting'))->currency_symbol_position:'after'}}';
if (symbol_position == 'after') {
return this.valueOf().formatNumber() + currencySymbol;
} else if (symbol_position == 'before') {
return currencySymbol + this.valueOf().formatNumber();
}
};
</script>
@yield('extra-scripts')
</body>
</html>
|