@page "/repa-opr"

<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">Reparti</span>
                        <small class="small">Gestione ed assegnazione Macchine ed Operatori</small>
                    </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 Ctr-R" @bind="@SearchVal" @bind:after="ReloadDataAsync" accesskey="R">
                    }
                    <button class="btn @btnSearchCss" @onclick="ResetSearch"><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">
                    <MP.SPEC.Components.Reparti.ListReparti AllRecords="ListReparti" CodGruppoSel="@CodGruppo" EC_RecordSel="SetCodGruppo" EC_RecordUpdated="ForceReload"></MP.SPEC.Components.Reparti.ListReparti>
                </div>
                @if (ShowDetail)
                {
                    <div class="col-4">
                        <MP.SPEC.Components.Reparti.ListMacchine CodGruppoCurr="@CodGruppo" AllRecords="ListMacchineAll" CurrRecords="ListMacchine" EC_RecChange="ForceReload"></MP.SPEC.Components.Reparti.ListMacchine>
                    </div>
                    <div class="col-4">
                        <MP.SPEC.Components.Reparti.ListOperatori CodGruppoCurr="@CodGruppo" AllRecords="ListOperatoriAll" CurrRecords="ListOperatori" EC_RecChange="ForceReload" SelEnabled="false"></MP.SPEC.Components.Reparti.ListOperatori>
                    </div>
                }
            </div>
        }
    </div>
</div>