Viewing file:  customer.blade.php (20.96 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
@php $siteDirection=isset(json_decode(get_settings('local_setting'))->direction)?json_decode(get_settings('local_setting'))->direction:'ltr'; @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')}}">
@if(get_settings('app_favicon'))
<link rel="shortcut icon" href="{{asset('uploads/'.get_settings('app_favicon'))}}" type="image/x-icon">
@endif
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<link href="{{asset('plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Montserrat:wght@200&display=swap" rel="stylesheet">
<style>
.select2-container .select2-selection--single{
height: 37px !important;
}
.select2-container--default{
width: 100% !important;
}
.sms-credit{
padding: 7px 20px;
border-radius: 5px;
font-weight: 800;
}
.balance-section{
border-right: 3px solid ;
padding-top: 22px;
}
.display-none{
display: none;
}
.basic-sidebar{
position: absolute;
z-index: 9999;
right: 0;
height: -webkit-fill-available;
top: 0;
}
.close-basic-sidebar{
font-size: 29px;
font-weight: 900;
background: var(--primary);
padding: 0px 10px;
color: #FFFFFF;
}
.responsive-toggle{
display: none;
}
.height-300{
height: 300px;
}
.top-up-sm-btn{
position: relative;
left: 77px;
}
@media (max-width: 1100px) {
.responsive-toggle{
display: block;
}
.responsive-profile{
display: block;
}
}
.notice-card{
background: #c1afaf2b;
}
.notice-modal-body{
min-height: 300px;
overflow-y: scroll;
}
.c-pointer{
cursor: pointer;
}
.notice-row{
padding: 5px 20px;
}
.counter{
float: right;
position: absolute;
background: #dc4745;
padding: 3px 8px 1px 7px;
font-size: 11px;
color: white;
border-radius: 50%;
right: 0px;
z-index: 9999;
margin-top: 7px;
font-weight: 600;
}
</style>
@php $themeData=json_decode(get_settings('theme_customize'))?json_decode(get_settings('theme_customize')):''; @endphp
<style>
.select2-container .select2-selection--single{
height: 37px !important;
}
.lang-colour{
background-color: #e6f7ff;
}
.lang-colour i{
color: black;
font-size: 24px;
}
.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
.main-sidebar{
bottom: 0;
float: none !important;
left: 0;
position: fixed !important;
top: 0;
}
.main-sidebar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.main-sidebar ::-webkit-scrollbar {
width: 7px;
background-color: #ffffff40;
}
.main-sidebar ::-webkit-scrollbar-thumb {
border: 2px solid #A2ADB7;
background: #A2ADB7;
border-radius: 7px;
}
</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>
<li class="nav-item cache_clear_btn" style="display: none">
<a class="nav-link" title="{{trans('customer.clear_cache')}}" href="{{route('customer.clear.cache')}}"><i class="fa fa-sync text-danger"></i></a>
</li>
</ul>
@php
$currentPlan= cache('current_plan_'.auth('customer')->user()->id);
@endphp
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
@if(isset(get_settings('notice_status')->notice_status) && get_settings('notice_status')->notice_status=='enable')
<li class="nav-item dropdown user-menu mr-4 view-notice top-up-section pt-2">
<button class="btn btn-sm btn-warning" type="button">Notice</button>
</li>
@endif
@if(get_settings('reseller_status')=='enable')
@if(auth('customer')->user()->type =='reseller' || auth('customer')->user()->type =='master_reseller')
@if(checkVerifySeller()=='false')
<li class="nav-item dropdown user-menu mr-3 pt-2">
<a href="{{route('customer.became.seller')}}" class="btn btn-primary btn-sm">Verify Now</a>
</li>
@endif
@endif
@endif
<li class="nav-item ml-3 mr-3">
@if(auth('customer')->user()->type=='normal' || auth('customer')->user()->type=='reseller_customer')
<div class="panel-text text-primary">{{trans('customer.customer_panel')}}</div>
@else
<div class="panel-text text-primary">{{ucwords(str_replace('_',' ', auth('customer')->user()->type))}} {{trans('customer.panel')}}</div>
@endif
<div class="panel-text panel-date">{{date('d M Y')}}</div>
</li>
<li class="nav-item dropdown user-menu desktop-profile">
<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(getCustomerSettings('app_logo'))
<img class="layout-logo" src="{{asset('uploads/'.getCustomerSettings('app_logo'))}}" alt="">
@endif
<span class="brand-text font-weight-light">{{getCustomerSettings('app_name')}}</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-3">
@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>{{trans('customer.copyright')}} © {{date('Y')}} <a target="_blank"
href="#">
@if(auth('customer')->user()->type=='normal')
{{get_settings('app_name')}}
@else
{{getCustomerSettings('app_name')}}
@endif
</a>.</strong> {{trans('customer.all_rights_reserved')}}
.
</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 -->
<!-- Modal -->
<div class="modal fade" id="topUpModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Top-Up</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<form action="{{route('paymentgateway::topup.process')}}" method="post" id="topup_form">
@csrf
<div class="modal-body">
<input type="hidden" name="topup_type">
<div class="form-group">
<label for="">Amount</label>
<input type="number" placeholder="Enter your amount" name="amount" class="form-control top_up_amount">
<small class="text-danger">Pre unit cost <span id="unitPrice">{{isset($currentPlan->sms_unit_price)?$currentPlan->sms_unit_price:0}}</span></small>
</div>
<div class="form-group" id="totalSection">
<p class="d-block">
<strong>Total SMS Unit</strong>
<span class="float-right totalCredit"></span>
</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary submit_topup_form">Checkout</button>
</div>
</form>
@endif
</div>
</div>
</div>
@if(get_settings('notice_status') && get_settings('notice_status')=='enable')
<div class="modal fade" id="noticeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Notice</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body notice-modal-body">
@if(getNotices() != 'null')
@foreach(getNotices('5') as $notice)
<div class="card notice-card ">
<div class="row notice-row">
<div class="pt-2 col-md-12">
<strong >{{$notice->title}}</strong>
</div>
<div class="col-md-10">
{!! isset($notice->description)?clean($notice->description):'' !!}
</div>
<div class="col-md-2">
@if($notice->attached_data)
<strong class="float-right d-block mt-2">
<a href="{{route('customer.download.notice.file', ['id'=>$notice->id])}}"><i class="fa fa-download downloadAttachedData mr-2 c-pointer" data-id="{{$notice->id}}"></i></a>
</strong>
@endif
</div>
</div>
</div>
@endforeach
@else
<div class="text-center p-4 mt-4">
<strong class="text-danger">No data available</strong>
</div>
@endif
</div>
<div class="modal-footer justify-content-end">
<a class="btn btn-sm btn-primary float-right" target="_blank" href="{{route('customer.all.notices')}}">View All</a>
</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();
}
});
$(document).on('keyup or paste', "input[name=amount]", function (e){
let amount = $(this).val();
let rate = '{{isset($currentPlan->sms_unit_price)?$currentPlan->sms_unit_price:0}}';
let total=0;
total = amount / rate;
if(rate <= 0) {
total=amount;
}
let grandTotal = Math.floor(total);
$('.totalCredit').text(grandTotal);
});
$(document).on('click', '.topUpBtn', function (e){
const type=$(this).attr('data-type');
const dataRate= $(this).attr('data-rate');
$("input[name=topup_type]").val(type);
$("input[name=rate]").val(dataRate);
if(type=='masking'){
$('#maskingType').text('Masking Rate')
}else{
$('#maskingType').text('Non Masking Rate')
}
$('#topUpModal').modal('show');
$('.basic-sidebar').addClass('display-none');
});
$(document).on('click', '.responsive-toggle', function (e){
$('.basic-sidebar').removeClass('display-none');
});
$(document).on('click', '.content-wrapper',function(e){
$(".basic-sidebar").addClass('display-none');
});
$(document).on('click', '.close-basic-sidebar',function(e){
$(".basic-sidebar").addClass('display-none');
});
$(document).on('click', '.view-notice', function (e){
$('#noticeModal').modal('show')
$(".basic-sidebar").addClass('display-none');
})
</script>
<script>
const getNotice = localStorage.getItem('noticeCounter');
if (!getNotice) {
$(document).ready(function() {
$('#noticeModal').modal('show')
});
}
localStorage.setItem('noticeCounter', 'true');
</script>
@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
@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
<script>
$.ajax({
type:'GET',
url:'{{route('customer.notification.counter')}}',
success: function (res){
let data =res[0];
if(res.status=='success') {
if(data.plan_request > 0){
$('.plan_counter').removeClass('d-none');
$('.plan_counter').text(data.plan_request);
$('.seller_plan_request').text(data.plan_request);
}
if(data.topUpReq > 0){
$('.topup_counter').removeClass('d-none');
$('.topup_counter').text(data.topUpReq);
}
if(data.inboxCount > 0){
$('.inbox_counter').removeClass('d-none');
$('.inbox_counter').text(data.inboxCount);
}
}
}
});
$(document).on('click', '.submit_topup_form', function(e){
const amount=$('.top_up_amount').val();
if(!amount || amount==0){
$('.top_up_amount').addClass('border-1x-red');
return;
}
$('#topup_form').submit();
});
$(document).on('click or keyup', '.top_up_amount', function(e){
$('.top_up_amount').removeClass('border-1x-red');
})
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
@yield('extra-scripts')
</body>
</html>
|