157 lines
11 KiB
PHP
157 lines
11 KiB
PHP
<div id="kt_header" style="" class="header align-items-stretch">
|
|
<div class="container-fluid d-flex align-items-stretch justify-content-between">
|
|
<div class="d-flex align-items-center d-lg-none ms-n3 me-1" title="Show aside menu">
|
|
<div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px"
|
|
id="kt_aside_mobile_toggle">
|
|
<span class="svg-icon svg-icon-2x mt-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none">
|
|
<path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z"
|
|
fill="black" />
|
|
<path opacity="0.3"
|
|
d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
|
|
{{-- <a href="#" class="d-lg-none" style="font-size: 2rem;">
|
|
LOGO
|
|
</a> --}}
|
|
<a href="#" class="d-lg-none">
|
|
{{-- <img alt="Logo" src="{{ asset('storage/images/website-settings/' . App\Models\WebsiteSetting::first()->logo) }}" class="h-30px"> --}}
|
|
</a>
|
|
</div>
|
|
<div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1">
|
|
<div class="d-flex align-items-stretch" id="kt_header_nav">
|
|
<div class="header-menu align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="header-menu"
|
|
data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true"
|
|
data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="end"
|
|
data-kt-drawer-toggle="#kt_header_menu_mobile_toggle" data-kt-swapper="true"
|
|
data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
|
|
<div class="menu menu-lg-rounded menu-column menu-lg-row menu-state-bg menu-title-gray-700 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-400 fw-bold my-5 my-lg-0 align-items-stretch" id="#kt_header_menu" data-kt-menu="true">
|
|
<div data-kt-menu-placement="bottom-start"
|
|
class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a href="{{ route('admin.dashboard') }}"
|
|
class="menu-link {{ Route::currentRouteName() === 'admin.dashboard' ? 'active' : '' }} py-3">
|
|
<span class="menu-title">Dashboard Page</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
<div data-kt-menu-placement="bottom-start"
|
|
class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a href="{{ route('landing.pages') }}"
|
|
class="menu-link py-3" target="_blank">
|
|
<span class="menu-title">Landing Page</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-stretch flex-shrink-0">
|
|
<div class="d-flex align-items-stretch flex-shrink-0">
|
|
<div class="d-flex align-items-stretch ms-1 ms-lg-3">
|
|
<div id="kt_header_search" class="d-flex align-items-stretch" data-kt-search-keypress="true"
|
|
data-kt-search-min-length="2" data-kt-search-enter="enter" data-kt-search-layout="menu"
|
|
data-kt-menu-trigger="auto" data-kt-menu-overflow="false" data-kt-menu-permanent="true"
|
|
data-kt-menu-placement="bottom-end">
|
|
<div class="d-flex align-items-center" data-kt-search-element="toggle"
|
|
id="kt_header_search_toggle">
|
|
<div class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px">
|
|
<span class="svg-icon svg-icon-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546"
|
|
height="2" rx="1" transform="rotate(45 17.0365 15.1223)"
|
|
fill="black" />
|
|
<path
|
|
d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div data-kt-search-element="content"
|
|
class="menu menu-sub menu-sub-dropdown p-7 w-325px w-md-375px">
|
|
<div data-kt-search-element="wrapper">
|
|
<form data-kt-search-element="form" class="w-100 position-relative mb-3"
|
|
autocomplete="off" action="#" method="post">
|
|
@csrf
|
|
<span
|
|
class="svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 translate-middle-y ms-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546"
|
|
height="2" rx="1"
|
|
transform="rotate(45 17.0365 15.1223)" fill="black" />
|
|
<path
|
|
d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
<input type="text" class="form-control form-control-flush text-capitalize ps-10"
|
|
name="search" value="" placeholder="Search..."
|
|
data-kt-search-element="input" />
|
|
<span
|
|
class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1"
|
|
data-kt-search-element="spinner">
|
|
<span
|
|
class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
|
|
</span>
|
|
<span
|
|
class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none"
|
|
data-kt-search-element="clear"><span
|
|
class="svg-icon svg-icon-2 svg-icon-lg-1 me-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<rect opacity="0.5" x="6" y="17.3137" width="16"
|
|
height="2" rx="1" transform="rotate(-45 6 17.3137)"
|
|
fill="black" />
|
|
<rect x="7.41422" y="6" width="16" height="2"
|
|
rx="1" transform="rotate(45 7.41422 6)" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</form>
|
|
<div class="separator border-gray-200"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
|
|
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click"
|
|
data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<img alt="Logo" src="{{ asset('assets/server-side/media/avatars/blank.png') }}">
|
|
</div>
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px"
|
|
data-kt-menu="true">
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content d-flex align-items-center px-3">
|
|
<div class="symbol symbol-50px me-5">
|
|
<img alt="Logo" src="{{ asset('assets/server-side/media/avatars/blank.png') }}">
|
|
</div>
|
|
<div class="d-flex flex-column">
|
|
<div class="fw-bolder d-flex align-items-center fs-5">
|
|
{{ Auth::user()->name }}
|
|
</div>
|
|
<a href="#" class="fw-bold text-muted text-hover-primary fs-7">{{ Auth::user()->role }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="separator my-2"></div>
|
|
<div class="menu-item px-5">
|
|
<a href="{{ route('pass.admin') }}" class="menu-link px-5">Ubah Password</a>
|
|
</div>
|
|
<div class="menu-item px-5">
|
|
<a href="{{ route('logout') }}" class="menu-link px-5">Keluar</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|