@php
    $logo = App\Models\Workshop::where('workshop', Auth()->user()->workshop)
        ->first();
@endphp

<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
    {{-- <a class="navbar-brand brand-logo" href="">
        <img src="{{ asset('assets/images/logo.png') }}" alt="logo">
    </a>
    <a class="navbar-brand brand-logo-mini" href="">
        <img src="{{ asset('assets/images/favicon.png') }}" alt="logo"/>
    </a> --}}
    @if($logo?->path)
        <a class="navbar-brand brand-logo" href="{{ route('owner.home') }}">
            <img src="{{ asset('storage/'.$logo->path) }}"
                class="rounded-circle border shadow-sm"
                style="width:70px;height:70px;object-fit:cover;">
        </a>
        <a class="navbar-brand brand-logo-mini" href="{{ route('owner.home') }}">
            <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center mx-auto"
                style="width:70px;height:70px;font-size:20px;font-weight:bold;">
                {{ strtoupper(substr($logo->workshop ?? 'C', 0, 2)) }}
            </div>
        </a>
    @else
        <a class="navbar-brand brand-logo" href="{{ route('owner.home') }}">
            <img src="{{ asset('assets/images/logo.png') }}" alt="logo">
        </a>
        <a class="navbar-brand brand-logo-mini" href="{{ route('owner.home') }}">
            <img src="{{ asset('assets/images/favicon.png') }}" alt="logo"/>
        </a>
    @endif
</div>

<div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
    <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
        <span class="icon-menu"></span>
    </button>

    <ul class="navbar-nav mr-lg-2">
        <li class="nav-item nav-search d-none d-lg-block">
            <div class="input-group">
               <h4 class="mt-2">@yield('title')</h4>
            </div>
        </li>
    </ul>

    <ul class="navbar-nav navbar-nav-right">
        <li class="nav-item dropdown d-flex mr-4 ">
            <a class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center" id="notificationDropdown" href="#" data-toggle="dropdown">
                <i class="icon-head"></i>
                <span style="margin-left: 10px; margin-top: 0.2rem;">{{ Auth()->user()->name }}</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
                <p class="mb-0 font-weight-normal float-left dropdown-header">Paramètres</p>
                <a class="dropdown-item preview-item">               
                    <i class="icon-cog" style="margin-bottom: 0.3rem"></i> Profil
                </a>
                <a class="dropdown-item preview-item" href="{{ route('logout') }}"
                    onclick="event.preventDefault();
                    document.getElementById('logout-form').submit();">
                    <i class="icon-power" style="margin-bottom: 0.3rem"></i> Déconnexion
                </a>
                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                    @csrf
                </form>
            </div>
        </li>
    </ul>

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