283 lines
18 KiB
PHP
283 lines
18 KiB
PHP
@extends('master')
|
|
@push('css')
|
|
<link rel="shortcut icon" type="image/png" href="{{ asset('/') }}dist/images/logos/favicon.ico" />
|
|
<!-- Owl Carousel -->
|
|
|
|
|
|
<!-- Core Css -->
|
|
@stack('css_admin')
|
|
<link id="themeColors" rel="stylesheet" href="{{ asset('/') }}dist/css/style.min.css" />
|
|
<link rel="stylesheet" href="{{ asset('/') }}dist/libs/sweetalert2/dist/sweetalert2.min.css">
|
|
@endpush
|
|
|
|
<!-- Body Wrapper -->
|
|
@section('page')
|
|
<div class="page-wrapper" id="main-wrapper" data-theme="blue_theme" data-layout="vertical" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed">
|
|
<!-- Sidebar Start -->
|
|
<aside class="left-sidebar">
|
|
<!-- Sidebar scroll-->
|
|
<div>
|
|
<div class="brand-logo d-flex align-items-center justify-content-between">
|
|
<a href="/" class="text-nowrap logo-img">
|
|
<img src="{{ asset('/') }}landingpage/dist/images/logos/logo-sw.svg" class="dark-logo" width="210" alt="" />
|
|
<img src="{{ asset('/') }}landingpage/dist/images/logos/logo-sw-light.png" class="light-logo" width="210" alt="" />
|
|
</a>
|
|
<div class="close-btn d-lg-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
|
<i class="ti ti-x fs-8 text-muted"></i>
|
|
</div>
|
|
</div>
|
|
<!-- Sidebar navigation-->
|
|
@include('side_menu')
|
|
<div class="fixed-profile p-3 bg-light-secondary rounded sidebar-ad mt-3">
|
|
<div class="hstack gap-3">
|
|
<div class="john-img">
|
|
<img src="{{ asset('/') }}dist/images/profile/user-1.jpg" class="rounded-circle" width="40" height="40" alt="">
|
|
</div>
|
|
<div class="john-title">
|
|
<h6 class="mb-0 fs-4 fw-semibold">{{ \Illuminate\Support\Facades\Auth::user()->name }}</h6>
|
|
<span class="fs-2 text-dark">Designer</span>
|
|
</div>
|
|
<button class="border-0 bg-transparent text-primary ms-auto" tabindex="0" type="button" aria-label="logout" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="logout">
|
|
<i class="ti ti-power fs-6"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- End Sidebar navigation -->
|
|
</div>
|
|
<!-- End Sidebar scroll-->
|
|
</aside>
|
|
<!-- Sidebar End -->
|
|
<!-- Main wrapper -->
|
|
<div class="body-wrapper">
|
|
<!-- Header Start -->
|
|
<header class="app-header">
|
|
<nav class="navbar navbar-expand-lg navbar-light">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link sidebartoggler nav-icon-hover ms-n3" id="headerCollapse" href="javascript:void(0)">
|
|
<i class="ti ti-menu-2"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="d-block d-lg-none">
|
|
<img src="{{ asset('/') }}landingpage/dist/images/logos/logo-sw.svg" class="dark-logo" width="180" alt="" />
|
|
<img src="{{ asset('/') }}landingpage/dist/images/logos/logo-sw-light.png" class="light-logo" width="180" alt="" />
|
|
</div>
|
|
<button class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="p-2">
|
|
<i class="ti ti-dots fs-7"></i>
|
|
</span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-center">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link pe-0" href="javascript:void(0)" id="drop1" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<div class="d-flex align-items-center">
|
|
<div class="user-profile-img">
|
|
<img src="{{ asset('/') }}dist/images/profile/user-1.jpg" class="rounded-circle" width="35" height="35" alt="" />
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu content-dd dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop1">
|
|
<div class="profile-dropdown position-relative" data-simplebar>
|
|
<div class="py-3 px-7 pb-0">
|
|
<h5 class="mb-0 fs-5 fw-semibold">Profil Pengguna</h5>
|
|
</div>
|
|
<div class="d-flex align-items-center py-9 mx-7 border-bottom">
|
|
<img src="{{ asset('/') }}dist/images/profile/user-1.jpg" class="rounded-circle" width="80" height="80" alt="" />
|
|
<div class="ms-3">
|
|
<h5 class="mb-1 fs-3">{{ \Illuminate\Support\Facades\Auth::user()->name }}</h5>
|
|
<span class="mb-1 d-block text-dark">Pakar</span>
|
|
<p class="mb-0 d-flex text-dark align-items-center gap-2">
|
|
<i class="ti ti-mail fs-4"></i> {{ \Illuminate\Support\Facades\Auth::user()->email }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<form method="POST" action="{{ route('logout') }}">
|
|
<div class="d-grid py-4 px-7 pt-8">
|
|
<div class="upgrade-plan bg-light-primary position-relative overflow-hidden rounded-4 p-4 mb-9">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<h5 class="fs-4 mb-3 w-50 fw-semibold text-dark">Unlimited Access</h5>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="m-n4">
|
|
<img src="{{ asset('/') }}dist/images/backgrounds/unlimited-bg.png" alt="" class="w-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@csrf
|
|
<a href="javascript:;" onclick="event.preventDefault();this.closest('form').submit();" class="btn btn-block btn-outline-primary">Log Out</a>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Header End -->
|
|
<div class="container-fluid">
|
|
<!-- Owl carousel -->
|
|
@yield('admin')
|
|
</div>
|
|
</div>
|
|
<div class="dark-transparent sidebartoggler"></div>
|
|
<div class="dark-transparent sidebartoggler"></div>
|
|
</div>
|
|
<!-- Shopping Cart -->
|
|
|
|
<!-- Customizer -->
|
|
<button class="btn btn-primary p-3 rounded-circle d-flex align-items-center justify-content-center customizer-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
|
|
<i class="ti ti-settings fs-7" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Settings"></i>
|
|
</button>
|
|
<div class="offcanvas offcanvas-end customizer" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" data-simplebar="">
|
|
<div class="d-flex align-items-center justify-content-between p-3 border-bottom">
|
|
<h4 class="offcanvas-title fw-semibold" id="offcanvasExampleLabel">Settings</h4>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body p-4">
|
|
<div class="theme-option pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Theme Option</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="javascript:void(0)" onclick="toggleTheme('{{ asset('/') }}dist/css/style.min.css')" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 light-theme text-dark">
|
|
<i class="ti ti-brightness-up fs-7 text-primary"></i>
|
|
<span class="text-dark">Light</span>
|
|
</a>
|
|
<a href="javascript:void(0)" onclick="toggleTheme('{{ asset('/') }}dist/css/style-dark.min.css')" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 dark-theme text-dark">
|
|
<i class="ti ti-moon fs-7 "></i>
|
|
<span class="text-dark">Dark</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="theme-direction pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Theme Direction</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="./index.html" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2">
|
|
<i class="ti ti-text-direction-ltr fs-6 text-primary"></i>
|
|
<span class="text-dark">LTR</span>
|
|
</a>
|
|
<a href="../rtl/index.html" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2">
|
|
<i class="ti ti-text-direction-rtl fs-6 text-dark"></i>
|
|
<span class="text-dark">RTL</span>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
<div class="theme-colors pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Theme Colors</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<ul class="list-unstyled mb-0 d-flex gap-3 flex-wrap change-colors">
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin1-bluetheme-primary active-theme " onclick="toggleTheme('{{ asset('/') }}dist/css/style.min.css')" data-color="blue_theme" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="BLUE_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin2-aquatheme-primary " onclick="toggleTheme('{{ asset('/') }}dist/css/style-aqua.min.css')" data-color="aqua_theme" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="AQUA_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin3-purpletheme-primary" onclick="toggleTheme('{{ asset('/') }}dist/css/style-purple.min.css')" data-color="purple_theme" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="PURPLE_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin4-greentheme-primary" onclick="toggleTheme('{{ asset('/') }}dist/css/style-green.min.css')" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="GREEN_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin5-cyantheme-primary" onclick="toggleTheme('{{ asset('/') }}dist/css/style-cyan.min.css')" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="CYAN_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
<li class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center justify-content-center">
|
|
<a href="javascript:void(0)" class="rounded-circle position-relative d-block customizer-bgcolor skin6-orangetheme-primary" onclick="toggleTheme('{{ asset('/') }}dist/css/style-orange.min.css')" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ORANGE_THEME"><i class="ti ti-check text-white d-flex align-items-center justify-content-center fs-5"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="layout-type pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Layout Type</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="./index.html" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2">
|
|
<i class="ti ti-layout-sidebar fs-6 text-primary"></i>
|
|
<span class="text-dark">Vertical</span>
|
|
</a>
|
|
<a href="../horizontal/index.html" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2">
|
|
<i class="ti ti-layout-navbar fs-6 text-dark"></i>
|
|
<span class="text-dark">Horizontal</span>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
<!-- <div class="container-option pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Container Option</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 boxed-width text-dark">
|
|
<i class="ti ti-layout-distribute-vertical fs-7 text-primary"></i>
|
|
<span class="text-dark">Boxed</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 full-width text-dark">
|
|
<i class="ti ti-layout-distribute-horizontal fs-7"></i>
|
|
<span class="text-dark">Full</span>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
<div class="sidebar-type pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Sidebar Type</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 fullsidebar">
|
|
<i class="ti ti-layout-sidebar-right fs-7"></i>
|
|
<span class="text-dark">Full</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center text-dark sidebartoggler gap-2">
|
|
<i class="ti ti-layout-sidebar fs-7"></i>
|
|
<span class="text-dark">Collapse</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-with pb-4">
|
|
<h6 class="fw-semibold fs-4 mb-1">Card With</h6>
|
|
<div class="d-flex align-items-center gap-3 my-3">
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 text-dark cardborder">
|
|
<i class="ti ti-border-outer fs-7"></i>
|
|
<span class="text-dark">Border</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="rounded-2 p-9 customizer-box hover-img d-flex align-items-center gap-2 cardshadow">
|
|
<i class="ti ti-border-none fs-7"></i>
|
|
<span class="text-dark">Shadow</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Customizer -->
|
|
@stop
|
|
@push('js')
|
|
<script src="{{ asset('/') }}dist/libs/jquery/dist/jquery.min.js"></script>
|
|
<script src="{{ asset('/') }}dist/libs/simplebar/dist/simplebar.min.js"></script>
|
|
<script src="{{ asset('/') }}dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- core files -->
|
|
<script src="{{ asset('/') }}dist/js/app.min.js"></script>
|
|
<script src="{{ asset('/') }}dist/js/app.init.js"></script>
|
|
<script src="{{ asset('/') }}dist/js/app-style-switcher.js"></script>
|
|
<script src="{{ asset('/') }}dist/js/sidebarmenu.js"></script>
|
|
<script src="{{ asset('/') }}dist/js/custom.js"></script>
|
|
<!-- current page js files -->
|
|
<script src="{{ asset('/') }}dist/js/plugins/toastr-init.js"></script>
|
|
<script src="{{ asset('/') }}dist/libs/sweetalert2/dist/sweetalert2.min.js"></script>
|
|
<script src="{{ asset('/') }}dist/libs/sweetalert2/dist/sweetalert2.min.js"></script>
|
|
@stack('js_admin')
|
|
<script>
|
|
@if(\Session::has('success'))
|
|
toastr.success("{{ \Session::get('success') }}", "Success", {
|
|
progressBar: true,
|
|
});
|
|
@endif
|
|
@if(\Session::has('fail'))
|
|
toastr.error("{{ \Session::get('fail') }}", "Error", {
|
|
progressBar: true,
|
|
});
|
|
@endif
|
|
</script>
|
|
|
|
@endpush
|