@using MP.Data.MgModels;

@if (isLoading)
{
    <LoadingData></LoadingData>
}
else
{
    <div class="card shadow p-0 mb-5 bg-body rounded">
        <div class="card-header">
            <div class="d-flex justify-content-between">
                <div>
                    <h4>Assegnazione Ricetta <i class="fa-solid fa-flask"></i></h4>
                </div>
                @if (string.IsNullOrEmpty(RecipeCode))
                {
                    <div>
                        <span class="px-2 text-danger">
                            Manca ricetta!
                            <i class="fa-solid fa-triangle-exclamation fa-2x"></i>
                        </span>
                    </div>
                }
                <div>
                    <button class="btn btn-outline-secondary" @onclick="() => doClose()"><i class="fa-solid fa-xmark"></i></button>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="d-flex justify-content-between">
                <div>
                    <a class="btn btn-primary" target="_blank" href="@($"api/RecipeArchive/GetFile?idxMacc={IdxMacc}&fileName={RecipeCode}")"><i class="fa-regular fa-eye"></i></a>
                    <b>@(string.IsNullOrEmpty(RecipeCode) ? "-- SELEZIONARE --" : RecipeCode)</b>
                </div>
                <div>
                    <button class="btn btn-sm btn-success" @onclick="showSelect" title="Modifica Ricetta Assegnata"><i class="fa-solid fa-pen"></i> Modifica</button>
                </div>
            </div>
            @if (showSearch)
            {
                <ul class="list-group small mt-1">
                    <li class="list-group-item active">
                        <div class="d-flex justify-content-between">
                            <div>
                                Ricette disponibili
                            </div>
                            <div>
                                <input class="form-control form-control-sm text-end" @bind="@searchVal" type="text" title="Filtro ricerca" placeholder="ricerca">
                            </div>
                        </div>
                    </li>
                    @foreach (var fileName in list2show)
                    {
                        <li class="list-group-item">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <button class="btn btn-sm btn-primary" @onclick="() => saveRecipe(fileName)"><i class="fa-solid fa-file-import"></i></button>
                                </div>
                                <div>
                                    <b>@fileName</b>
                                </div>
                            </div>
                        </li>
                    }
                    <li class="list-group-item">
                        <div class="d-flex justify-content-between">
                            <div><b>@numFound</b> found</div>
                            <div>
                                <select @bind="@numShow">
                                    <option>10</option>
                                    <option>20</option>
                                    <option>50</option>
                                </select>
                            </div>
                        </div>
                    </li>
                </ul>
            }
        </div>
    </div>
}