@page "/ProdPlanner"
@inherits BaseComp

<div class="p-2 shadow">
    <div class="d-flex justify-content-end">
        <div class="px-0">
            <PeriodoSel E_PeriodoSel="SetPeriodo" CurrPeriodo="PeriodoSel" PeriodoLabel="@Traduci("periodo")" DictSelect="CustomSelDict"></PeriodoSel>
        </div>
    </div>
    <div class="row">
        <div class="col-2 my-2 py-1">
            @if (isLoading)
            {
                <LoadingData></LoadingData>
            }
            else if (ListOdl != null && ListOdl.Count == 0)
            {
                <div class="alert alert-info text-center display-4">@Traduci("noRecord")</div>
            }
            else if (ListOdl != null)
            {

                <div class="d-flex justify-content-start my-2 px-0">
                    <button class="btn btn-primary border-0" @onclick="ToggleDetail">
                        <i class="fa-solid @CssDetail"></i> @ButtonEspandi()
                    </button>
                </div>
                @foreach (var currOdl in ListOdl)
                {
                    <OdlDetail CurrRecord=@currOdl ShowDetail=@showDetail></OdlDetail>
                }
            }
        </div>
        <div class="col-10 my-2 py-1">
            <CalendarPlanner EvDtoList="ListEventi"></CalendarPlanner>
        </div>
    </div>
</div>