2023-04-11 09:21:20 +00:00
|
|
|
<!--begin::User account menu-->
|
|
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-color fw-semibold py-4 fs-6 w-275px" data-kt-menu="true">
|
2023-09-26 09:39:39 +00:00
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<div class="menu-content d-flex align-items-center px-3">
|
|
|
|
<!--begin::Avatar-->
|
|
|
|
<div class="symbol symbol-50px me-5">
|
|
|
|
@if(Auth::user()->profile_photo_url)
|
|
|
|
<img alt="Logo" src="{{ Auth::user()->profile_photo_url }}"/>
|
|
|
|
@else
|
|
|
|
<div class="symbol-label fs-3 {{ app(\App\Actions\GetThemeType::class)->handle('bg-light-? text-?', Auth::user()->name) }}">
|
|
|
|
{{ substr(Auth::user()->name, 0, 1) }}
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
</div>
|
|
|
|
<!--end::Avatar-->
|
|
|
|
<!--begin::Username-->
|
|
|
|
<div class="d-flex flex-column">
|
|
|
|
<div class="fw-bold d-flex align-items-center fs-5">{{ Auth::user()->name}}
|
|
|
|
<span class="badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2">Pro</span>
|
|
|
|
</div>
|
|
|
|
<a href="#" class="fw-semibold text-muted text-hover-primary fs-7">{{ Auth::user()->email }}</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Username-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu separator-->
|
|
|
|
<div class="separator my-2"></div>
|
|
|
|
<!--end::Menu separator-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5">
|
|
|
|
<a href="#" class="menu-link px-5">My Profile</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5">
|
|
|
|
<a href="#" class="menu-link px-5">
|
|
|
|
<span class="menu-text">My Projects</span>
|
|
|
|
<span class="menu-badge">
|
|
|
|
<span class="badge badge-light-danger badge-circle fw-bold fs-7">3</span>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
|
|
<a href="#" class="menu-link px-5">
|
|
|
|
<span class="menu-title">My Subscription</span>
|
|
|
|
<span class="menu-arrow"></span>
|
|
|
|
</a>
|
|
|
|
<!--begin::Menu sub-->
|
|
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link px-5">Referrals</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link px-5">Billing</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link px-5">Payments</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex flex-stack px-5">Statements
|
|
|
|
<span class="ms-2 lh-0" data-bs-toggle="tooltip" title="View your statements">{!! getIcon('information-5', 'fs-5') !!}</span></a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu separator-->
|
|
|
|
<div class="separator my-2"></div>
|
|
|
|
<!--end::Menu separator-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<div class="menu-content px-3">
|
|
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
|
|
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
|
|
|
<span class="form-check-label text-muted fs-7">Notifications</span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
</div>
|
|
|
|
<!--end::Menu sub-->
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5">
|
|
|
|
<a href="#" class="menu-link px-5">My Statements</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu separator-->
|
|
|
|
<div class="separator my-2"></div>
|
|
|
|
<!--end::Menu separator-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
|
|
<a href="#" class="menu-link px-5">
|
|
|
|
<span class="menu-title position-relative">Mode
|
|
|
|
<span class="ms-5 position-absolute translate-middle-y top-50 end-0">{!! getIcon('night-day', 'theme-light-show fs-2') !!} {!! getIcon('moon', 'theme-dark-show fs-2') !!}</span></span>
|
|
|
|
</a>
|
|
|
|
@include('partials/theme-mode/__menu')
|
2023-04-11 09:21:20 +00:00
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
2023-09-26 09:39:39 +00:00
|
|
|
<div class="menu-item px-5" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="left-start" data-kt-menu-offset="-15px, 0">
|
|
|
|
<a href="#" class="menu-link px-5">
|
|
|
|
<span class="menu-title position-relative">Language
|
|
|
|
<span class="fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0">English
|
|
|
|
<img class="w-15px h-15px rounded-1 ms-2" src="{{ image('flags/united-states.svg') }}" alt="" /></span>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
<!--begin::Menu sub-->
|
|
|
|
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex px-5 active">
|
|
|
|
<span class="symbol symbol-20px me-4">
|
|
|
|
<img class="rounded-1" src="{{ image('flags/united-states.svg') }}" alt=""/>
|
|
|
|
</span>
|
|
|
|
English</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex px-5">
|
|
|
|
<span class="symbol symbol-20px me-4">
|
|
|
|
<img class="rounded-1" src="{{ image('flags/spain.svg') }}" alt=""/>
|
|
|
|
</span>
|
|
|
|
Spanish</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex px-5">
|
|
|
|
<span class="symbol symbol-20px me-4">
|
|
|
|
<img class="rounded-1" src="{{ image('flags/germany.svg') }}" alt=""/>
|
|
|
|
</span>
|
|
|
|
German</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex px-5">
|
|
|
|
<span class="symbol symbol-20px me-4">
|
|
|
|
<img class="rounded-1" src="{{ image('flags/japan.svg') }}" alt=""/>
|
|
|
|
</span>
|
|
|
|
Japanese</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-3">
|
|
|
|
<a href="#" class="menu-link d-flex px-5">
|
|
|
|
<span class="symbol symbol-20px me-4">
|
|
|
|
<img class="rounded-1" src="{{ image('flags/france.svg') }}" alt=""/>
|
|
|
|
</span>
|
|
|
|
French</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
</div>
|
|
|
|
<!--end::Menu sub-->
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5 my-1">
|
|
|
|
<a href="#" class="menu-link px-5">Account Settings</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
|
|
|
<!--begin::Menu item-->
|
|
|
|
<div class="menu-item px-5">
|
|
|
|
<a class="button-ajax menu-link px-5" href="#" data-action="{{ route('logout') }}" data-method="post" data-csrf="{{ csrf_token() }}" data-reload="true">
|
|
|
|
Sign Out
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<!--end::Menu item-->
|
2023-04-11 09:21:20 +00:00
|
|
|
</div>
|
|
|
|
<!--end::User account menu-->
|