²é¿´/±à¼ ´úÂë
ÄÚÈÝ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>@yield('title', 'Dusty Helmets')</title> <link href="{{ asset('public/assets/images/favi.ico') }}" rel="icon"> <!-- Tell the browser to be responsive to screen width --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="{{ csrf_token() }}"> <!-- Font Awesome --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/fontawesome-free/css/all.min.css') }}"> <!-- Ionicons --> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}"> <!-- iCheck --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}"> <!-- JQVMap --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/jqvmap/jqvmap.min.css') }}"> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/toastr/toastr.min.css') }}"> <!-- Theme style --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/dist/css/zalegohrstyles.css') }}"> <!-- overlayScrollbars --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}"> <!-- Daterange picker --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/daterangepicker/daterangepicker.css') }}"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css" /> <!-- summernote --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/summernote/summernote-bs4.css') }}"> <!--Select2 CSS--> <link rel="stylesheet" href="{{ asset('public/resources/select2/css/select2.min.css') }}"> <link rel="stylesheet" href="{{ asset('public/resources/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}"> <!-- Google Font: Source Sans Pro --> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css"> <script src="{{ asset('assets/tinymce/tinymce.min.js') }}"></script> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/w3v3.css') }}"> <!-- Tempusdominus Bbootstrap 4 --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css') }}"> <!-- Select2 --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/select2/css/select2.min.css') }}"> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}"> <!-- Bootstrap4 Duallistbox --> <link rel="stylesheet" href="{{ asset('public/assets/dashboard/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css') }}"> <link rel="stylesheet" href="{{ asset('public/assets/css/custom.css') }}"> <link rel="stylesheet" href="{{ asset('public/assets/css/app.css') }}"> <script src="{{ asset('assets/js/jquery-3.5.0.min.js') }}"></script> </head> <body class="hold-transition sidebar-mini layout-fixed"> <div class="wrapper"> <!-- Navbar --> <nav class="py-3 main-header navbar fixed-topnav navbar-expand navbar-white navbar-light"> <!-- Left navbar links --> <ul class="navbar-nav"> <button class="btn btn-default btn-toggle"> <a class="nav-link" data-widget="pushmenu" href="#"><i class="ml-3 fas fa-bars" style="margin-top:-6px !important;"></i></a> </button> <li class="nav-item d-none d-sm-inline-block" id="companyName" style="padding-top: 5px;"><a class="pt-3 nav-link logoText" href="{{ url('/home') }}">Dusty Helmets</a></li> </ul> <!-- Right navbar links --> <ul class="ml-auto navbar-nav"> <span class="px-3 ml-5 bg-white shadow-sm" style="margin-top: -6px;"> <h4 id="clockdisplayDesktop" class="text-muted">00:00:00 AM</h4> </span> <!-- Notifications Dropdown Menu --> <!-- User Menu --> <!--<li class="nav-item dropdown">--> @if (Auth::check()) <li class="nav-item dropdown"> <a class="nav-link" data-toggle="dropdown" href="#"> @if (empty(Auth::user()->image)) <span class="px-3 py-3 text-white img-circle elevation-1"> <strong style="color: #fff !important;"> {{ strtoupper(substr(Auth::user()->name, 0, 1)) }} </strong> </span> @else <img src="{{ asset('storage/' . Auth::user()->image) }}" width="30px" height="30px" class="img-circle elevation-1" alt="User Image" style="margin-top:-4px;"> @endif </a> <div class="dropdown-menu dropdown-menu-md dropdown-menu-right"> <span class="dropdown-item dropdown-header"> {{ Auth::user()->name . ' ' . Auth::user()->lastName }} </span> <div class="dropdown-divider"></div> <a href="{{ url('/profile') }}" class="dropdown-item"> <i class="mr-2 fas fa-user"></i> Profile </a> <a class="dropdown-item" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> <i class="mr-2 fas fa-power-off"></i> Logout </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </div> </li> @else <li class="nav-item"> <a class="nav-link" href="{{ route('login') }}"> <i class="fas fa-sign-in-alt"></i> Login </a> </li> @endif </ul> </nav> <!-- /.navbar --> <!-- Main Sidebar Container --> <aside class="main-sidebar"> <!-- Brand Logo --> <a href="{{ url('/home') }}" class="brand-link" style=" padding-top: 1.4rem !important; padding-bottom: 1.25rem !important; background-color:rgb(75, 76, 109) !important;"> <center><img src="{{ asset('https://dustyhelmets.com/public/assets/images/logo.jpg') }}" width="33px" height="33px" alt="Zalego Smart Hr Logo" class="imgWrapper"></center> </a> <!-- Sidebar --> <div class="sidebar" style=" background-color:rgb(75, 76, 109) !important; "> <!-- Sidebar Menu --> <nav class="mt-2"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"> <li class="nav-header btn btn-primary btn-header"> <a href="{{ url('/home') }}">Dashboard</a> </li> <li class="nav-item has-treeview"> <a href="#" class="nav-link"> <i class="nav-icon fa fa-screwdriver fa-fw"></i> <p> CMS <i class="right fa fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="{{ url('/pages/home') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-home"></i> Home </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/contactus') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-tty"></i> Contact Us </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/bikes') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-motorcycle"></i> Bikes and Kits </p> </a> </li> <li class="nav-item"> <a href="{{ url('/footer') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-chess"></i> Footer </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/gallery') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-photo-video"></i> Gallery </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/menu') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-bars"></i> Menu </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/ourTeam') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-users"></i> Our Team </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/itineraries') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-tasks"></i> Itineraries </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/mission') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-check"></i> Our Mission </p> </a> </li> <li class="nav-item"> <a href="{{ url('/pages/impact') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-database"></i> Our Impact </p> </a> </li> <li class="nav-item"> <a href="{{ url('/sliders') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-sliders-h"></i> Sliders </p> </a> </li> </ul> </li> <li class="nav-item"> <a href="{{ url('/itenetary') }}" class="nav-link"> <i class="nav-icon fa fa-tasks"></i> <p> Itineraries </p> </a> </li> <li class="nav-item has-treeview"> <a href="#" class="nav-link"> <i class="nav-icon fa fa-plug fa-fw"></i> <p> Administration <i class="right fa fa-angle-left"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="{{ url('/users') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-users"></i> Users </p> </a> </li> <li class="nav-item"> <a href="{{ url('/profile') }}" class="nav-link"> <p class="ml-3"> <i class="nav-icon fa fa-user-circle"></i> Profile </p> </a> </li> </ul> </li> <li class="nav-item"> <a href="{{ url('/logout') }}" class="nav-link"> <i class="nav-icon fa fa-power-off"></i> <p> Logout </p> </a> </li> </ul> </nav> <!-- /.sidebar-menu --> </div> <!-- /.sidebar --> </aside> @yield('content') <footer class="main-footer"> <strong>Copyright © <script type="text/javascript"> document.write(new Date().getFullYear()); </script> <a href="#"><strong class="text-warning">Designed And Developed By Zalego Academy.</strong></a> All Right Reserved </strong> </footer> <aside class="control-sidebar control-sidebar-dark"> </aside> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://unpkg.com/chart.js@2.9.3/dist/Chart.min.js"></script> <!-- DataTables --> <script src="{{ asset('public/assets/dashboard/plugins/datatables/jquery.dataTables.js') }}"></script> <script src="{{ asset('public/assets/dashboard/plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script> <!-- AdminLTE App --> <script src="{{ asset('public/resources/dist/js/adminlte.min.js') }}"></script> <!-- Sparkline --> <script src="{{ asset('public/assets/dashboard/plugins/sparklines/sparkline.js') }}"></script> <!-- JQVMap --> <script src="{{ asset('public/assets/dashboard/plugins/jqvmap/jquery.vmap.min.js') }}"></script> <script src="{{ asset('public/assets/dashboard/plugins/jqvmap/maps/jquery.vmap.usa.js') }}"></script> <!-- jQuery Knob Chart --> <script src="{{ asset('public/assets/dashboard/plugins/jquery-knob/jquery.knob.min.js') }}"></script> <!-- daterangepicker --> <script src="{{ asset('public/assets/dashboard/plugins/moment/moment.min.js') }}"></script> <script src="{{ asset('public/assets/dashboard/plugins/daterangepicker/daterangepicker.js') }}"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="{{ asset('public/assets/dashboard/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js') }}"> </script> <!-- Summernote --> <script src="{{ asset('public/assets/dashboard/plugins/summernote/summernote-bs4.min.js') }}"></script> <!-- overlayScrollbars --> <script src="{{ asset('public/assets/dashboard/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js') }}"></script> <script src="https://js.cx/libs/animate.js"></script> <!-- AdminLTE App --> {{-- <script src="{{asset('public/assets/dashboard/dist/js/adminlte.js')}}"></script> --}} <script src="{{ asset('public/assets/dashboard/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script> {{-- <!-- AdminLTE dashboard demo (This is only for demo purposes) --> --}} <script src="{{ asset('public/assets/dashboard/dist/js/pages/dashboard.js') }}"></script> <!-- AdminLTE for demo purposes --> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script> <script src="{{ asset('public/resources/master/bower_components/ckeditor/ckeditor.js') }}"></script> <script src="{{ asset('public/assets/dashboard/dist/js/demo.js') }}"></script> <script src="{{ asset('public/resources/select2/js/select2.full.js') }}"></script> <script src="{{ asset('public/resources/sweetalert2/sweetalert2.min.js') }}"></script> <script src="{{ asset('public/vendor/sweetalert/sweetalert.all.js') }}"></script> {{-- @include('sweetalert::alert') --}} <script> var editor_config = { path_absolute: "http://wataalamu.zalegoinstitute.ac.ke/public", selector: "textarea.my-editor", plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor colorpicker textpattern" ], toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media", relative_urls: false, file_browser_callback: function(field_name, url, type, win) { var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName( 'body')[0].clientWidth; var y = window.innerHeight || document.documentElement.clientHeight || document .getElementsByTagName('body')[0].clientHeight; var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name; if (type === 'image') { cmsURL = cmsURL + "&type=Images"; } else { cmsURL = cmsURL + "&type=Files"; } tinyMCE.activeEditor.windowManager.open({ file: cmsURL, title: 'Filemanager', width: x * 0.8, height: y * 0.8, resizable: "yes", close_previous: "no" }); } }; tinymce.init(editor_config); </script> <script type="text/javascript"> $('.select2').select2() //Initialize Select2 Elements $('.select2bs4').select2({ theme: 'bootstrap4', closeOnSelect: false, allowClear: true, }) $(function() { // Replace the <textarea id="editor1"> with a CKEditor // instance, using default configuration. CKEDITOR.replace('editor1', { height: '100px' }) //config height //bootstrap WYSIHTML5 - text editor $('.textarea').wysihtml5() }) $(function() { // Replace the <textarea id="editor1"> with a CKEditor // instance, using default configuration. CKEDITOR.replace('editor2', { height: '100px' }) //config height //bootstrap WYSIHTML5 - text editor $('.textarea').wysihtml5() }) $(function() { // Replace the <textarea id="editor1"> with a CKEditor // instance, using default configuration. CKEDITOR.replace('editor3', { height: '100px' }) //config height //bootstrap WYSIHTML5 - text editor $('.textarea').wysihtml5() }) </script> <script> $(function() { $("#example1").DataTable(); $("#example2").DataTable(); $("#example3").DataTable(); $("#example4").DataTable(); $("#example5").DataTable(); $("#example6").DataTable(); $("#example7").DataTable(); $("#example8").DataTable(); $("#example9").DataTable(); }); </script> <script> function renderTimeDesktop() { var currentTime = new Date(); var diem = "AM" var h = currentTime.getHours(); var m = currentTime.getMinutes(); var s = currentTime.getSeconds(); if (h === 0) { h = 12 } else if (h > 12) { h = h - 12; diem = "PM"; } if (h < 10) { h = "0" + h; } if (m < 10) { m = "0" + m; } if (s < 10) { s = "0" + s; } var myClock = document.getElementById('clockdisplayDesktop') //myClock.textContent = h + ":" + m + ":" + s + " " +diem; myClock.innerHTML = h + ":" + m + ":" + s + " " + "<sup style='font-size:12px;'>" + diem + "</sup>"; setTimeout(renderTimeDesktop, 1000); } renderTimeDesktop(); function makeEaseOut(timing) { return function(timeFraction) { return 1 - timing(1 - timeFraction); } } function bounce(timeFraction) { for (let a = 0, b = 1, result; 1; a += b, b /= 2) { if (timeFraction >= (7 - 4 * a) / 11) { return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2) } } } let bounceEaseOut = makeEaseOut(bounce); </script> </body> </html>