@page "/FastRec"
@attribute [Authorize]


<div class="card shadow-lg">
    <div class="card-header table-primary">
        <div class="d-flex justify-content-between">
            <div class="px-2">
                <h3>Fast Recording</h3>
            </div>
            <div class="px-2">
                <div class="input-group input-group-lg" title="Modalità ricerca Progetti / Fasi">
                        <span class="input-group-text">
                            <i class="fas fa-search"></i>
                        </span>
                    <select @bind="@TipoSearch" class="form-select form-select-sm">
                        <option value="0">Pareto attività</option>
                        <option value="1">Ricerca Libera</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-8">
                @if (@TipoSearch == 0)
                {
                    <ParetoRA ItemSelected="SelFase" idxFase="@idxFaseSel"></ParetoRA>
                }
                else if (@TipoSearch == 1)
                {
                    <FasiSearch ItemSelected="SelFase"></FasiSearch>
                }
            </div>
            <div class="col-4">
                @if (idxFaseSel > 0)
                {
                    <RecFaseStart RecStarted="RecDone" idxFase="@idxFaseSel"></RecFaseStart>
                }
                else
                {
                    <div class="alert alert-info">
                        <h3>Attesa selezione</h3>
                        Selezionare una Fase per attivare la registrazione attività
                    </div>
                }
            </div>
            <div class="col-12">
                <DayHoriz IsTitle="true" StartHour="@startHour" EndHour="@endHour" ListFasi="@ListFasi" IdxDipSel="@idxDipendente"></DayHoriz>
                @foreach (var currItem in ListRecords)
                {
                    <DayHoriz DayDTO="@currItem" StartHour="@startHour" EndHour="@endHour" ListFasi="@ListFasi" IdxDipSel="@idxDipendente" EnableActionMenu="false"></DayHoriz>
                }
            </div>
        </div>
    </div>
</div>