Viewing file:  customer.blade.php (14.8 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" />
<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;
}
.credit-section{
width: 290px;
border: 1px solid #bdb5b5;
border-radius: 5px;
}
.balance-section{
border-right: 3px solid black;
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: red;
padding: 0px 10px;
}
.responsive-toggle{
display: none;
}
.height-300{
height: 300px;
}
@media (max-width: 1100px) {
.top-up-section{
display: none;
}
.responsive-toggle{
display: block;
}
.responsive-profile{
display: block;
}
.desktop-profile{
display: none;
}
}
.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
</style>
@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">
<li class="nav-item dropdown user-menu responsive-profile">
@if(auth('customer')->user()->profile_picture)
<a href="#" class="nav-link responsive-toggle">
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="user-image img-circle elevation-2" alt="img">
</a>
@endif
</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">
@if(auth('customer')->user()->profile_picture)
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="user-image img-circle elevation-2" alt="img">
@endif
</a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right dropdown-profile">
<!-- User image -->
<li class="user-header bg-primary">
@if(auth('customer')->user()->profile_picture)
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="img-circle elevation-2" alt="{{auth('customer')->user()->full_name}}">
@endif
<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 -->
@if(get_settings('app_logo'))
<a href="{{route('customer.dashboard')}}" class="brand-link">
<img class="layout-logo" src="{{asset('uploads/'.get_settings('app_logo'))}}" alt="">
<span class="brand-text font-weight-light">{{get_settings('app_name')}}</span>
</a>
@endif
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 mb-3 d-flex">
<div class="image">
@if(auth('customer')->user()->profile_picture)
<img src="{{asset('uploads/'.auth('customer')->user()->profile_picture)}}"
class="customer-profile img-circle elevation-2" alt="User Image">
@endif
</div>
<div class="info">
<a href="{{route('customer.settings.index')}}"
class="d-block">{{auth('customer')->user()->full_name}}</a>
</div>
</div>
<!-- Sidebar Menu -->
<nav class="mt-2">
@include('layouts.includes.customer_sidebar')
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
<aside class="basic-sidebar sidebar-dark-primary elevation-5 display-none">
<!-- Brand Logo -->
<div>
<a href="#" class="brand-link p-0">
<span class="close-basic-sidebar" aria-hidden="true">×</span>
</a>
</div>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="d-flex">
<div class="info">
</div>
</div>
<!-- Sidebar Menu -->
<nav class="mt-4">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item ">
<a href="{{route('customer.settings.index')}}" class="nav-link p-0 {{isSidebarActive('settings.index')}}">
<p>
{{trans('customer.profile')}}
</p>
</a>
</li>
<li class="nav-item">
<a href="{{route('customer.logout')}}" class="nav-link p-0 ">
<p>
{{trans('customer.sign_out')}}
</p>
</a>
</li>
</ul>
</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 -->
<!-- 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')}}?v=1.1"></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('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');
});
</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>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
</script>
@if(request()->get('settings_type') && request()->get('settings_type')=='local_setting_tab')
<script>
$(document).ready(function () {
$('.local_setting_tab').trigger('click');
});
</script>
@elseif(request()->get('settings_type') && request()->get('settings_type')=='cronjob')
<script>
$(document).ready(function () {
$('.cronjob').trigger('click');
});
</script>
@endif
@yield('extra-scripts')
</body>
</html>
|