@extends('admin.layouts.base')

@section('content')
<div id="app" >
    <div class="sidebar sidebar-dark sidebar-fixed" id="sidebar">
        <div class="sidebar-brand d-none d-md-flex">
            <div class="p-2">
                <img src="../images/logo-pemeserie-white.svg" width="50" alt="Logo Pemeserie">
            </div>
        </div>
        
        @include('admin.inc.menu')

        <button class="sidebar-toggler" type="button" data-coreui-toggle="unfoldable"></button>
    </div>
    <div class="wrapper d-flex flex-column min-vh-100 bg-light">
        <header class="header header-sticky mb-4">
            <div class="container-fluid">
                <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
                    <svg class="icon icon-lg">
                        <use xlink:href="vendor/svg/free.svg#cil-menu"></use>
                    </svg>
                </button>
                    <a class="header-brand d-md-none" href="#">
                        <div class="p-2">
                            <img src="../images/logo-pemeserie.svg" width="50" alt="Logo Pemeserie">
                        </div>
                    </a>
                <ul class="header-nav d-none d-md-flex">
                    <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
                </ul>
            
                <ul class="header-nav ms-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link py-0" data-coreui-toggle="dropdown" href="#"
                            role="button" aria-haspopup="true" aria-expanded="false">
                            <div class="avatar avatar-md  bg-primary text-white">
                                A
                            </div>
                        </a>
                        <div class="dropdown-menu dropdown-menu-end pt-0">
                            <div class="dropdown-header bg-light py-2">
                                <div class="fw-semibold">Account</div>
                            </div>
                            <a class="dropdown-item" href="#">
                                <svg class="icon me-2">
                                    <use xlink:href="vendor/svg/free.svg#cil-account-logout"></use>
                                </svg> Logout
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </header>
        <div class="body flex-grow-1 px-3">
            <div class="container-lg">

                @if($message->hasMessages())
                    {{ $message->display() }}
                @endif

                @yield('dashboard-content')
            </div>
        </div>
        <footer class="footer">
            <div><a href="https://pemeserie.ro">Pemeserie.ro</a> © 2023.</div>
            <div class="ms-auto">Developed by&nbsp;<a href="https://coreui.io/docs/">Adrian Enache</a></div>
        </footer>
    </div>
</div>
@endsection