MIF_E31221244/resources/views/layout/app.blade.php

147 lines
5.1 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>SIPAYA @yield('title')</title>
<meta content="width=device-width, initial-scale=1.0, shrink-to-fit=no" name="viewport" />
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/asset/images/icon.png">
<!-- Untuk iOS -->
<link rel="apple-touch-icon" href="/asset/images/icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- Warna tema -->
<meta name="theme-color" content="#007bff">
<link rel="manifest" href="/manifest.json" />
<link rel="icon" href={{ asset('asset/images/icon.png') }} type="image/x-icon" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="{{ asset('assets/js/plugin/webfont/webfont.min.js') }}"></script>
<script>
WebFont.load({
google: {
families: ["Public Sans:300,400,500,600,700"]
},
custom: {
families: [
"Font Awesome 5 Solid",
"Font Awesome 5 Regular",
"Font Awesome 5 Brands",
"simple-line-icons",
],
urls: ["{{ asset('assets/css/fonts.min.css') }}"],
},
active: function() {
sessionStorage.fonts = true;
},
});
</script>
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/css/plugins.min.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/css/sipaya.min.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/css/demo.css') }}" />
<link href="{{ asset('select2/select2.min.css') }}" rel="stylesheet" />
</head>
<body>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="wrapper">
@include('layout.sidebar')
<div class="main-panel">
@include('layout.header')
@yield('content')
@include('layout.footer')
</div>
@include('sweetalert::alert')
</div>
<script src="{{ asset('assets/js/core/jquery-3.7.1.min.js') }}"></script>
<script src="{{ asset('assets/js/core/popper.min.js') }}"></script>
<script src="{{ asset('assets/js/core/bootstrap.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/chart.js/chart.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/chart-circle/circles.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/jsvectormap/jsvectormap.min.js') }}"></script>
<script src="{{ asset('assets/js/plugin/jsvectormap/world.js') }}"></script>
<script src="{{ asset('assets/js/sipaya.min.js') }}"></script>
<script src="{{ asset('select2/select2.min.js') }}"></script>
@if ($errors->any())
<script>
document.addEventListener("DOMContentLoaded", function() {
@foreach ($errors->all() as $error)
Swal.fire({
icon: 'error',
title: 'Gagal',
text: '{{ $error }}',
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000
});
@endforeach
});
</script>
@endif
<script>
$(window).on('load', function() {
$('.preloader').fadeOut('slow');
});
</script>
@yield('script')
@yield('css')
<script src="{{ asset('assets/js/setting-demo.js') }}"></script>
<script src="{{ asset('assets/js/demo.js') }}"></script>
<script>
$("#lineChart").sparkline([102, 109, 120, 99, 110, 105, 115], {
type: "line",
height: "70",
width: "100%",
lineWidth: "2",
lineColor: "#177dff",
fillColor: "rgba(23, 125, 255, 0.14)",
});
$("#lineChart2").sparkline([99, 125, 122, 105, 110, 124, 115], {
type: "line",
height: "70",
width: "100%",
lineWidth: "2",
lineColor: "#f3545d",
fillColor: "rgba(243, 84, 93, .14)",
});
$("#lineChart3").sparkline([105, 103, 123, 100, 95, 105, 115], {
type: "line",
height: "70",
width: "100%",
lineWidth: "2",
lineColor: "#ffa534",
fillColor: "rgba(255, 165, 52, .14)",
});
</script>
</body>
</html>