@page "/Template"
@inherits BaseComp

<div class="p-2 shadow">
    <div class="d-flex align-items-center justify-content-between">
        <button class="btn btn-success shadow-sm rounded-4 px-3" @onclick="DoAdd">
            <i class="fa-solid fa-user me-1"></i> @Traduci("nuovo")
        </button>
        <div class="input-group shadow-sm" style="width:20em;" title="@Traduci("ricerca")">
            <span class="input-group-text"><i class="fas fa-search"></i></span>
            <input type="text" class="form-control" accesskey="/" placeholder="Cerca [/] (3+ char)" @bind="@SearchVal">
            <button class="btn @btnResetCss" @onclick="ResetSearch"><i class="fas fa-ban"></i></button>
        </div>
    </div>
    <div class="row g-3 py-2">
        @if (isLoading)
        {
            <div class="@tableCss">
                <LoadingData></LoadingData>
            </div>
        }
        else
        {
            @if (!fullPageDetail)
            {
                <div class="@mainCss">
                    <div class="@tableCss">
                        @if (EditRecord != null)
                        {
                            <TemplateMan CurrRecord="EditRecord" EC_Close="DoClose" EC_Updated="DoSave"></TemplateMan>
                        }
                        else
                        {
                            <TemplateList CurrSearchVal="@searchVal" EC_Edit="DoEdit" EC_Selected="DoSelect" SelRecord="@SelRecord"></TemplateList>
                        }
                    </div>
                </div>
            }
            @if (SelRecord != null)
            {
                <div class="@detailCss">
                    <div class="card border-info shadow-sm">
                        <div class="card-header text-bg-info bg-opacity-50">
                            @if (fullPageDetail)
                            {
                                <span>
                                    <b>@SelRecord.Name</b> | @SelRecord.Description
                                </span>
                            }
                            else
                            {
                                <span>@Traduci("cataloghi_prodotti") | <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>