@page "/WeekPlan"
@attribute [Authorize]

@if (selPeriod)
{
    <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <WeekSelector CloseReq="ResetSelPeriodo" WeekSelected="ReloadPeriodo"></WeekSelector>
            </div>
        </div>
    </dialog>
}
else if (showTemp)
{
    <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <DayCheckEditor TargetDate="@DtSelected" CloseReq="ResetDayCheck"></DayCheckEditor>
            </div>
        </div>
    </dialog>
}
else if (showDay)
{
    <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <DayAgendaDetail DayDTO="@SelDayDTO" CloseReq="ResetDayAgenda" ItemSelected="ReportSelect" ItemCloned="ReportSelect" MaxChar="100"></DayAgendaDetail>
            </div>
        </div>
    </dialog>
}
else if (currRecord != null)
{
    <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <RegAttEditor CurrRecord="@currRecord" ItemReset="UpdRegAttData" ItemUpdated="UpdRegAttData"></RegAttEditor>
            </div>
        </div>
    </dialog>
}
else if (ListTimbr != null && SelDayDTO != null)
{
    <dialog class="modal fade show" tabindex="-1" style="display:block; background-color: rgba(10,10,10,.6);" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <TimbrEditor ListTimb="@ListTimbr" CloseReq="ResetTimbData" ItemUpdated="UpdTimbData" DataRif="SelDayDTO.DtRif"></TimbrEditor>
            </div>
        </div>
    </dialog>
}
<div class="card shadow-lg">
    <div class="card-header table-primary py-1">
        <div class="row">
            <div class="col-12 col-lg-2 text-center">
                <div class="btn-group w-100 mb-1">
                    <button class="btn btn-sm btn-dark pt-1 pb-0 @actionCss" @onclick="() => ResetWeek()" title="Ritorna a data corrente" disabled="@isLoading">
                        <h3><i class="fas fa-home"></i> Week Plan</h3>
                    </button>
                </div>
                <div class="btn-group w-100">
                    <button class="btn btn-sm btn-outline-primary py-0 @actionCss" @onclick="() => MoveWeek(-4)" title="-4 settimane" disabled="@isLoading">
                        <div><sub>@currWeekSel.inizio.ToString("dd.MM.yy")</sub></div>
                        <i class="fas fa-angle-double-left"></i>
                    </button>
                    <button class="btn btn-sm btn-primary py-0 @actionCss" @onclick="() => ShowSelPeriodo()" title="Imposta periodo" disabled="@isLoading">
                        <div>Week <b>@currWeekNum.ToString("00")</b></div>
                        <sub>@currYear</sub>
                    </button>
                    <button class="btn btn-sm btn-outline-primary py-0 @actionCss" @onclick="() => MoveWeek(4)" title="+4 settimane" disabled="@isLoading">
                        <div><sub>@currWeekSel.fine.ToString("dd.MM.yy")</sub></div>
                        <i class="fas fa-angle-double-right"></i>
                    </button>
                </div>
            </div>
            <div class="col-12 col-lg-10">
                @if (weekStatList != null)
                {
                    <div class="row">
                        @foreach (var item in weekStatList)
                        {
                            <div class="col px-1">
                                <WeekStat currData="@item" WeekSel="@currWeekNum" weekSelected="setWeekNumber"></WeekStat>
                            </div>
                        }
                    </div>
                }
                else
                {
                    <div class="row">
                        @for (int i = 0; i < 5; i++)
                        {
                            <div class="col px-1">
                                <div class="placeholder-glow">
                                    <span class="placeholder fs-3 col-12 mb-1"></span>
                                    <span class="placeholder fs-3 col-6"></span>
                                    <span class="placeholder fs-3 col-5"></span>
                                    <span class="placeholder col-12"></span>
                                </div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-12">
                <DayHoriz IsTitle="true" StartHour="@startHour" EndHour="@endHour" ListFasi="@ListFasi" IdxDipSel="@IdxDipendente"></DayHoriz>
            </div>
            @if (ListRecords == null)
            {
                @for (int i = 0; i < 7; i++)
                {
                    <div class="col-12 my-3">
                        <div class="placeholder-glow">
                            <span class="placeholder col-6 mb-1"></span>
                            <span class="placeholder col-5 mb-1"></span>
                            <span class="placeholder fs-1 col-6"></span>
                            <span class="placeholder fs-1 col-5"></span>
                        </div>
                    </div>
                }
            }
            else
            {
                @foreach (var currItem in ListRecords)
                {
                    <div class="col-12">
                        <DayHoriz DayDTO="@currItem" StartHour="@startHour" EndHour="@endHour" ListFasi="@ListFasi" ItemSelected="ReportSelect" ItemUpdated="UpdRegAttData" IdxDipSel="@IdxDipendente" PeriodSelected="PeriodoSelect" ReqTempList="ShowTempRil" ReqDayAgenda="ShowDayAgenda"></DayHoriz>
                    </div>
                }
            }
        </div>
    </div>
    <div class="card-footer py-1">
        <div class="d-flex justify-content-between">
            <div class="py-1 px-2">
                Selezione range orario:&nbsp;
                <input @bind="startHour" style="width: 3em;" type="number" />

                <i class="fas fa-angle-double-right"></i>
                <input @bind="endHour" style="width: 3em;" type="number" />
            </div>
            <div class="py-1 px-2">
                @if (clonedRA != null)
                {
                    <div class="d-flex">
                        <div class="px-2 flex-grow-1">
                            <RegAtt CurrData="@clonedRA" Periodo="@periodoClonato" ListFasi="@ListFasi" ItemSelected="ReportSelect" IdxDipSel="@IdxDipendente" IsClipboard="true"></RegAtt>
                        </div>
                        <div class="px-2">
                            <button class="btn w-100 btn-warning" @onclick="ResetClone" title="Reset Clipboard">
                                <i class="fas fa-clipboard"></i><br>
                                <i class="far fa-times-circle"></i>
                            </button>
                        </div>
                    </div>
                }
            </div>
            <div class="py-1 px-2">
                <small>last update: @lastRefresh.ToString("HH:mm:ss")</small> <i class="far fa-clock"></i>
            </div>
        </div>
    </div>
</div>
<div class="my-4">&nbsp;</div>