114 lines
7.1 KiB
PHP
114 lines
7.1 KiB
PHP
<div id="kt_header" class="header" data-kt-sticky="true" data-kt-sticky-name="header"
|
|
data-kt-sticky-offset="{default: '200px', lg: '300px'}">
|
|
<div class="container-xxl d-flex flex-grow-1 flex-stack">
|
|
<div class="d-flex align-items-center me-5">
|
|
<div class="d-lg-none btn btn-icon btn-active-color-primary w-30px h-30px ms-n2 me-3"
|
|
id="kt_header_menu_toggle">
|
|
<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">
|
|
<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>
|
|
<a href="{{ route('student.dashboard') }}">
|
|
<img alt="Oddysey Logo" src="{{ asset('vault/images/content/telescope.png') }}"
|
|
class="h-20px h-lg-30px" />
|
|
</a>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="flex-shrink-0 d-flex align-items-center">
|
|
<div class="d-flex align-items-center ms-3 ms-lg-4" id="kt_header_user_menu_toggle">
|
|
<div class="btn btn-icon btn-color-gray-700 btn-active-color-primary btn-outline btn-outline-secondary w-30px h-30px w-lg-40px h-lg-40px"
|
|
data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
|
|
<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">
|
|
<path
|
|
d="M6.28548 15.0861C7.34369 13.1814 9.35142 12 11.5304 12H12.4696C14.6486 12 16.6563 13.1814 17.7145 15.0861L19.3493 18.0287C20.0899 19.3618 19.1259 21 17.601 21H6.39903C4.87406 21 3.91012 19.3618 4.65071 18.0287L6.28548 15.0861Z"
|
|
fill="black" />
|
|
<rect opacity="0.3" x="8" y="3" width="8" height="8" rx="4"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="py-4 menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold fs-6 w-275px"
|
|
data-kt-menu="true">
|
|
<div class="px-3 menu-item">
|
|
<div class="px-3 menu-content d-flex align-items-center">
|
|
<div class="symbol symbol-50px me-5">
|
|
<img alt="Logo"
|
|
src="{{ asset(Auth::user()->picture ?: 'assets/student/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>
|
|
<span
|
|
class="fw-bold text-muted text-hover-primary fs-7">{{ Auth::user()->email }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="my-2 separator"></div>
|
|
<div class="px-5 menu-item">
|
|
<a href="{{ route('student.profile') }}" class="px-5 menu-link">Profil Saya</a>
|
|
</div>
|
|
<div class="px-5 menu-item">
|
|
<a href="{{ route('student.profile.account') }}" class="px-5 menu-link">Pengaturan Akun</a>
|
|
</div>
|
|
<div class="my-2 separator"></div>
|
|
<div class="px-5 menu-item">
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@csrf
|
|
<a href="{{ route('logout') }}"
|
|
onclick="event.preventDefault(); this.closest('form').submit();"
|
|
class="px-5 menu-link">Sign Out</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="separator"></div>
|
|
<div class="header-menu-container container-xxl d-flex flex-stack h-lg-75px" id="kt_header_nav">
|
|
<div class="header-menu flex-column flex-lg-row" 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="start"
|
|
data-kt-drawer-toggle="#kt_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="prepend"
|
|
data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}">
|
|
<div class="my-5 menu menu-lg-rounded menu-column menu-lg-row menu-state-bg menu-title-gray-700 menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-400 fw-bold my-lg-0 align-items-stretch flex-grow-1"
|
|
id="#kt_header_menu" data-kt-menu="true">
|
|
<div class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a class="py-3 menu-link" href="{{ route('student.dashboard') }}">
|
|
<span class="menu-title">Dashboard</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a class="py-3 menu-link" href="{{ route('student.personality') }}">
|
|
<span class="menu-title">Tipe Kepribadian</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a class="py-3 menu-link" href="{{ route('student.quisionnare.start') }}">
|
|
<span class="menu-title">Tes Potensi Karier</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item menu-lg-down-accordion me-lg-1">
|
|
<a class="py-3 menu-link" href="{{ route('student.quest.history') }}">
|
|
<span class="menu-title">Riwayat</span>
|
|
<span class="menu-arrow d-lg-none"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|