@if (showKitDetail)
{
    <MP_TAB3.Components.ProdKIT.KitDetailModal ListTK="@ListKitTemplate" ListPODL="@ListPOdlKit" EC_Close="() => KitToggleDetail(null, 0)"></MP_TAB3.Components.ProdKIT.KitDetailModal>
}
<div class="col-12 my-1">
    <div class="card">
        <div class="card-header @cssDetailOdl d-flex justify-content-between">
            <div>
                <h4>@titleOdlDetail</h4>
            </div>
            @if (IdxPOdlSel == 0)
            {
                <div class="d-flex text-end">
                    <div class="form-check form-switch px-2">
                        <label class="form-check-label">@txtShowXDL</label>
                        <input class="form-check-input" type="checkbox" @bind="@showPOdlData">
                    </div>
                    @if (!InAttr && ShowClose)
                    {
                        <div>
                            <button class="btn btn-dark w-100" @onclick="ToggleOdlDetail"><i class="fa-solid fa-chevron-up"></i> @txtBtnOdlDetail</button>
                        </div>
                    }
                </div>
            }
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        @if (!showPOdlData)
                        {
                            <b>ODL:</b>
                        }
                        else
                        {
                            <b>P.ODL:</b>
                        }
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @CurrOdl.IdxOdl
                        }
                        else
                        {
                            @CurrPodl.IdxPromessa
                        }
                    </div>
                </div>
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        Rif:
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @CurrOdl.KeyRichiesta
                        }
                        else
                        {
                            @CurrPodl.KeyRichiesta
                        }
                    </div>
                </div>
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        Cod:
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @CurrOdl.CodArticolo
                        }
                        else
                        {
                            @CurrPodl.CodArticolo
                        }
                    </div>
                </div>
            </div>
            <div class="row border-top border-bottom border-secondary">
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        Articolo:
                    </div>
                    <div class="px-0 text-end fw-bold">

                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @if (CheckIsKit(CurrOdl.CodArticolo))
                            {
                                <button class="mx-1 btn btn-sm btn-outline-dark small" @onclick="() => KitToggleDetail(CurrOdl.CodArticolo, 0)" title="Mostra dettaglio"><i class="fa-solid fa-search"></i></button>
                            }
                            @CurrOdl.DescArticolo
                        }
                        else
                        {
                            @if (CheckIsKit(CurrPodl.CodArticolo))
                            {
                                <button class="mx-1 btn btn-sm btn-outline-dark small" @onclick="() => KitToggleDetail(CurrPodl.CodArticolo, CurrPodl.IdxPromessa)" title="Mostra dettaglio"><i class="fa-solid fa-search"></i></button>
                            }
                            @CurrPodl.DescArticolo
                        }
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        Pezzi:
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @CurrOdl.NumPezzi.ToString("N0")
                        }
                        else
                        {
                            @CurrPodl.NumPezzi.ToString("N0")
                        }
                    </div>
                </div>
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        TCiclo:
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData && CurrOdl.Tcassegnato > 0)
                        {
                            @CurrOdl.Tcassegnato.ToString("N2")
                        }
                        else
                        {
                            @CurrPodl.Tcassegnato.ToString("N2")
                        }
                    </div>
                </div>
                <div class="col d-flex justify-content-between">
                    <div class="px-0 small">
                        Pz/pallet:
                    </div>
                    <div class="px-0 text-end fw-bold">
                        @if (CurrOdl != null && !showPOdlData)
                        {
                            @CurrOdl.PzPallet
                        }
                        else
                        {
                            @CurrPodl.PzPallet
                        }
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <div class="row">
                <div class="col text-start fw-bold">
                    @if (CurrOdl != null && !showPOdlData)
                    {
                        @CurrOdl.Nome
                    }
                    else
                    {
                        @CurrPodl.Nome
                    }
                </div>
                <div class="col d-flex justify-content-between">
                    @if (!showPOdlData)
                    {
                    }
                    else
                    {
                        <div class="px-0 small">
                            Priorita:
                        </div>
                        <div class="px-0 text-end fw-bold">
                            @CurrPodl.Priorita
                        </div>
                    }
                </div>
                <div class="col d-flex justify-content-between">
                    @if (CurrOdl != null && !showPOdlData)
                    {
                        <div class="px-0 small">
                            Inizio:
                        </div>
                        <div class="px-0 text-end fw-bold">
                            @($"{CurrOdl.DataInizio:ddd yyyy.MM.dd HH:mm:ss}")
                        </div>
                    }
                    else
                    {
                        <div class="px-0 small">
                            Data:
                        </div>
                        <div class="px-0 text-end fw-bold">
                            @($"{CurrPodl.DueDate:yyyy.MM.dd}")
                        </div>
                    }
                </div>
            </div>
        </div>
    </div>
</div>