@php
        $getAuthUserTypeId = getAuthUserTypeId();
    @endphp
<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-n1 me-2" title="Show aside menu">
            <div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-40px h-md-40px"
                id="kt_aside_mobile_toggle">
                <i class="ki-outline ki-abstract-14 fs-1"></i>
            </div>
        </div>
        <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
            <a href="#index.html" class="d-lg-none">
                <img alt="Logo" src="{{ asset('assets/media/logos/demo6.svg') }}" class="h-25px" />
            </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-rounded menu-column menu-lg-row menu-active-bg menu-state-primary menu-title-gray-700 menu-arrow-gray-500 fw-semibold my-5 my-lg-0 px-2 px-lg-0 align-items-stretch"
                        id="#kt_header_menu" data-kt-menu="true">
                        <a href="{{ route('myWallet.index') }}"
                            class="menu-item menu-here-bg menu-lg-down-accordion me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('myWallet.*') ? 'text-primary' : '' }}">My
                                    Wallet</span><span class="menu-arrow d-lg-none"></span></span>
                        </a>
                        <a href="{{ route('routeSearch') }}" class="menu-item menu-lg-down-accordion me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('routeSearch') ? 'text-primary' : '' }}">Route
                                    Search</span><span class="menu-arrow d-lg-none"></span></span>
                        </a>
                        <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
                            data-kt-menu-placement="bottom-start"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2 menu-title fw-bold fs-5">
                            <span class="menu-link py-3"><span class="menu-title {{ Route::is('ifta.*') ? 'text-primary' : '' }}">IFTA</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                            <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown px-lg-2 py-lg-4 w-lg-200px"
                                style="">
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('ifta.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('ifta.index') ? 'text-primary' : '' }}">Gallons by State</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('ifta.miles.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('ifta.miles.*') ? 'text-primary' : '' }}">Miles by State</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('ifta.generateIFTA.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('ifta.generateIFTA.*') ? 'text-primary' : '' }}">IFTA Report</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('ifta.calculate_miles.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('ifta.calculate_miles.*') ? 'text-primary' : '' }}">Miles Calculator</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                           <a href="{{ route('monthlyReports.index') }}"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('monthlyReports.*') ? 'text-primary' : '' }}">Fuel Analytics</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                        </a> 
                        <!--  <a href="{{ route('assets.trucksBoard.index') }}"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('assets.trucksBoard.index') ? 'text-primary' : '' }} ">Dispatch</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                        </a>  -->
                        <a href="{{ route('assets.loads.newIndex') }}"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('assets.trucksBoard.index') ? 'text-primary' : '' }} ">Dispatch</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                        </a> 

                         <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
                            data-kt-menu-placement="bottom-start"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2 menu-title fw-bold fs-5">
                            <span class="menu-link py-3"><span class="menu-title {{ Route::currentRouteNamed('assets.drivers.index', 'assets.trucks.index', 'assets.trailers.index', 'assets.vendors.index', 'assets.repair.index', 'assets.expense.index', 'assets.reminders.index', 'assets.calendar.new', 'invoice_master.index') ? 'text-primary' : '' }}">Assets</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                            <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown px-lg-2 py-lg-4 w-lg-200px"
                                style="">
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{  route('assets.assetsDashboard.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.assetsDashboard.*') ? 'text-primary' : '' }}">Dashboard</span>
                                    </a>
                                </div>
                                @if(getAuthUserTypeId() == 1)
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.carriers.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.carriers.*') ? 'text-primary' : '' }}">Carrier</span>
                                    </a>
                                </div>
                                @endif
                                <!-- <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.bill_profiles.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.bill_profiles.*') ? 'text-primary' : '' }}">Bill Profiles</span>
                                    </a>
                                </div> -->

                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.drivers.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.drivers.*') ? 'text-primary' : '' }}">Drivers</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.trucks.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.trucks.*') ? 'text-primary' : '' }}">Trucks</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.trailers.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.trailers.*') ? 'text-primary' : '' }}">Trailers</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.customers.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.customers.*') ? 'text-primary' : '' }}">Customers</span>
                                    </a>
                                </div>

                                 <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.loads.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.loads.*') ? 'text-primary' : '' }}">Loads</span>
                                    </a>
                                </div>

                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.vendors.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.vendors.*') ? 'text-primary' : '' }}">Vendors</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.repair.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.repair.*') ? 'text-primary' : '' }}">Repairs</span>
                                    </a>
                                </div>
                                
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.expense.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.expense.*') ? 'text-primary' : '' }}">Expenses</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{  route('assets.reminders.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.reminders.*') ? 'text-primary' : '' }}">Reminders</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{  route('invoice_master.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('invoice_master.*') ? 'text-primary' : '' }}">Invoice</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('assets.tasks.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.task.*') ? 'text-primary' : '' }}">Tasks</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{  route('assets.calendar.new') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.calendar.*') ? 'text-primary' : '' }}">Calendar</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{  route('assets.claim.index') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('assets.claim.*') ? 'text-primary' : '' }}">Claim</span>
                                    </a>
                                </div>
                            </div>
                        </div> 
                         <div data-kt-menu-trigger="{default: 'click', lg: 'hover'}"
                            data-kt-menu-placement="bottom-start"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2 menu-title fw-bold fs-5">
                            <span class="menu-link py-3"><span class="menu-title {{ Request::is('support*') ? 'text-primary' : '' }}">Support</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                            <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown px-lg-2 py-lg-4 w-lg-200px"
                                style="">
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('card_orders.add') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('card_orders.*') ? 'text-primary' : '' }}">Order Cards</span>
                                    </a>
                                </div>
                                <div class="menu-item">
                                    <a class="menu-link py-3"
                                        href="{{ route('Disputes.add') }}"
                                        data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-dismiss="click" data-bs-placement="right"

                                        data-kt-initialized="1"><span
                                            class="menu-title {{ Route::is('Disputes.*') ? 'text-primary' : '' }}">Submit a Ticket</span>
                                    </a>
                                </div>
                              
                               
                              
                                
                            </div>
                        </div> 
                     
                      <!--   <a href="{{ route('card_orders.add') }}"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('card_orders.*') ? 'text-primary' : '' }}">Order
                                    Cards</span><span class="menu-arrow d-lg-none"></span></span>
                        </a> -->
                       <!--  <a href="{{ route('Disputes.add') }}"
                            class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('Disputes.*') ? 'text-primary' : '' }}">Submit a Ticket</span><span
                                    class="menu-arrow d-lg-none"></span></span>
                        </a> -->
                       <!--  <a href="{{ route('assets.calendar.new') }}"
                           class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('assets.calendar.*') ? 'text-primary' : '' }}">New Calendar</span><span class="menu-arrow d-lg-none"></span></span>
                        </a> -->
                      <!--   <a href="{{ route('assets.reminders.index') }}"
                           class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2">
                            <span class="menu-link py-3"><span
                                    class="menu-title fw-bold fs-5 {{ Route::is('assets.reminders.*') ? 'text-primary' : '' }}">Reminders</span><span class="menu-arrow d-lg-none"></span></span>
                        </a> -->
                       
                    </div>
                </div>
            </div>
            <div class="d-flex align-items-stretch flex-shrink-0">
                <h3 class="fs-24 mt-7">
                    <b>
                        {{ getAuthCompanyName() }}
                    </b>
                </h3>
                <div class="d-flex align-items-center ms-1 ms-lg-3">
                    <a href="#" class="btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px"
                        data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent"
                        data-kt-menu-placement="bottom-end">
                        <i class="ki-outline ki-night-day theme-light-show fs-1"></i>
                        <i class="ki-outline ki-moon theme-dark-show fs-1"></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-outline ki-night-day fs-2"></i>
                                </span>
                                <span class="menu-title">Light</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-outline ki-moon fs-2"></i>
                                </span>
                                <span class="menu-title">Dark</span>
                            </a>
                        </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 src="{{ asset('images/user.gif') }}" alt="image" />
                    </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-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('images/user.gif') }}" />
                                </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">Fuel</span>
                                    </div>
                                    <a href="#"
                                        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('myProfile.index') }}" class="menu-link px-5">My Profile</a>
                        </div>
                        @if (permission('manage_myProfileTab'))
                        <div class="menu-item px-5">
                            <a href="{{ route('myWallet.index') }}" class="menu-link px-5">
                                My Wallet
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('invoices.index') }}" class="menu-link px-5">
                             My Invoices
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('card_orders.index') }}" class="menu-link px-5">
                                Order Cards
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('transactionsReport.index') }}" class="menu-link px-5">
                                Reports
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('fuelCards.index') }}" class="menu-link px-5">
                                Fuel Cards
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('currentRebateReport.index') }}" class="menu-link px-5">
                                Rebates
                            </a>
                        </div>                       
                        
                        
                        <div class="menu-item px-5">
                            <a href="{{ route('Disputes.index') }}" class="menu-link px-5">
                                Disputes
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('repair_type.index') }}" class="menu-link px-5"> Repair Type</a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('expense_type.index') }}" class="menu-link px-5"> Expense Type</a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('wireInstructions') }}" class="menu-link px-5">
                                Payment Instructions
                            </a>
                        </div>
                        <div class="menu-item px-5">
                            <a href="{{ route('api_key.index') }}" class="menu-link px-5"> API Keys Setup</a>
                        </div>
                        @if(getAuthMemberId() != 28)
                            <div class="menu-item px-5">
                                <a href="{{ route('role_permission.index') }}" class="menu-link px-5"> Role Permissions</a>
                            </div>
                        @endif

                        @endif
                        <div class="menu-item px-5">
                            <a href="{{ route('logout') }}" class="menu-link px-5">Sign Out</a>
                        </div>
                       
                      
                    </div>
                </div>
                <div class="d-flex align-items-center d-lg-none ms-2 me-n2" title="Show header menu">
                    <div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-40px h-md-40px"
                        id="kt_header_menu_mobile_toggle">
                        <i class="ki-outline ki-burger-menu-2 fs-1"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>