@page "/ODL"

<div class="card">
    <div class="card-header table-primary">
        <div class="row">
            <div class="col-5">
                <div class="d-flex justify-content-between">
                    <div class="px-2">
                        <h3><b>ODL</b></h3>
                    </div>
                    <div class="px-2">
                        <button class="btn btn-success" disabled="!@addEnabled" @onclick="() => reqNewPODL()">Nuovo ODL <i class="bi bi-plus-square"></i></button>
                    </div><div class="px-2">
                       
                    </div>
                </div>
            </div>
            <div class="col-2">
            </div>
            <div class="col-5">
                <div class="d-flex justify-content-between">
                    <div class="px-2">                        
                        <div class="form-check form-switch" title="Visualizzazione ODL Programmati / In Corso" style="padding-top: 3px">
                            @*<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" @onclick="() => toggleCurrent()">*@
                            <button type="button" class="btn btn-primary btn-sm" @onclick="() => navToPODL()">PODL</button>
                            <label class="form-check-label" for="flexSwitchCheckDefault">Visualizza programmati</label>
                        </div>
                    </div>
                    <div class="px-2">
                        <select @bind="@selStato" class="form-select">
                            <option value="*">--- Tutti ---</option>
                            @if (ListStati != null)
                            {
                                foreach (var item in ListStati)
                                {
                                    <option value="@item.value">@item.label</option>
                                }
                            }
                        </select>
                    </div>
                </div>
            </div>
        </div>

        @if (reqNew)
        {
            <div class="d-flex justify-content-around">
                <div class="px-2">
                    <div class="input-group input-group-sm">
                        <span class="input-group-text" id="inputGroup-sizing-sm">Azienda</span>
                        <select @bind="@currAzienda" class="form-select">
                            @if (ListAziende != null)
                            {
                                foreach (var item in ListAziende.Where(x => x.CodGruppo != "*").ToList())
                                {
                                    <option value="@item.CodGruppo">@item.DescrGruppo</option>
                                }
                            }
                        </select>
                        <span class="input-group-text" id="inputGroup-sizing-sm">Art Search</span>
                        <input type="text" class="form-control" aria-label="Art search" aria-describedby="inputGroup-sizing-sm">
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-around">
                <div class="px-2">
                    <div class="input-group input-group-sm">
                        <span class="input-group-text" id="inputGroup-sizing-sm">Articolo</span>
                        <select @bind="@currAzienda" class="form-select">
                            @if (ListAziende != null)
                            {
                                foreach (var item in ListAziende.Where(x => x.CodGruppo != "*").ToList())
                                {
                                    <option value="@item.CodGruppo">@item.DescrGruppo</option>
                                }
                            }
                        </select>
                    </div>
                </div>
            </div>
        }
        else if (currRecordOdl != null)
        {
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header bg-primary text-light">Modifica ODL</div>
                        <div class="card-body">
                            @*<div class="row">
                        <div class="col-4">
                        <div class="input-group">
                        <span class="input-group-text">Codice</span>
                        <input type="text" class="form-control" placeholder="Articolo" @bind-value="@currRecord.CodArticolo">
                        </div>
                        </div>
                        <div class="col-4">
                        <div class="input-group">
                        <span class="input-group-text">Disegno</span>
                        <input type="text" class="form-control" placeholder="Disegno" @bind-value="@currRecord.Disegno">
                        </div>
                        </div>
                        <div class="col-1">
                        <div class="input-group" title="Tipo">
                        <select @bind="@currRecord.Tipo" class="form-select text-end">
                        @if (ListTipoArt != null)
                        {
                        foreach (var item in ListTipoArt)
                        {
                        <option value="@item.value">@item.label</option>
                        }
                        }
                        </select>
                        </div>
                        </div>
                        <div class="col-3">
                        <div class="input-group" title="Azienda">
                        <select @bind="@currRecord.Azienda" class="form-select text-end">
                        @if (ListAziende != null)
                        {
                        foreach (var item in ListAziende.Where(x => x.CodGruppo != "*").ToList())
                        {
                        <option value="@item.CodGruppo">@item.DescrGruppo</option>
                        }
                        }
                        </select>

                        </div>
                        </div>
                        </div>
                        <div class="row mt-2">
                        <div class="col-8">
                        <input type="text" class="form-control" placeholder="Descrizione Articolo" @bind-value="@currRecord.DescArticolo">
                        </div>
                        <div class="col-2">
                        <div class="d-grid gap-2">
                        <button class="btn btn-warning" @onclick="() => cancel()">Annulla <i class="bi bi-x-circle"></i></button>
                        </div>
                        </div>
                        <div class="col-2">
                        <div class="d-grid gap-2">
                        <button class="btn btn-success" @onclick="() => update(currRecord)">Salva <i class="bi bi-save"></i></button>
                        </div>
                        </div>
                        </div>*@
                        </div>
                    </div>
                </div>
            </div>
        }
        else if (currRecordPOdl != null)
        {
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header bg-primary text-light">Modifica PODL</div>
                        <div class="card-body">

                            @*<div class="row">
                        <div class="col-4">
                        <div class="input-group">
                        <span class="input-group-text">Codice</span>
                        <input type="text" class="form-control" placeholder="Articolo" @bind-value="@currRecord.CodArticolo">
                        </div>
                        </div>
                        <div class="col-4">
                        <div class="input-group">
                        <span class="input-group-text">Disegno</span>
                        <input type="text" class="form-control" placeholder="Disegno" @bind-value="@currRecord.Disegno">
                        </div>
                        </div>
                        <div class="col-1">
                        <div class="input-group" title="Tipo">
                        <select @bind="@currRecord.Tipo" class="form-select text-end">
                        @if (ListTipoArt != null)
                        {
                        foreach (var item in ListTipoArt)
                        {
                        <option value="@item.value">@item.label</option>
                        }
                        }
                        </select>
                        </div>
                        </div>
                        <div class="col-3">
                        <div class="input-group" title="Azienda">
                        <select @bind="@currRecord.Azienda" class="form-select text-end">
                        @if (ListAziende != null)
                        {
                        foreach (var item in ListAziende.Where(x => x.CodGruppo != "*").ToList())
                        {
                        <option value="@item.CodGruppo">@item.DescrGruppo</option>
                        }
                        }
                        </select>

                        </div>
                        </div>
                        </div>
                        <div class="row mt-2">
                        <div class="col-8">
                        <input type="text" class="form-control" placeholder="Descrizione Articolo" @bind-value="@currRecord.DescArticolo">
                        </div>
                        <div class="col-2">
                        <div class="d-grid gap-2">
                        <button class="btn btn-warning" @onclick="() => cancel()">Annulla <i class="bi bi-x-circle"></i></button>
                        </div>
                        </div>
                        <div class="col-2">
                        <div class="d-grid gap-2">
                        <button class="btn btn-success" @onclick="() => update(currRecord)">Salva <i class="bi bi-save"></i></button>
                        </div>
                        </div>
                        </div>*@
                        </div>
                    </div>
                </div>
            </div>
        }
    </div>
    <div class="card-body">
            <ListODL StatoSel="@selStato" PagerResetReq="pgResetReq"></ListODL>
    </div>
    <div class="card-footer py-1">
        <DataPager @ref="pagerODL" PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>