@page "/DayOff"
@using EgwCoreLib.Razor
@using GPW.CORE.Smart.Components.Compo

<div class="card mb-5">
    <div class="card-header table-primary">
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-between">
                    @if (showFiltEv)
                    {
                        <div class="px-2">
                            Mostra:
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-sm @btnSel("PER")" @onclick="toggPer">Permessi</button>
                                <button type="button" class="btn btn-sm @btnSel("FER")" @onclick="toggFer">Ferie</button>
                                <button type="button" class="btn btn-sm @btnSel("MAL")" @onclick="toggMal">Malattie</button>
                            </div>
                        </div>
                        <div class="px-2">
                            <button class="btn btn-sm btn-warning" @onclick="toggleFiltEv"><i class="fa-solid fa-gear"></i></button>
                        </div>
                    }
                    else
                    {
                        <div class="px-2">
                            <b>Gestione Permessi, Ferie e Malattie</b>
                        </div>
                        <div class="px-2">
                            <button class="btn btn-sm btn-primary" @onclick="toggleFiltEv"><i class="fa-solid fa-gear"></i></button>
                        </div>
                    }
                </div>
            </div>
            <div class="col-12">
                <Toggler SelFilter="@ToggleShow" FilterChanged="evTogShow"></Toggler>
            </div>
        </div>
    </div>
    <div class="card-body p-1">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <div class="row">
                <div class="col-12">
                    @if (!showDetail)
                    {
                        <CalendarMonth DtRif="@DtReq" MainCss="table table-dark table-borderless" DateSelected="DisplayDate" MonthChanged="ReloadMonth" DateCheckBlock="@DateCFF" EventList="@eventList" SingleWeek="@showDetail" SelDayCss="selDate rounded-top p-2" HeadStyle="color: #E67E22"></CalendarMonth>
                    }
                    else
                    {
                        <CalendarWeek DateList="@ListDate" WeekChanged="ChangePeriod" backToCalendar="backToCal" EC_HeadDateSel="SetDayDetail" EventList="@EventListWeek" PercY="0" PercX="150"></CalendarWeek>
                    }
                </div>
                @if (showRichieste)
                {
                    <div class="col-12 small mt-2 mb-0">
                        <Toggler SelFilter="@ToggleTipo" FilterChanged="evTogTipo"></Toggler>
                        @if (showMalattie)
                        {
                            <RegMalattia IdxDipendente="@idxDipendente" isLoading="@isLoading" ReportUpdate="()=>ForceReloadCal()"></RegMalattia>
                        }
                        else
                        {
                            <RegRichieste IdxDipendente="@idxDipendente" isLoading="@isLoading" ReportUpdate="()=>ForceReloadCal()" months="@numMesi"></RegRichieste>
                        }
                    </div>
                }
            </div>
        }
    </div>
</div>