@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<header>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">

            <!-- Logo -->
            <a class="navbar-brand" href="#">Webzine</a>

            <!-- bouton mobile -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarWebzine">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarWebzine">

                <!-- Menu -->
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">

                    <li class="nav-item">
                        @* Laisser le asp-area vide pour indiqué une valeur null  *@
                        <a class="nav-link" asp-area="" asp-controller="Accueil" asp-action="Index">
                            <i class="fa-solid fa-house"></i> Accueil
                        </a>
                    </li>

                    @* TODO : Modifier, il s'agit d'une liste *@
                    <li class="nav-item">
                        @* <a class="nav-link" href="#">
                            <i class="fa-solid fa-screwdriver-wrench"></i> Administration
                        </a> *@
                        <div class="dropdown">
                            <a class="nav-link dropdown-toggle"
                               href="#"
                               role="button"
                               data-bs-toggle="dropdown"
                               aria-expanded="false">
                                <i class="fa-solid fa-screwdriver-wrench"></i> Administration
                            </a>

                            <ul class="dropdown-menu">
                                @* Modifier la route 'Dashboard' ? *@
                                <li><a class="dropdown-item" asp-area="Administration" asp-controller="Dashboard" asp-action="Index"><i class="fa-solid fa-gauge-high"></i> Tableau de bord</a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><a class="dropdown-item" asp-area="Administration" asp-controller="Artiste" asp-action="Index"><i class="fa-solid fa-users"></i> Artistes</a></li>
                                <li><a class="dropdown-item" asp-area="Administration" asp-controller="Commentaire" asp-action="Index"><i class="fa-solid fa-comments"></i> Commentaires</a></li>
                                <li><a class="dropdown-item" asp-area="Administration" asp-controller="Style" asp-action="Index"><i class="fa-solid fa-tags"></i> Styles</a></li>
                                <li><a class="dropdown-item" asp-area="Administration" asp-controller="Titre" asp-action="Index"><i class="fa-solid fa-music"></i> Titres</a></li>
                            </ul>
                        </div>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" asp-area="" asp-controller="Contact" asp-action="Index">
                            <i class="fa-solid fa-envelope"></i> Contact
                        </a>
                    </li>

                </ul>

                <!-- Barre de recherche -->
                <form class="d-flex" asp-controller="Recherche" asp-action="Index" method="post">
                    <div class="input-group">
                        <div class="form-outline">
                            <input class="form-control me-2"
                                   type="search"
                                   name="mot"
                                   placeholder="Trouver un artiste, un titre ou un style">
                        </div>
                        <button class="btn btn-primary" type="submit">
                            <i class="fa-solid fa-magnifying-glass"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </nav>
</header>
