MIF_31230115/manajemen_mp/resources/views/layout/app.blade.php

123 lines
4.4 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Dashboard - NiceAdmin Bootstrap Template</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="{{ asset('assets/img/logo1.jpg') }}" rel="icon">
<link href="{{ asset('asset/img/apple-touch-icon.png') }}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{ asset('asset/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/quill/quill.snow.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/quill/quill.bubble.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
<link href="{{ asset('asset/vendor/simple-datatables/style.css') }}" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="{{ asset('asset/css/style.css') }}" rel="stylesheet">
<!-- =======================================================
* Template Name: NiceAdmin
* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
* Updated: Apr 20 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
{{-- tambahan untuk pop up hapus --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
<!-- ======= Header ======= -->
@include('layout.navbar')
<!-- End Header -->
<!-- ======= Sidebar ======= -->
@include('layout.sidebar')
<!-- End Sidebar-->
<main id="main" class="main">
@yield('content')<!-- End Page Title -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
@include('layout.footer')
<!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="{{ asset('asset/vendor/apexcharts/apexcharts.min.js') }}"></script>
<script src="{{ asset('asset/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('asset/vendor/chart.js/chart.umd.js') }}"></script>
<script src="{{ asset('asset/vendor/echarts/echarts.min.js') }}"></script>
<script src="{{ asset('asset/vendor/quill/quill.js') }}"></script>
<script src="{{ asset('asset/vendor/simple-datatables/simple-datatables.js') }}"></script>
<script src="{{ asset('asset/vendor/tinymce/tinymce.min.js') }}"></script>
<script src="{{ asset('asset/vendor/php-email-form/validate.js') }}"></script>
<!-- Template Main JS File -->
<script src="{{ asset('asset/js/main.js') }}"></script>
{{-- untuk menampilkan detail --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@stack('scripts')
{{-- ini tambahan untuk pop up hapus --}}
...
<script src="{{ asset('asset/js/main.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@stack('scripts')
@if(session('success'))
<script>
Swal.fire({
icon: 'success',
title: 'Berhasil!',
text: "{{ session('success') }}",
showConfirmButton: false,
timer: 2000,
borderRadius: '20px'
});
</script>
@endif
<script>
document.addEventListener('DOMContentLoaded', function() {
// Cari tombol dengan class toggle-sidebar-btn
const toggleBtn = document.querySelector('.toggle-sidebar-btn');
// Pastikan tombolnya ada
if (toggleBtn) {
// Berikan aksi ketika tombol diklik
toggleBtn.addEventListener('click', function(e) {
// Tambahkan atau hapus class 'toggle-sidebar' pada tag body
document.body.classList.toggle('toggle-sidebar');
});
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</body>
</html>