@page "/UpdateManager"


<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 Moduli</h1>
            <div>
                <b>Ultime release applicazioni</b>
            </div>
            <p>Scaricare uno o più pacchetti selezionando dall'elenco riportato.</p>
        </div>
        <div class="col-12 col-md-3 text-center">
            <button class="btn btn-primary w-100" @onclick="() => UploadBackupConfig()"><i class="fas fa-upload"></i> Upload Config Backup <i class="fas fa-upload"></i></button>
            <div class="h2">
                ALL Packages
            </div>
            <button class="btn btn-success w-100" @onclick="DownloadAll"> <i class="fas fa-download"></i> Download ALL Latest <i class="fas fa-download"></i></button>
        </div>
    </div>
</div>
@if (showUpdate)
{
    <div class="alert alert-success alert-dismissible fade show">
        <button type="button" class="btn-close" @onclick="CloseProgUpdate"></button>
        <div class="d-flex justify-content-between">
            <div class="px-0">
                @outMessages
            </div>
            <div class="px-0" style="min-width: 20rem;">
                @if (showProgress)
                {
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:@percLoading%;"></div>
                    </div>
                }
            </div>
        </div>
    </div>
}
<div class="card shadow">
    <div class="card-body">
        @if (ListRecords == null)
        {
            <LoadingData></LoadingData>
        }
        else if (totalCount == 0)
        {
            <div class="alert alert-warning text-center display-4">Nessun record trovato</div>
        }
        else
        {
            <div class="row">
                @foreach (var item in ListRecords)
                {
                    <div class="col-12 col-sm-6 col-xl-4 my-1">
                        <SingleDownload CurrItem="@item"></SingleDownload>
                    </div>
                }
            </div>
        }
    </div>
</div>