184 lines
7.2 KiB
PHP
184 lines
7.2 KiB
PHP
<!doctype html>
|
|
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg"
|
|
data-sidebar-image="none" data-preloader="disable">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{{ setting('title') }} - Consultancy CMS</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="Consultancy CCMS Admin & Dashboard" name="description" />
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<link rel="canonical" href="{{ setting('website_url') }}">
|
|
<meta content="Bibhut" name="author" />
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="{{ asset(setting('favicon')) }}">
|
|
<!-- Layout config Js -->
|
|
<script src="{{ asset('assets/js/layout.js') }}"></script>
|
|
<!-- Bootstrap Css -->
|
|
<link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
|
|
<!-- Icons Css -->
|
|
<link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
|
|
<link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
|
|
<link rel="stylesheet" type="text/css" href="https://npmcdn.com/flatpickr/dist/themes/airbnb.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets/js/date-picker/daterangepicker.css') }}" />
|
|
|
|
<!-- App Css-->
|
|
<link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
|
|
<!-- custom Css-->
|
|
<link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
|
|
@livewireStyles
|
|
|
|
@stack('css')
|
|
|
|
@php
|
|
$originalThemeColor = getThemeColor()['original'];
|
|
$lighterThemeColor = getThemeColor()['lighter'];
|
|
@endphp
|
|
|
|
<style>
|
|
:root[data-sidebar="dark"] {
|
|
--vz-primary: {{ $originalThemeColor }};
|
|
--primary-theme-color: {{ $originalThemeColor }};
|
|
--vz-vertical-menu-item-hover-color: {{ $lighterThemeColor }};
|
|
--vz-vertical-menu-item-active-color: {{ $originalThemeColor }};
|
|
--vz-vertical-menu-sub-item-hover-color: {{ $lighterThemeColor }};
|
|
--vz-vertical-menu-sub-item-active-color: {{ $originalThemeColor }};
|
|
}
|
|
|
|
.btn-primary {
|
|
--vz-btn-bg: {{ $originalThemeColor }};
|
|
--vz-btn-border-color: {{ $originalThemeColor }};
|
|
--vz-btn-hover-bg: {{ $lighterThemeColor }};
|
|
--vz-btn-hover-border-color: {{ $lighterThemeColor }};
|
|
--vz-btn-focus-shadow-rgb: {{ $lighterThemeColor }};
|
|
--vz-btn-active-bg: {{ $originalThemeColor }};
|
|
--vz-btn-active-border-color: {{ $lighterThemeColor }};
|
|
}
|
|
|
|
.nav-link:focus,
|
|
.nav-link:hover {
|
|
color: {{ $lighterThemeColor }};
|
|
}
|
|
|
|
a:hover {
|
|
--vz-link-color-rgb: {{ $lighterThemeColor }};
|
|
}
|
|
|
|
.nav-border-top-primary .nav-link.active {
|
|
color: {{ $originalThemeColor }};
|
|
border-top-color: {{ $lighterThemeColor }};
|
|
}
|
|
|
|
.dashboard-switch input:checked+.slider {
|
|
background-color: {{ $originalThemeColor }};
|
|
}
|
|
|
|
.dashboard-switch .slider {
|
|
background-color: {{ $originalThemeColor }};
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="layout-wrapper">
|
|
|
|
<x-dashboard.navbar />
|
|
<x-dashboard.remove-notification-modal />
|
|
<x-dashboard.sidebar />
|
|
|
|
<div class="vertical-overlay"></div>
|
|
|
|
<div class="main-content">
|
|
<div class="page-content">
|
|
|
|
@yield('content')
|
|
|
|
@isset($slot)
|
|
{{ $slot }}
|
|
@endisset
|
|
|
|
</div>
|
|
|
|
<x-dashboard.footer />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<x-dashboard.preloader />
|
|
|
|
<!-- JAVASCRIPT -->
|
|
<script>
|
|
const app_url = "{{ config('app.url') }}";
|
|
</script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js"></script>
|
|
<script src="{{ asset('assets/libs/jquery/jquery-3.7.1.min.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/choice.js/choices.min.js') }}"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
|
|
|
|
<script src="{{ asset('assets/js/date-picker/moment.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/date-picker/daterangepicker.min.js') }}"></script>
|
|
<script src="{{ asset('assets/js/date-picker/date-picker.init.js') }}"></script>
|
|
|
|
<!-- Ckeditor js -->
|
|
<script src="{{ asset('assets/libs/ckeditor4/ckeditor.js') }}"></script>
|
|
<script src="{{ asset('assets/libs/ckeditor4/adapters/jquery.js') }}"></script>
|
|
|
|
<script defer src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.2.4/dist/flasher.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="{{ asset('assets/js/app.js') }}"></script>
|
|
<script src="{{ asset('assets/js/custom.js') }}"></script>
|
|
|
|
@stack('js')
|
|
|
|
@livewireScripts
|
|
|
|
{{-- <script>
|
|
const toggleButton = document.getElementById("dashboard-toggle-btn");
|
|
toggleButton.addEventListener("change", function() {
|
|
const isChecked = this.checked;
|
|
const activeSidebar = isChecked ? "{{ config('app.sidebar.other') }}" :
|
|
"{{ config('app.sidebar.default') }}";
|
|
const url = "{{ route('dashboard.toggleDashboard') }}";
|
|
fetch(url, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
|
|
'content')
|
|
},
|
|
body: JSON.stringify({
|
|
sidebar: activeSidebar
|
|
})
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log("Dashboard has been toggled!");
|
|
window.location.href = "{{ route('dashboard') }}";
|
|
})
|
|
.catch(error => {
|
|
console.error('Error toggling the dashboard:', error);
|
|
});
|
|
});
|
|
</script> --}}
|
|
</body>
|
|
|
|
</html>
|