cafeg/resources/views/layouts/navbar.blade.php
2025-01-20 16:42:05 +08:00

178 lines
8.6 KiB
PHP

<nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-4 me-xl-0 d-xl-none">
<a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
<i class="ri-menu-fill ri-22px"></i>
</a>
</div>
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
<ul class="navbar-nav flex-row align-items-center ms-auto">
<!-- Language -->
@if (!Auth::guard('member')->check())
<li class="nav-item dropdown-language dropdown">
<a class="nav-link btn btn-text-secondary rounded-pill btn-icon dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<i class="ri-translate-2 ri-22px"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="en" data-text-direction="ltr">
<span class="align-middle">Thai</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="fr" data-text-direction="ltr">
<span class="align-middle">English</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="ar" data-text-direction="rtl">
<span class="align-middle">Arabic</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-language="de" data-text-direction="ltr">
<span class="align-middle">German</span>
</a>
</li>
</ul>
</li>
@endif
<!--/ Language -->
<!-- Style Switcher -->
<li class="nav-item dropdown-style-switcher dropdown me-1 me-xl-0">
<a class="nav-link btn btn-text-secondary rounded-pill btn-icon dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<i class="ri-22px"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-styles">
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="light">
<span class="align-middle"><i class="ri-sun-line ri-22px me-3"></i>Light</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="dark">
<span class="align-middle"><i class="ri-moon-clear-line ri-22px me-3"></i>Dark</span>
</a>
</li>
<li>
<a class="dropdown-item" href="javascript:void(0);" data-theme="system">
<span class="align-middle"><i class="ri-computer-line ri-22px me-3"></i>System</span>
</a>
</li>
</ul>
</li>
<!-- / Style Switcher-->
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<div class="avatar avatar-online">
@if(isset(Auth::guard('member')->user()->avatar) && Auth::guard('member')->user()->avatar != null)
<img src="{{Auth::guard('member')->user()->avatar}}" alt class="rounded-circle" />
@else
<img src="../../assets/img/avatars/1.png" alt class="rounded-circle" />
@endif
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="pages-account-settings-account.html">
<div class="d-flex">
<div class="flex-shrink-0 me-2">
<div class="avatar avatar-online">
<img src="../../assets/img/avatars/1.png" alt class="rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<span class="fw-medium d-block small">
@if (Auth::guard('member')->check())
{{Auth::guard('member')->user()->name}}
@else
{{Auth::user()->name}}
@endif
</span>
@if(Auth::guard('member')->check())
<small class="text-muted">{{Auth::guard('member')->user()->Level_Name}}</small>
@else
<small class="text-muted">管理員</small>
@endif
</div>
</div>
</a>
</li>
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="{{ route('member.page-profile') }}">
<i class="ri-user-3-line ri-22px me-3"></i><span class="align-middle">
個人資料</span>
</a>
</li>
{{-- <li> --}}
{{-- <a class="dropdown-item" href="pages-account-settings-account.html"> --}}
{{-- <i class="ri-settings-4-line ri-22px me-3"></i><span class="align-middle">Settings</span> --}}
{{-- </a> --}}
{{-- </li> --}}
<li>
<a class="dropdown-item" href="pages-account-settings-billing.html">
<span class="d-flex align-items-center align-middle">
<i class="flex-shrink-0 ri-file-text-line ri-22px me-3"></i>
<span class="flex-grow-1 align-middle">交易紀錄</span>
<span class="flex-shrink-0 badge badge-center rounded-pill bg-danger">0</span>
</span>
</a>
</li>
<li>
<div class="dropdown-divider"></div>
</li>
{{-- <li>
<a class="dropdown-item" href="pages-pricing.html">
<i class="ri-money-dollar-circle-line ri-22px me-3"></i><span
class="align-middle">Pricing</span>
</a>
</li> --}}
{{-- <li>
<a class="dropdown-item" href="pages-faq.html">
<i class="ri-question-line ri-22px me-3"></i><span class="align-middle">常見問題</span>
</a>
</li> --}}
<li>
<div class="d-grid px-4 pt-2 pb-1">
@if (Auth::guard('member')->check())
<a class="btn btn-sm btn-danger d-flex" href="{{route("member.logout")}}" target="_blank">
<small class="align-middle"> </small>
<i class="ri-logout-box-r-line ms-2 ri-16px"></i>
</a>
@else
<a class="btn btn-sm btn-danger d-flex" href="{{route("admin.logout")}}" target="_blank">
<small class="align-middle"> </small>
<i class="ri-logout-box-r-line ms-2 ri-16px"></i>
</a>
@endif
</div>
</li>
</ul>
</li>
<!--/ User -->
</ul>
</div>
</nav>