@page "/ElencoMagazzini"
@inject IJSRuntime JSRuntime



<div class="card">
    <div class="card-header d-flex justify-content-between">
        <div class="col-5">
            <h3>Elenco magazzini</h3>
        </div>
        <div class="col-2">
            
        </div>
        <div class="col-5 d-flex flex-row-reverse">
            <button class="btn btn-success" @onclick="()=>openNew()">
                <i class="fa-regular fa-square-plus"></i> &nbsp; NUOVO
            </button>
        </div>
    </div>

    <div class="card-body">
        @if (isLoading)
        {
            <LoadingData></LoadingData>
        }
        else
        {
            <MagList currParams="currParams" ></MagList>
        }

    </div>
    <div class="card-footer py-1 mb-3">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="@isLoading" />
    </div>
</div>