@php
    $OHasRole = Auth::check() && Auth::user()->hasRole(['owner']);
    $OSMHasRole = Auth::check() && Auth::user()->hasRole(['owner', 'supervisor', 'manager']);
    $OWSSMHasRole = Auth::check() && Auth::user()->hasRole(['owner', 'warehouse_manager', 'storekeeper', 'supervisor', 'manager' ]);
    $OAHasRole = Auth::check() && Auth::user()->hasRole(['owner', 'accountant']);
@endphp
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
    <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-start">
        <a class="navbar-brand brand-logo" href="/"><img src="/dashboard/images/logo/logo.png" alt="logo"/></a>
        <a class="navbar-brand brand-logo-mini" href="/"><img src="/dashboard/images/logo/logo.png" alt="logo"/></a>
    </div>
    <div class="navbar-menu-wrapper d-flex align-items-stretch">

        <button class="navbar-toggler mt-1 navbar-toggler align-self-center" type="button" data-toggle="minimize">
            <span class="mdi mdi-menu"></span>
        </button>
        @permission('temp_system')
        <div class="d-flex flex-stack align-items-center align-content-center mx-3">
            <label class="form-check form-switch  form-check-custom form-check-solid">
                <input id="switch-between-real-system-to-temporary-system" class="form-check-input" type="checkbox" value="1" />
                <span class="form-check-label fw-semibold text-muted"></span>
                <span class="mt-1 d-inline-block fw-bold fs-6 text-dark">
                    {{__("Archive Mode")}}
                </span>
            </label>
        </div>
        @endpermission
        <ul class="navbar-nav navbar-nav-right">

            <li class="nav-item nav-profile dropdown">
                <a class="nav-link dropdown-toggle" id="profileDropdown" href="#" data-bs-toggle="dropdown"
                   aria-expanded="false">
                    <div class="nav-profile-img">
                        <img src="/dashboard/images/layout_img/Icon-User-green.png" alt="image"/>
                        <span class="availability-status online"></span>
                    </div>
                    <div class="nav-profile-text">
                        <p class="mb-1 text-black">{{Auth::user()->name}}</p>
                    </div>
                </a>
                <div class="dropdown-menu navbar-dropdown" aria-labelledby="profileDropdown">
                    <a class="dropdown-item" href="#"> <i class="mdi mdi-cached me-2 text-success"></i> Activity Log
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/logout"> <i class="mdi mdi-logout me-2 text-primary"></i> Signout
                    </a>
                    <div class="dropdown-item">

                    </div>
                </div>

            </li>

            <li class="nav-item d-none d-lg-block full-screen-link">
                <a class="nav-link">
                    <i class="mdi mdi-fullscreen" id="fullscreen-button"></i>
                </a>
            </li>


            <li>
                <div class="dropdown customLang">
                    <a class="btn  dropdown-toggle customBackGroundColore" href="#" role="button"
                       data-bs-toggle="dropdown" aria-expanded="false">
                        {{app()->getLocale()}}
                    </a>
                    <ul class="dropdown-menu">
                        @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                            <li><a class="dropdown-item" rel="alternate" hreflang="{{ $localeCode }}"
                                   href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}">  {{ $properties['native'] }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </li>
        </ul>

        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button"
                data-toggle="offcanvas">
            <span class="mdi mdi-menu"></span>
        </button>
    </div>
</nav>