<!-- app-header -->
<header class="app-header header sticky">
    <!-- Start::main-header-container -->
    <div class="main-header-container container-fluid">
        <!-- Start::header-content-left -->
        <div class="header-content-left align-items-center">
            <div class="header-element">
                <div class="horizontal-logo">
                    <a href="#" class="header-logo">
                        <img src="{{ asset(URL_LOGO) }}" alt="logo" class="desktop-logo">
                        <img src="{{ asset(URL_LOGO_FAVICON) }}" alt="logo" class="toggle-logo">
                    </a>
                </div>
            </div>
            <!-- Start::header-element -->
            <div class="header-element">
                <!-- Start::header-link -->
                <a href="#!" class="sidemenu-toggle header-link" data-bs-toggle="sidebar">
                    <span class="open-toggle">
                        <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" viewBox="0 0 24 24">
                            <path d="M24 0v24H0V0h24z" fill="none" opacity=".87" />
                            <path d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6 1.41-1.41zM6 6h2v12H6V6z" />
                        </svg>
                    </span>
                    <span class="close-toggle">
                        <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" viewBox="0 0 24 24"
                            fill="#000000">
                            <path d="M0 0h24v24H0V0z" fill="none" />
                            <path
                                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" />
                        </svg>
                    </span>
                </a>
                <!-- End::header-link -->
            </div>
            <!-- End::header-element -->
        </div>
        <!-- End::header-content-left -->

        <!-- Start::header-content-right -->
        <div class="header-content-right">
            <div class="navbar navbar-collapse responsive-navbar p-0">
                <div class="d-flex align-items-center">
                    <!-- Start::header-element|main-profile-user -->
                    <div class="header-element main-profile-user">
                        <!-- Start::header-link|dropdown-toggle -->
                        <a href="#!" class="header-link dropdown-toggle d-flex align-items-center"
                            id="mainHeaderProfile" data-bs-toggle="dropdown" aria-expanded="false">
                            <span class="me-2">
                                <img src="{{ asset(ASSETS_IMG_ADMIN) }}/us-none.png" alt="img" width="30"
                                    height="30" class="rounded-circle">
                            </span>
                            <div class="d-xl-block d-none lh-1">
                                <h6 class="fs-13 font-weight-semibold mb-0"><?= auth()->user()->name ?></h6>
                                @php
                                    $user = auth()->user();
                                    $profileName = optional($user->profile)->profile;
                                @endphp
                                <span class="op-8 fs-10"><?= $profileName ?></span>
                            </div>
                        </a>
                        <!-- End::header-link|dropdown-toggle -->
                        <ul class="dropdown-menu pt-0 overflow-hidden dropdown-menu-end mt-1"
                            aria-labelledby="mainHeaderProfile">
                            <li>
                                <a class="dropdown-item" href="{{route('profile')}}">
                                    <i class="ti ti-user-circle fs-18 me-2 op-7"></i>
                                    Mi Perfil
                                </a>
                            </li>
                            <li>
                                @php
                                    $logout = route('logout');
                                @endphp
                                <a class="dropdown-item" href="{{ $logout }}">
                                    <i class="ti ti-power fs-18 me-2 op-7"></i>
                                    Cerrar Sesión
                                </a>
                            </li>
                            <li>
                                <hr class="dropdown-divider my-0">
                            </li>
                        </ul>
                    </div>
                    <!-- End::header-element|main-profile-user -->
                </div>
            </div>
        </div>
        <!-- End::header-content-right -->
    </div>
    <!-- End::main-header-container -->
</header>
<!-- /app-header -->