@page "/operatori"

<div class="card mb-5">
    <div class="card-header table-primary">
        <div class="d-flex justify-content-between">
            <div class="px-0">
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <span class="fs-3 mb-0">Gestione Operatori</span>
                    </div>
                </div>
            </div>
            <div class="px-0 align-content-center d-flex justify-content-end">
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-search"></i></span>
                    @if (ShowDetail)
                    {
                        <input type="text" class="form-control disabled" disabled placeholder="Search Ctr-R" @bind="@SearchVal" @bind:after="ReloadDataAsync" accesskey="R">
                    }
                    else
                    {
                        <input type="text" class="form-control" placeholder="Search Alt-R" @bind="@SearchVal" @bind:after="ReloadDataAsync" accesskey="R">
                    }
                    <button class="btn @btnSearchCss" @onclick="DoReset"><i class="fa fa-ban"></i></button>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <div class="row">
                <div class="@cssMain">
                    <ListOperatori CurrRecords="@ListOperatori" AllRecords="@ListOperatori" AddEnabled="false" DelEnabled="false" StaChgEnab="true" EC_RecSel="DoSelect"></ListOperatori>
                </div>
                @if (SelRec != null)
                {
                    <div class="col-6">
                        <ListReparti AllRecords="ListGruppi" EditEnabled="false"></ListReparti>
                    </div>
                }
            </div>

        }
    </div>
</div>