@{
    ViewData["Title"] = "Historique";
}
<head>
    <title>@ViewData["Title"]</title>
    <link rel="stylesheet" href="~/css/HelloFresh/historique.css" asp-append-version="true" />
    <link href="~/lib/fontawesome-free/css/all.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,700,800" rel="stylesheet">
</head>

<section id="historiqueBoard" class="hf-ingredients">
    <div class="hf-head">
        <h2>Historique des recettes</h2>
        <div class="hf-qty" style="gap:12px">
            <label for="historyScope">Portée :</label>
            <select id="historyScope">
                <option value="mine" selected>Mes archives</option>
                <option value="all">Tous les utilisateurs</option>
            </select>

            <!-- 🔎 Recherche -->
            <input id="historySearch" type="search"
                   placeholder="Rechercher une recette…"
                   style="padding:6px 10px;border:1px solid #cfcfcf;border-radius:8px;min-width:240px">
        </div>
    </div>

    <div id="historyContainer" class="history-sections"></div>
</section>


<script src="~/js/HelloFresh/historique.js" asp-append-version="true"></script>
