@page "/Customer"
@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="my-2 py-1">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            if (editRecord != null)
            {
                <div class="mb-2">
                    <CustomerEdit CurrRecord="editRecord" EC_Updated="DoSaveSelCustomer" EC_Close="DoCancel"></CustomerEdit>
                </div>
            }
            <CustomerMan CustomerList="ListCustomer" SearchVal="@SearchVal" EC_EditReq="EditCustomer" EC_UpdateReq="DoReloadAsync"></CustomerMan>
        }
    </div>
</div>