@page "/workshift"

<MseSampler SampleMult="0.5" E_Updated="RefreshData"></MseSampler>
@if (string.IsNullOrEmpty(IdxMacc) || CurrMSE == null)
{
    <EgwCoreLib.Razor.LoadingData></EgwCoreLib.Razor.LoadingData>
}
else
{
    <CheckControls RecMSE="CurrMSE"></CheckControls>
    <MachineBlock RecMSE="CurrMSE" FullMode="false"></MachineBlock>
    <h2>Gestione Turni</h2>
    <div class="my-2 d-flex justify-content-center">
        <div class="col-12 col-md-6 my-2 text-center cardObj">
            <div class="d-flex justify-content-center flex-wrap align-items-center">
                <div class="col-8">
                    <h2><b>Stato Turni Attivi</b></h2>
                </div>
                <div class="col-8 fs-5 @cssByState(T1) p-2 mb-2" style="border-radius: 0.375rem">
                    <div class="d-flex justify-content-around">
                        <div class="form-check form-switch fs-2">
                            <input class="form-check-input" type="checkbox" @bind="@T1">
                            <label class="form-check-label">Turno 1</label>
                        </div>
                    </div>
                </div>
                <div class="col-8 fs-5 @cssByState(T2) p-2 mb-2" style="border-radius: 0.375rem">
                    <div class="d-flex justify-content-around">
                        <div class="form-check form-switch fs-2">
                            <input class="form-check-input" type="checkbox" @bind="@T2">
                            <label class="form-check-label">Turno 2</label>
                        </div>
                    </div>
                </div>
                <div class="col-8 fs-5 @cssByState(T3) p-2 mb-2" style="border-radius: 0.375rem">
                    <div class="d-flex justify-content-around">
                        <div class="form-check form-switch fs-2">
                            <input class="form-check-input" type="checkbox" @bind="@T3">
                            <label class="form-check-label">Turno 3</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-center my-2 w-100 px-2">
                <div class="row w-100" >
                    <div class="col-6 bg-success text-warning" style="border-radius: 0.375rem 0 0 0.375rem; ">
                        Turno Aperto
                    </div>
                    <div class="col-6 bg-secondary" style="border-radius: 0 0.375rem 0.375rem 0; ">
                        Turno Chiuso
                    </div>
                </div>
            </div>
        </div>
    </div>
}