@include('layouts.admin.include.head')
<div id="app">
    <!-- MENU SIDEBAR WRAPPER -->
    <aside class="sidebar sidebar-left">
        <div class="sidebar-content">
            <div class="aside-toolbar">
                <ul class="site-logo">
                    <li>
                        <!-- START LOGO -->
                        <a href="{{ route('home') }}">
                            <div class="logo">
                                {{-- <img src="{{ asset('admin/assets/img/logo.png') }}" alt="{{ env('APP_NAME') }}"> --}}
                                <img src="{{ isset($setting->logo) ? $setting->getImage() : asset('admin/assets/img/logo.png') }}"
                                    alt="{{ env('APP_NAME') }}" style="width: 90px; height: 50px; object-fit: contain;" />
                            </div>
                        </a>
                        <!-- END LOGO -->
                    </li>
                </ul>
                <ul class="header-controls">
                    <li class="nav-item">
                        <button type="button" class="btn btn-link btn-menu" style="margin-left: 4em;" data-toggle-state="mini-sidebar">
                            <i class="la la-dot-circle-o"></i>
                        </button>
                    </li>
                </ul>
            </div>

            {{-- Navigation --}}
            @include('layouts.admin.include.navigation')
        </div>
    </aside>
    <!-- END MENU SIDEBAR WRAPPER -->
    <div class="content-wrapper">
        <!-- TOP TOOLBAR WRAPPER -->
        <nav class="top-toolbar navbar navbar-mobile navbar-tablet">
            <ul class="navbar-nav nav-left">
                <li class="nav-item">
                    <a href="javascript:void(0)" data-toggle-state="aside-left-open">
                        <i class="icon dripicons-align-left"></i>
                    </a>
                </li>
            </ul>
            <ul class="navbar-nav nav-center site-logo">
                <li>
                    <a href="{{ route('home') }}">
                        <span class="brand-text site-brand">
                            {{ env('APP_NAME') }}
                        </span>
                    </a>
                </li>
            </ul>
            <ul class="navbar-nav nav-right">
                <li class="nav-item">
                    <a href="javascript:void(0)" data-toggle-state="mobile-topbar-toggle">
                        <i class="icon dripicons-dots-3 rotate-90"></i>
                    </a>
                </li>
            </ul>
        </nav>
        <nav class="top-toolbar navbar navbar-desktop flex-nowrap">
            <ul class="navbar-nav nav-right">
                <li class="nav-item dropdown">
                    <a class="nav-link nav-pill user-avatar" data-toggle="dropdown" href="#"
                        role="button" aria-haspopup="true" aria-expanded="false" style="font-weight: bold; margin-top: -1em;
                        margin-right: 4em;">
                       <i class="la la-user"></i>
                       {{ ucfirst(Auth::user()->name) }}
                    </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-accout">
                        <div class="dropdown-header pb-3">
                            <div class="media d-user">
                                <div class="media-body">
                                    <h5 class="mt-0 mb-0">{{ ucfirst(Auth::user()->name) }}</h5>
                                    <span>{{ Auth::user()->email }}</span>
                                </div>
                            </div>
                        </div>
                        <a class="dropdown-item" href="{{ route('users.change-password') }}">
                            <i class="zmdi zmdi-lock-open zmdi-hc-fw"></i> Change Password
                        </a>
                        <a class="dropdown-item" href="{{ route('users.change-profile') }}">
                            <i class="la la-user"></i> Change Profile
                        </a>
                        <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
                            document.getElementById('logout-form').submit();">
                            <i class="icon dripicons-lock-open"></i>
                            Sign Out
                        </a>

                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            @csrf
                        </form>
                    </div>
                </li>
            </ul>
        </nav>
        <!-- END TOP TOOLBAR WRAPPER -->
        <div class="content">
            <div class="page-content container-fluid">
                @yield('content')
            </div>
        </div>
        <!-- SIDEBAR QUICK PANNEL WRAPPER -->

        <!-- END SIDEBAR QUICK PANNEL WRAPPER -->
    </div>
</div>
@include('layouts.admin.include.footer')