@page "/ConfSync"

<div class="alert alert-secondary shadow">
    <div class="row">
        <div class="col-12 col-md-3">
            <img src="img/LogoMapoFull.png" class="img-fluid" width="200" />
        </div>
        <div class="col-12 col-md-6 text-center">
            <h1>Aggiornamento Configurazioni</h1>
            <div>
                <b>Gestione Sync configurazioni su DB</b>
            </div>
            <p>Selezionare la tabella da sincronizzare</p>
        </div>
        <div class="col-12 col-md-3 text-center">
            <div class="h2">
                Aggiorna <i class="fas fa-sync"></i>
            </div>
            <button class="btn btn-success w-100" @onclick="() => RefreshData()">Ricarica Dati</button>
        </div>
    </div>
</div>
@if (showUpdate)
{
    <ProgressDisplay CurrVal="numDone" MaxVal="numTot" ExpTimeMSec="150" NextVal="@(numDone+1)"></ProgressDisplay>
}
<div class="card shadow">
    <div class="card-body">
        @if (isLoadingLoc)
        {
            <LoadingData Title="Loading Local..." DisplayCss="alert alert-secondary"></LoadingData>
        }
        else if (isLoadingRem)
        {
            <LoadingData Title="Loading Remote..." DisplayCss="alert alert-primary"></LoadingData>
        }
        else
        {
            <div class="row">
                @if (string.IsNullOrEmpty(CompType) || showDetail("AnagKeyVal"))
                {
                    <div class="col-12 col-sm-6 col-xl my-1">
                        <CompareAnagKeyVal ListAnagKeyValLoc="@listAnagKeyValLoc" ListAnagKeyValRem="@listAnagKeyValRem" EC_reqAct="DoCompare" ShowDetail="@showDetail("AnagKeyVal")" EC_reqReload="ReloadPartial"></CompareAnagKeyVal>
                    </div>
                }
                @if (string.IsNullOrEmpty(CompType) || showDetail("Config"))
                {
                    <div class="col-12 col-sm-6 col-xl my-1">
                        <CompareConfig ListConfigLoc="@listConfigLoc" ListConfigRem="@listConfigRem" EC_reqAct="DoCompare" ShowDetail="@showDetail("Config")" EC_reqReload="ReloadPartial"></CompareConfig>
                    </div>
                }
                @if (string.IsNullOrEmpty(CompType) || showDetail("Vocabolario"))
                {
                    <div class="col-12 col-sm-6 col-xl my-1">
                        <CompareVocabolario ListVocabolarioLoc="@listVocabolarioLoc" ListVocabolarioRem="@listVocabolarioRem" EC_reqAct="DoCompare" ShowDetail="@showDetail("Vocabolario")" EC_reqReload="ReloadPartial"></CompareVocabolario>
                    </div>
                }
            </div>
        }
    </div>
</div>