moch_yusuf_hermawan/adaptive-english-lesson-main/resources/views/layout-admin.blade.php
2024-12-31 09:41:52 +07:00

299 lines
14 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Adaptive English Lesson | Politeknik Negeri Malang </title>
<base href="{{ \URL::to('/') }} ">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/logo-polinema.png')}}">
<!-- Bootstrap -->
<link href="{{ asset('gentelella/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- NProgress -->
<link href="{{ asset('gentelella/nprogress/nprogress.css') }}" rel="stylesheet">
<!-- iCheck -->
<link href="{{ asset('gentelella//iCheck/skins/flat/green.css') }}" rel="stylesheet">
<!-- bootstrap-progressbar -->
<link href="{{ asset('gentelella/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css') }}"
rel="stylesheet">
<!-- JQVMap -->
<link href="{{ asset('gentelella/jqvmap/dist/jqvmap.min.css') }}" rel="stylesheet" />
<!-- bootstrap-daterangepicker -->
<link href="{{ asset('gentelella/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
<!-- Datatables -->
<link href=" {{ asset('gentelella/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">
<link href=" {{ asset('gentelella/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">
<link href=" {{ asset('gentelella/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}"
rel="stylesheet">
<link href=" {{ asset('gentelella/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}"
rel="stylesheet">
<link href=" {{ asset('gentelella//datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom Theme Style -->
<link href="{{ asset('build/css/custom.min.css') }}" rel="stylesheet">
<style>
.img-container {
text-align: center;
}
.btn-edit {
font-size: 18px;
padding: 5;
border: none;
background: none;
color: black;
}
.btn-edit:hover {
color: #00FF00;
transition: 0.1s;
border: none;
}
.btn-delete {
font-size: 18px;
padding: 5;
border: none;
background: none;
color: black;
}
.btn-delete:hover {
color: #FF0000;
transition: 0.1s;
border: none;
}
</style>
</head>
<body class="nav-md">
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="/" class="site_title"><i class="fas fa-book"></i><span
style="font-size:14px;">&nbsp;&nbsp;Adaptive
English Learning</span>
</a>
</div>
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div class="profile clearfix">
<div class="profile_pic">
<img src="{{ asset('images/user.png') }}" alt="..." class="img-circle profile_img">
</div>
<div class="profile_info">
<span>Welcome,</span>
@auth
<h2>{{Auth::user()->name}}</h2>
@endauth
</div>
</div>
<!-- /menu profile quick info -->
<br />
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu">
<li><a href="/"><i class="fas fa-home" style='font-size:20px'></i> &nbsp;&nbsp;Home
</a>
</li>
<li><a href="{{route('admin.exercise')}}"><i class="fas fa-question-circle"
style='font-size:20px'></i> &nbsp;&nbsp;Exercises
</span></a>
</li>
<li><a href="{{route('admin.route')}}"><i class="fas fa-route"
style='font-size:20px'></i> &nbsp;&nbsp;Route
</span></a>
</li>
<li><a href="{{route('admin.level')}}"><i class="fas fa-signal"
style='font-size:16px'></i> &nbsp;&nbsp;Levels </a>
</li>
<li><a href="{{route('admin.topic')}}"><i class="fas fa-tasks"
style='font-size:20px'></i> &nbsp;&nbsp;Topics </a>
</li>
<li><a href="{{route('admin.subject')}}"><i class="fas fa-table"
style='font-size:20px'></i> &nbsp;&nbsp;Subjects </a>
</li>
</ul>
</div>
</div>
<!-- /sidebar menu -->
</div>
</div>
<!-- top navigation -->
<div class="top_nav">
<div class="nav_menu">
<nav>
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="">
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
aria-expanded="false">
<img src="{{ asset('images/user.png') }}" alt="">
@auth
{{ Auth::user()->name }}
@endauth
<span class=" fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<!-- <li><a href="javascript:;"> Profile</a></li>
<li>
<a href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
</li>
<li><a href="javascript:;">Help</a></li> -->
<li><a href="{{ route('logout') }}" onclick="event.preventDefault();
document.getElementById('logout-form').submit();"><i class="fa fa-sign-out pull-right"></i> Log
Out</a></li>
<form id="logout-form" action="{{ route('logout') }}" method="POST"
style="display: none;">
@csrf
</form>
</ul>
</li>
</nav>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->
<div class="right_col" role="main">
@yield('content')
</div>
<!-- /page content -->
<!-- footer content -->
<footer class="footer_fixed">
<div class="pull-right">
Adaptive English Learning by <a href="https://www.polinema.ac.id/" target="_blank">Politeknik Negeri
Malang</a>
</div>
<div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
</div>
<!-- jQuery -->
<script src="{{ asset('gentelella/jquery/dist/jquery.min.js') }}"></script>
<!-- Bootstrap -->
<script src="{{ asset('gentelella/bootstrap/dist/js/bootstrap.min.js') }}"></script>
<!-- FastClick -->
<script src="{{ asset('gentelella/fastclick/lib/fastclick.js') }}"></script>
<!-- NProgress -->
<script src="{{ asset('gentelella/nprogress/nprogress.js') }}"></script>
<!-- Chart -->
<script src="{{ asset('gentelella/Chart.js/dist/Chart.min.js') }}"></script>
<!-- gauge -->
<script src="{{ asset('gentelella/gauge.js/dist/gauge.min.js') }}"></script>
<!-- bootstrap-progressbar -->
<script src="{{ asset('gentelella/bootstrap-progressbar/bootstrap-progressbar.min.js') }}"></script>
<!-- iCheck -->
<script src="{{ asset('gentelella/iCheck/icheck.min.js') }}"></script>
<!-- Skycons -->
<script src="{{ asset('gentelella/skycons/skycons.js') }}"></script>
<!-- Flot -->
<script src="{{ asset('gentelella/Flot/jquery.flot.js') }}"></script>
<script src="{{ asset('gentelella/Flot/jquery.flot.pie.js') }}"></script>
<script src="{{ asset('gentelella/Flot/jquery.flot.time.js') }}"></script>
<script src="{{ asset('gentelella/Flot/jquery.flot.stack.js') }}"></script>
<script src="{{ asset('gentelella/Flot/jquery.flot.resize.js') }}"></script>
<!-- Flot plugins -->
<script src="{{ asset('gentelella/flot.orderbars/js/jquery.flot.orderBars.js') }}"></script>
<script src="{{ asset('gentelella/flot-spline/js/jquery.flot.spline.min.js') }}"></script>
<script src="{{ asset('gentelella/flot.curvedlines/curvedLines.js') }}"></script>
<!-- DateJS -->
<script src="{{ asset('gentelella/DateJS/build/date.js') }}"></script>
<!-- JQVMap -->
<script src="{{ asset('gentelella/jqvmap/dist/jquery.vmap.js') }}"></script>
<script src="{{ asset('gentelella/jqvmap/dist/maps/jquery.vmap.world.js') }}"></script>
<script src="{{ asset('gentelella/jqvmap/examples/js/jquery.vmap.sampledata.js') }}"></script>
<!-- bootstrap-daterangepicker -->
<script src="{{ asset('gentelella/moment/min/moment.min.js') }}"></script>
<script src="{{ asset('gentelella/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
<!-- Datatables -->
<script src="{{ asset('gentelella/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-buttons-bs/js/buttons.bootstrap.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-buttons/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-keytable/js/dataTables.keyTable.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-responsive-bs/js/responsive.bootstrap.js') }}"></script>
<script src="{{ asset('gentelella/datatables.net-scroller/js/dataTables.scroller.min.js') }}"></script>
<script src="{{ asset('gentelella/pdfmake/build/pdfmake.min.js') }}"></script>
<script src="{{ asset('gentelella/pdfmake/build/vfs_fonts.js') }}"></script>
<!-- <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script> -->
<!-- Custom Theme Scripts -->
<script src="{{ asset('build/js/custom.min.js') }}"></script>
<!-- AJAX CONTENT -->
<script>
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
</script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
@include('sweetalert::alert')
@yield('script')
</body>
</html>