@page "/Template"
@using Lux.UI.Components.Compo.Templates

<div class="card shadow">
    <div class="card-header">
        <div class="card-title mb-0">
            <div class=" d-flex justify-content-between">
                <div class="px-0 fs-3">
                    <b>Gestione Cataloghi (Template)</b>
                </div>
                <div class="px-0 d-flex justify-content-between">
                    @* <div class="px-1">
                        <div class="input-group input-group-sm" title="Environment">
                            <span class="input-group-text">Envir</span>
                            <select @bind="@CurrEnvir" class="form-select">
                                @foreach (var item in System.Enum.GetValues(typeof(EgwMultiEngineManager.Data.Constants.EXECENVIRONMENTS)))
                                {
                                    <option value="@item">@item</option>
                                }
                            </select>
                        </div>
                    </div> *@
                    <div class="px-1">
                        <div class="input-group input-group-sm" title="ricerca">
                            <span class="input-group-text"><i class="fas fa-search"></i></span>
                            <input type="text" class="form-control" @bind="@searchVal">
                                <button class="btn btn-outline-secondary" @onclick="ResetSearch"><i class="fas fa-ban"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body p-2">
        <div class="row g-2">
            @if (isLoading)
            {
                <LoadingData></LoadingData>
            }
            else
            {
                @if (!fullPageDetail)
                {
                    <div class="@mainCss px-3">
                        <TemplateList CurrSearchVal="@searchVal" EC_Selected="DoSelect" SelRecord="@SelRecord"></TemplateList>
                    </div>
                }
                @if (SelRecord != null)
                {
                    <div class="@detailCss">
                        <div class="card border-info shadow">
                            <div class="card-header text-bg-info bg-opacity-50">
                                @if (fullPageDetail)
                                {
                                    <span>
                                        <b>@SelRecord.Name</b> | @SelRecord.Description
                                    </span>
                                }
                                else
                                {
                                    <span>Prodotti a Catalogo | <b> @SelRecord.Name </b></span>
                                }
                            </div>
                            <div class="card-body py-1 px-2">
                                <TemplateRowList CurrParent="@SelRecord" CurrSearchVal="@searchVal" EC_ReqFullPage="ToggleFull"></TemplateRowList>
                            </div>
                        </div>
                    </div>
                }
            }
        </div>
    </div>
</div>