@*ci dovranno andare i dati di riconoscimento:
<h3>ProcSuggestion</h3>

<ul>
    <li>tipo di oggetto (UDC MAG = univoco, generico semilav / mat prima, lotto...)</li>
    <li>valori decodificati: articolo, lotto, quantità (già confermati)</li>
    <li>valori ultimi confermati x codice: articolo, lotto, quantità (già confermati)</li>
    <li>totalmente ignoto</li>
</ul>*@


@if (currUdc != null || currLotto != null)
{
    <ul class="p-0">
        <li class="list-group-item">
            Lotto:
            <div class="input-group input-group-sm">
                <input class="form-control" value="@lottoScan" disabled />
                <span class="input-group-text" id="basic-addon1">@tipo</span>
            </div>
        </li>
        <li class="list-group-item">
            Articolo:
            <div class="input-group input-group-sm">
                <input class="form-control @reqArtMod" @bind-value="@articoloScan" type="text" />
                @if ((canMod != "false") || (tipo != "UDC"))
                {
                    <button title="Mod articolo" @onclick="@cssDisableArt" class="btn btn-sm btn-primary">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </button>
                }
            </div>
        </li>
        <li class="list-group-item">
            Quantità:
            <div class="input-group input-group-sm">
                <input class="form-control @reqQtaMod" @bind-value="@quantitaScan" type="number" />
                @if ((canMod != "false") || (tipo != "UDC"))
                {
                    <button title="Mod quantità" @onclick="@cssDisableQta" class="btn btn-sm btn-primary">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </button>
                }
            </div>
        </li>
        <li class="list-group-item">
            Note:
            <div class="input-group input-group-sm">
                <input class="form-control " @bind-value="@noteScan" type="text" />
            </div>
        </li>
    </ul>
    <div class="btn-group col-12" role="group" aria-label="Basic example">
        <button type="button" class="btn btn-success col-6" @onclick="()=>insertScan()">Conferma</button>
        <button type="button" class="btn btn-danger col-6" @onclick="()=>resetAll()">Annulla</button>
    </div>
}
else if (alreadyScan != null)
{
    <ul class="p-0">
        <li class="list-group-item">
            Codice Scannerizzato:
            <div class="input-group input-group-sm">
                <input class="form-control" value="@alreadyScan.ScanValue" disabled />
            </div>
        </li>
        <li class="list-group-item">
            Articolo:
            <div class="input-group input-group-sm">
                <input class="form-control @reqArtMod" @bind-value="@alreadyScan.CodArticolo" type="text" />
                @if (isMod)
                {

                    <button title="Mod articolo" @onclick="@cssDisableArt" class="btn btn-sm btn-primary">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </button>
                }
            </div>
        </li>
        <li class="list-group-item">
            Quantità:
            <div class="input-group input-group-sm">
                <input class="form-control @reqQtaMod" @bind-value="@alreadyScan.Qty" type="number" />
                @if (isMod)
                {

                    <button title="Mod quantità" @onclick="@cssDisableQta" class="btn btn-sm btn-primary">
                        <i class="fa-solid fa-pen-to-square"></i>
                    </button>
                }
            </div>
        </li>
        <li class="list-group-item">
            Note:
            <div class="input-group input-group-sm">
                <input class="form-control " @bind-value="@noteScan" type="text" />
            </div>
        </li>
    </ul>
    <div class="btn-group col-12" role="group" aria-label="Basic example">
        @if (!alreadyScan.IsUnique)
        {
            <button type="button" class="btn btn-success col-6" @onclick="()=>insertScan()">Conferma</button>
            <button type="button" class="btn btn-danger col-6" @onclick="()=>resetAll()">Annulla</button>
        }
    </div>
}
else
{
    <ul class="p-0">
        <li class="list-group-item">
            Lotto:
            <div class="input-group input-group-sm">
                <input class="form-control" value="@lottoScan" disabled />
                <span class="input-group-text" id="basic-addon1">@tipo</span>
            </div>
        </li>
        <li class="list-group-item">
            Articolo:
            <div class="input-group input-group-sm">
                <input class="form-control " @bind-value="@articoloScan" type="text" />
            </div>
        </li>
        <li class="list-group-item">
            Quantità:
            <div class="input-group input-group-sm">
                <input class="form-control" @bind-value="@quantitaScan" type="number" />
            </div>
        </li>
        <li class="list-group-item">
            Note:
            <div class="input-group input-group-sm">
                <input class="form-control " @bind-value="@noteScan" type="text" />
            </div>
        </li>
    </ul>
    <div class="btn-group col-12" role="group" aria-label="Basic example">
        @if (articoloScan != "" && quantitaScan != 0)
        {
            <button type="button" class="btn btn-success col-6" @onclick="()=>insertScan()">Conferma</button>
            <button type="button" class="btn btn-danger col-6" @onclick="()=>resetAll()">Annulla</button>
        }
        else if(articoloScan == "" && quantitaScan != 0)
        {
            <div class="alert bg-warning col-12">Dati mancanti: Codice articolo</div>
        }
        else if (quantitaScan == 0 && articoloScan != "")
        {
            <div class="alert bg-warning col-12">Dati mancanti: Quantità a "0"</div>
        }
        else
        {
            <div class="alert bg-warning col-12">Dati mancanti: Codice articolo e Quantità </div>
        }
    </div>
}