PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
components
/
backend
/
Editing: header.blade.php
<div id="kt_app_header" class="app-header " data-kt-sticky="true" data-kt-sticky-activate="{default: true, lg: true}" data-kt-sticky-name="app-header-minimize" data-kt-sticky-offset="{default: '200px', lg: '0'}" data-kt-sticky-animation="false"> <div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container"> <div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu"> <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle"> <i class="ki-duotone ki-abstract-14 fs-2 fs-md-1"><span class="path1"></span><span class="path2"></span></i> </div> </div> <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0"> <a href="{{route('admin.dashboard')}}" class="d-lg-none"> <img alt="Logo" src="{{gs('logo')}}" class="h-30px"/> </a> </div> <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper"> <div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}"> <div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-0 " id="kt_app_header_menu" data-kt-menu="true"> <a href="{{route('admin.dashboard')}}" class="menu-item me-0 me-lg-2"> <span class="menu-link"> <span class="menu-title">{{__("Dashboard")}}</span> <span class="menu-arrow d-lg-none"></span> </span> </a> @can("users") <a href="{{route('admin.users.index')}}" class="menu-item me-0 me-lg-2"> <span class="menu-link"> <span class="menu-title">{{__("Users")}}</span> <span class="menu-arrow d-lg-none"></span> </span> </a> @endcan </div> </div> <div class="app-navbar flex-shrink-0"> <div class="app-navbar-item ms-1 ms-md-4"> <div class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end" id="kt_menu_item_wow"> <i class="ki-duotone ki-notification-status fs-2"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> </i> </div> <div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-400px" data-kt-menu="true" id="kt_menu_notifications"> <div class="d-flex flex-column bgi-no-repeat rounded-top" style="background-image:url('{{asset('backend/media/misc/menu-header-bg.jpg')}}')"> <h3 class="text-white fw-semibold px-9 my-5"> {{__("Notifications")}} <span class="fs-8 opacity-75 ps-3">{{Auth::user()->unreadNotifications()->count() ?? 0}}</span> </h3> </div> <div class="scroll-y mh-325px my-5 px-8" id="notification_data"></div> @if(Auth::user()->unreadNotifications()->count() > 10) <div class="py-3 text-center border-top"> <a href="{{route('admin.notifications.index')}}" class="btn btn-color-gray-600 btn-active-color-primary"> {{__("View All Notifications")}} </a> </div> @endif </div> </div> <div class="app-navbar-item ms-1 ms-md-4"> <a href="#" class="btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end"> <i class="ki-duotone ki-night-day theme-light-show fs-1"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> <span class="path5"></span> <span class="path6"></span> <span class="path7"></span> <span class="path8"></span> <span class="path9"></span> <span class="path10"></span> </i> <i class="ki-duotone ki-moon theme-dark-show fs-1"> <span class="path1"></span> <span class="path2"></span> </i> </a> <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-150px" data-kt-menu="true" data-kt-element="theme-mode-menu"> <div class="menu-item px-3 my-0"> <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="light"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-night-day fs-2"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> <span class="path5"></span> <span class="path6"></span> <span class="path7"></span> <span class="path8"></span> <span class="path9"></span> <span class="path10"></span></i> </span> <span class="menu-title"> {{__("Light Mode")}} </span> </a> </div> <div class="menu-item px-3 my-0"> <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="dark"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-moon fs-2"> <span class="path1"></span> <span class="path2"></span> </i> </span> <span class="menu-title"> {{__("Dark Mode")}} </span> </a> </div> <div class="menu-item px-3 my-0"> <a href="#" class="menu-link px-3 py-2" data-kt-element="mode" data-kt-value="system"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-screen fs-2"> <span class="path1"></span> <span class="path2"></span> <span class="path3"></span> <span class="path4"></span> </i> </span> <span class="menu-title"> {{__("System")}} </span> </a> </div> </div> </div> <div class="app-navbar-item ms-1 ms-md-6" id="kt_header_user_menu_toggle"> <div class="cursor-pointer symbol symbol-35px" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end"> <img src="{{Auth::user()->profile_image}}" class="rounded-3" alt="user"/> </div> <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-300px" 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="{{Auth::user()->profile_image}}"/> </div> <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">Super Admin</span> </div> <a href="{{route('admin.profile.index')}}" class="fw-semibold text-muted text-hover-primary fs-7"> {{Auth::user()->email}} </a> </div> </div> </div> <div class="separator my-2"></div> <div class="menu-item px-5"> <a href="{{route('admin.profile.index')}}" class="menu-link px-5"> {{__('My Profile')}} </a> </div> <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"> {{LaravelLocalization::getCurrentLocaleNativeReading()}} <img class="w-15px h-15px rounded-1 ms-2" src="{{asset('backend/media/flags/' . LaravelLocalization::getSupportedLocales()[app()->getLocale()]["flag"])}}" alt=""/> </span> </span> </a> <div class="menu-sub menu-sub-dropdown w-175px py-4"> @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties) <div class="menu-item px-3"> <a href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}" hreflang="{{ $localeCode }}" class="menu-link d-flex px-5 {{LaravelLocalization::getCurrentLocale() == $localeCode ? 'active' : ""}}"> <span class="symbol symbol-20px me-4"> <img class="rounded-1" src="{{asset('backend/media/flags/' . $properties['flag'])}}" alt=""/> </span> {{ $properties['native'] }} </a> </div> @endforeach </div> </div> <div class="menu-item px-5"> <a href="javascript:;" onclick="if(confirm('{{__('Are you sure ?')}}')) { document.getElementById('admin_logout_form').submit(); } " class="menu-link px-5"> {{__('Sign Out')}} </a> </div> </div> </div> <div class="app-navbar-item d-lg-none ms-2 me-n2" title="Show header menu"> <div class="btn btn-flex btn-icon btn-active-color-primary w-30px h-30px" id="kt_app_header_menu_toggle"> <i class="ki-duotone ki-element-4 fs-1"> <span class="path1"></span> <span class="path2"></span> </i> </div> </div> </div> </div> </div> </div>
SAVE
CANCEL