@if (isLoading)
{
    <LoadingData></LoadingData>
}
@if (LocationVals == null || LocationVals.Count == 0)
{
    <b>nessun record</b>
}
else
{

    @if (!isCompact)
    {

        <table class="table table-striped table-bordered small">
            <thead>
                <tr class="">
                    <th></th>
                    <th>
                        Descrizione
                    </th>
                    <th>
                        Articoli
                    </th>
                    <th>
                        Giacenza (qta tot)
                    </th>
                    <th>
                        Mov. aperti
                    </th>
                    <th>
                        Valore Articoli
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var item in LocationVals)
                {
                    <tr>
                        <td style="width: 0;" class="small">
                            <button class="btn btn-sm btn-primary" @onclick="()=>setLocationSX(item.LocationId)"><i class="fa-solid fa-arrow-turn-down fa-flip-horizontal small"></i></button>
                        </td>
                        <td>
                            @item.LocationNav.Descr
                        </td>
                        <td>
                            @item.NumArt
                        </td>
                        <td>
                            @item.TotCurr
                        </td>
                        <td>
                            @item.TotPend
                        </td>
                        <td class="text-end">
                            @($"{item.TotVal:C2}")
                        </td>
                        <td style="width: 0;" class="small">
                            <button class="btn btn-sm btn-info text-light" @onclick="()=>setLocationDX(item.LocationId)"><i class="fa-solid fa-arrow-turn-down small"></i></button>
                        </td>
                    </tr>
                }
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Tot: <b>@($"{totStockValue:C2}")</b></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    }
}