@page "/"
@using CredentialManager.Models
@using DataConnection.Interfaces
@using DataConnection.CredentialManagement.Interfaces
@using DataConnection.REST.Interfaces
@using DataConnection.REST.Models
@using Data_Coupler.Services
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.JSInterop
@using System.IO
@using System.Text
@using System.Data
@using ExcelDataReader
@using Microsoft.AspNetCore.Components
@using Microsoft.AspNetCore.Components.Web
@using Components

<PageTitle>Data Coupler</PageTitle>

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h3><i class="fas fa-exchange-alt"></i> Data Coupler - Coupling Database e REST API</h3>
            <p class="text-muted">Connetti database e servizi REST per il trasferimento dati</p>
        </div>
    </div>
    
    <!-- Sezione Gestione Profili -->
    <div class="row mb-3">
        <div class="col-12">
            <ProfileSelector Profiles="availableProfiles" 
                           OnProfileLoaded="OnProfileLoaded"
                           OnManageProfiles="OnManageProfiles"
                           IsLoading="isLoadingProfiles" />
        </div>
    </div>

    <div class="row">
        <!-- Lato Sinistro - Fonte Dati -->
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header bg-primary text-white">
                    <h5><i class="fas fa-database"></i> Fonte Dati</h5>
                </div>
                <div class="card-body">
                    <!-- Selezione Tipo Fonte -->
                    <div class="mb-3">
                        <label class="form-label">Tipo di Fonte:</label>
                        <select class="form-select" @onchange="OnSourceTypeChanged" value="@selectedSourceType">
                            <option value="">-- Seleziona Tipo --</option>
                            <option value="database">Database</option>
                            <option value="file">File (Excel/CSV)</option>
                        </select>
                    </div>

                    <!-- Sezione Database -->
                    @if (selectedSourceType == "database")
                    {
                        <!-- Selezione Credenziali Database -->
                        <div class="mb-3">
                            <label class="form-label">Credenziali Database:</label>
                            <select class="form-select" @onchange="OnDatabaseCredentialChanged" value="@selectedDatabaseCredential">
                                <option value="">-- Seleziona Database --</option>
                                @foreach (var cred in databaseCredentials)
                                {
                                    <option value="@cred.Name">@cred.Name (@cred.DatabaseType - @cred.Host)</option>
                                }
                            </select>
                        </div>

                        @if (!string.IsNullOrEmpty(selectedDatabaseCredential))
                        {
                            <!-- Per ODBC: mostra messaggio esplicativo, niente discovery -->
                            @if (IsOdbcConnection())
                            {
                                <div class="alert alert-info" role="alert">
                                    <i class="oi oi-info"></i> <strong>Connessione ODBC rilevata</strong><br>
                                    Per le connessioni ODBC, il discovery automatico delle tabelle non è disponibile.<br>
                                    Procedi direttamente con l'inserimento di una <strong>query SQL custom</strong> nella sezione sottostante.
                                </div>
                            }
                            else
                            {
                                <!-- Per database standard: mostra pulsante di connessione -->
                                <div class="mb-3">
                                    <button class="btn btn-success btn-sm" @onclick="ConnectToDatabase" disabled="@isConnectingDatabase">
                                        @if (isConnectingDatabase)
                                        {
                                            <span class="spinner-border spinner-border-sm me-2"></span>
                                        }
                                        <i class="fas fa-plug"></i> Connetti e Scopri Schema
                                    </button>
                                    @if (isDatabaseConnected)
                                    {
                                        <span class="badge bg-success ms-2">Connesso</span>
                                    }
                                </div>
                            }
                        }                        @if (!string.IsNullOrEmpty(databaseErrorMessage))
                        {
                            <div class="alert alert-danger" role="alert">
                                @databaseErrorMessage
                            </div>
                        }

                        <!-- Per ODBC: mostra direttamente la sezione Query Custom -->
                        @if (IsOdbcConnection())
                        {
                            <!-- Sezione Query Custom per ODBC -->
                            <div class="mb-3">
                                <h6>Query SQL Custom:</h6>
                                
                                <div class="mb-2">
                                    <label class="form-label">Scrivi la tua query SELECT:</label>
                                    <textarea class="form-control" rows="6" placeholder="SELECT * FROM your_table WHERE condition..." 
                                              @bind="customQuery" @bind:event="oninput"></textarea>
                                    <div class="mt-2">
                                        <div class="alert alert-warning d-flex align-items-start" role="alert">
                                            <i class="fas fa-shield-alt me-2 mt-1"></i>
                                            <div>
                                                <strong>Controlli di Sicurezza Attivi:</strong><br>
                                                <small>
                                                    • Solo query <strong>SELECT</strong> sono permesse<br>
                                                    • Operazioni come INSERT, UPDATE, DELETE, DROP sono bloccate<br>
                                                    • Query multiple separate da ; non sono consentite<br>
                                                    • La query verrà automaticamente ottimizzata per il trasferimento dati
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="mb-2">
                                    <button class="btn btn-primary btn-sm me-2" @onclick="ValidateCustomQuery" 
                                            disabled="@(isValidatingQuery || string.IsNullOrWhiteSpace(customQuery))">
                                        @if (isValidatingQuery)
                                        {
                                            <span class="spinner-border spinner-border-sm me-2"></span>
                                        }
                                        <i class="fas fa-check-circle"></i> Valida Query
                                    </button>
                                    
                                    @if (isQueryValid)
                                    {
                                        <button class="btn btn-info btn-sm me-2" @onclick="LoadQueryPreview" 
                                                disabled="@isLoadingPreview">
                                            @if (isLoadingPreview)
                                            {
                                                <span class="spinner-border spinner-border-sm me-2"></span>
                                            }
                                            <i class="fas fa-eye"></i> Anteprima Risultati
                                        </button>
                                        
                                        @if (showQueryPreview)
                                        {
                                            <button class="btn btn-outline-secondary btn-sm" @onclick="HideQueryPreview">
                                                <i class="fas fa-eye-slash"></i> Nascondi Anteprima
                                            </button>
                                        }
                                    }
                                </div>
                                
                                @if (!string.IsNullOrEmpty(queryValidationMessage))
                                {
                                    @if (isQueryValid)
                                    {
                                        <div class="alert alert-success" role="alert">
                                            <i class="fas fa-check-circle"></i>
                                            @queryValidationMessage
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="alert alert-danger" role="alert">
                                            <i class="fas fa-exclamation-triangle"></i>
                                            @queryValidationMessage
                                        </div>
                                    }
                                }
                                
                                <!-- Anteprima risultati query -->
                                @if (showQueryPreview && queryPreviewData.Any())
                                {
                                    <div class="card mt-3">
                                        <div class="card-header">
                                            <h6 class="mb-0">
                                                <i class="fas fa-table"></i> Anteprima Risultati Query
                                                <span class="badge bg-info ms-2">@queryPreviewData.Count righe</span>
                                            </h6>
                                        </div>
                                        <div class="card-body p-0">
                                            <div class="table-responsive" style="max-height: 400px;">
                                                <table class="table table-striped table-hover mb-0">
                                                    <thead class="table-dark sticky-top">
                                                        <tr>
                                                            @if (queryColumns.Any())
                                                            {
                                                                @foreach (var col in queryColumns)
                                                                {
                                                                    <th>@col</th>
                                                                }
                                                            }
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach (var row in queryPreviewData)
                                                        {
                                                            <tr>
                                                                @foreach (var col in queryColumns)
                                                                {
                                                                    <td>@row.GetValueOrDefault(col)?.ToString()</td>
                                                                }
                                                            </tr>
                                                        }
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                }
                            </div>
                        }

                        <!-- Lista Tabelle (solo per database NON ODBC) -->
                        @if (isDatabaseConnected && !IsOdbcConnection())
                        {
                            <!-- Selezione modalità: Tabelle o Query Custom -->
                            <div class="mb-3">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" role="switch" id="useCustomQuerySwitch" 
                                           @onchange="OnQueryModeChanged" checked="@useCustomQuery">
                                    <label class="form-check-label" for="useCustomQuerySwitch">
                                        <i class="fas fa-code"></i> Usa Query SQL Custom
                                    </label>
                                </div>
                                <small class="text-muted">
                                    Scegli se selezionare una tabella o scrivere una query SQL personalizzata
                                </small>
                            </div>
                            
                            @if (useCustomQuery)
                            {
                                <!-- Sezione Query Custom -->
                                <div class="mb-3">
                                    <h6>Query SQL Custom:</h6>
                                    
                                    <div class="mb-2">
                                        <label class="form-label">Scrivi la tua query SELECT:</label>
                                        <textarea class="form-control" rows="6" placeholder="SELECT * FROM your_table WHERE condition..." 
                                                  @bind="customQuery" @bind:event="oninput"></textarea>
                                        <div class="mt-2">
                                            <div class="alert alert-warning d-flex align-items-start" role="alert">
                                                <i class="fas fa-shield-alt me-2 mt-1"></i>
                                                <div>
                                                    <strong>Controlli di Sicurezza Attivi:</strong><br>
                                                    <small>
                                                        • Solo query <strong>SELECT</strong> sono permesse<br>
                                                        • Operazioni come INSERT, UPDATE, DELETE, DROP sono bloccate<br>
                                                        • Query multiple separate da ; non sono consentite<br>
                                                        • La query verrà automaticamente ottimizzata per il trasferimento dati
                                                    </small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="mb-2">
                                        <button class="btn btn-primary btn-sm me-2" @onclick="ValidateCustomQuery" 
                                                disabled="@(isValidatingQuery || string.IsNullOrWhiteSpace(customQuery))">
                                            @if (isValidatingQuery)
                                            {
                                                <span class="spinner-border spinner-border-sm me-2"></span>
                                            }
                                            <i class="fas fa-check-circle"></i> Valida Query
                                        </button>
                                        
                                        @if (isQueryValid)
                                        {
                                            <button class="btn btn-info btn-sm me-2" @onclick="LoadQueryPreview" 
                                                    disabled="@isLoadingPreview">
                                                @if (isLoadingPreview)
                                                {
                                                    <span class="spinner-border spinner-border-sm me-2"></span>
                                                }
                                                <i class="fas fa-eye"></i> Anteprima Risultati
                                            </button>
                                            
                                            @if (showQueryPreview)
                                            {
                                                <button class="btn btn-outline-secondary btn-sm" @onclick="HideQueryPreview">
                                                    <i class="fas fa-eye-slash"></i> Nascondi Anteprima
                                                </button>
                                            }
                                        }
                                    </div>
                                    
                                    @if (!string.IsNullOrEmpty(queryValidationMessage))
                                    {
                                        @if (isQueryValid)
                                        {
                                            <div class="alert alert-success" role="alert">
                                                <i class="fas fa-check-circle"></i>
                                                @queryValidationMessage
                                            </div>
                                        }
                                        else
                                        {
                                            <div class="alert alert-danger" role="alert">
                                                <i class="fas fa-exclamation-triangle"></i>
                                                @queryValidationMessage
                                            </div>
                                        }
                                    }
                                    
                                    <!-- Anteprima risultati query -->
                                    @if (showQueryPreview && queryPreviewData.Any())
                                    {
                                        <div class="card mt-3">
                                            <div class="card-header">
                                                <h6 class="mb-0">
                                                    <i class="fas fa-table"></i> Anteprima Risultati Query
                                                    <span class="badge bg-info ms-2">@queryPreviewData.Count righe</span>
                                                </h6>
                                            </div>
                                            <div class="card-body p-0">
                                                <div class="table-responsive" style="max-height: 400px;">
                                                    <table class="table table-striped table-hover mb-0">
                                                        <thead class="table-dark sticky-top">
                                                            <tr>
                                                                @if (queryColumns.Any())
                                                                {
                                                                    @foreach (var column in queryColumns)
                                                                    {
                                                                        <th>@column</th>
                                                                    }
                                                                }
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach (var row in queryPreviewData.Take(20))
                                                            {
                                                                <tr>
                                                                    @foreach (var column in queryColumns)
                                                                    {
                                                                        <td>
                                                                            @(row.ContainsKey(column) ? row[column]?.ToString() ?? "" : "")
                                                                        </td>
                                                                    }
                                                                </tr>
                                                            }
                                                        </tbody>
                                                    </table>
                                                </div>
                                                @if (queryPreviewData.Count > 20)
                                                {
                                                    <div class="card-footer text-muted">
                                                        <small>
                                                            <i class="fas fa-info-circle"></i> 
                                                            Mostrate prime 20 righe di @queryPreviewData.Count risultati totali
                                                        </small>
                                                    </div>
                                                }
                                            </div>
                                        </div>
                                    }
                                </div>
                            }
                            else if (availableTableNames.Any())
                            {
                                <!-- Sezione Tabelle (modalità standard) -->
                                <div class="mb-3">
                                    <h6>Tabelle Database (@availableTableNames.Count disponibili):</h6>
                                    
                                    <!-- Campo di ricerca -->
                                    <div class="mb-2">
                                        <div class="input-group">
                                            <span class="input-group-text">
                                                <i class="fas fa-search"></i>
                                            </span>
                                            <input type="text" class="form-control" placeholder="Cerca tabelle..." 
                                                   @bind="databaseSearchTerm" @oninput="FilterDatabaseTables" />
                                            @if (!string.IsNullOrEmpty(databaseSearchTerm))
                                            {
                                                <button class="btn btn-outline-secondary" @onclick="ClearDatabaseSearch">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            }
                                        </div>
                                    </div>
                                    
                                    <!-- Lista tabelle filtrate -->
                                    <div class="list-group" style="max-height: 300px; overflow-y: auto;">
                                        @foreach (var table in GetFilteredDatabaseTables())
                                        {
                                            <a class="list-group-item list-group-item-action @(selectedTable == table ? "active" : "")"
                                               @onclick="@(() => SelectTable(table))">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div>
                                                        <i class="fas fa-table"></i> @table
                                                        @if (databaseTables.ContainsKey(table))
                                                        {
                                                            <small class="text-muted d-block">@databaseTables[table].Count() campi</small>
                                                        }
                                                    </div>
                                                    @if (selectedTable == table)
                                                    {
                                                        <span class="badge bg-primary">Selezionata</span>
                                                    }
                                                </div>
                                            </a>
                                        }
                                    </div>
                                    
                                    @if (!GetFilteredDatabaseTables().Any())
                                    {
                                        <div class="alert alert-info mt-2">
                                            <i class="fas fa-info-circle"></i> Nessuna tabella trovata con il termine di ricerca "@databaseSearchTerm"
                                        </div>
                                    }
                                </div>
                            }
                        }
                    }

                    <!-- Sezione File -->
                    @if (selectedSourceType == "file")
                    {
                        <div class="alert alert-info" role="alert">
                            <i class="fas fa-info-circle"></i>
                            <strong>Due modalità disponibili:</strong>
                            <ul class="mb-0 mt-2">
                                <li><strong>Caricamento Browser:</strong> Carica un file per preview e configurazione mapping (file temporaneo)</li>
                                <li><strong>Percorso File:</strong> Specifica il percorso completo del file sul server per schedulazioni</li>
                            </ul>
                        </div>

                        <!-- Opzione 1: Caricamento Browser per Preview -->
                        <div class="mb-3">
                            <label class="form-label">
                                <i class="fas fa-upload"></i> Carica File per Preview (opzionale):
                            </label>
                            <InputFile class="form-control" OnChange="OnFileSelected" accept=".xlsx,.xls,.csv" />
                            @if (!string.IsNullOrEmpty(selectedFileName))
                            {
                                <small class="text-muted">File caricato: @selectedFileName</small>
                            }
                            <small class="form-text text-muted">
                                Carica un file per vedere preview e configurare il mapping. Questo file non verrà salvato.
                            </small>
                        </div>

                        <!-- Opzione 2: Percorso File Manuale (Richiesto per Schedulazione) -->
                        <div class="mb-3">
                            <label class="form-label">
                                <i class="fas fa-folder-open"></i> Percorso File sul Server (richiesto per schedulazione): *
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control" @bind="manualFilePath" 
                                       placeholder="Es: C:\Data\products.csv o /data/products.csv" />
                                <button class="btn btn-outline-primary" @onclick="ValidateAndLoadFileFromPath" 
                                        disabled="@(string.IsNullOrEmpty(manualFilePath) || isProcessingFile)">
                                    @if (isProcessingFile)
                                    {
                                        <span class="spinner-border spinner-border-sm me-1"></span>
                                    }
                                    <i class="fas fa-check"></i> Valida e Carica
                                </button>
                            </div>
                            @if (!string.IsNullOrEmpty(uploadedFilePath) && uploadedFilePath == manualFilePath)
                            {
                                <small class="text-success">
                                    <i class="fas fa-check-circle"></i> File validato e caricato con successo!
                                </small>
                            }
                            <small class="form-text text-muted">
                                Inserisci il percorso completo del file. Il file deve essere accessibile dal server.
                            </small>
                        </div>

                        @if (isProcessingFile)
                        {
                            <div class="mb-3">
                                <div class="d-flex align-items-center">
                                    <span class="spinner-border spinner-border-sm me-2"></span>
                                    Elaborazione file in corso...
                                </div>
                            </div>
                        }

                        @if (!string.IsNullOrEmpty(fileErrorMessage))
                        {
                            <div class="alert alert-danger" role="alert">
                                @fileErrorMessage
                            </div>
                        }                        <!-- Lista Fogli/Sheet -->
                        @if (fileSheets.Any())
                        {
                            <div class="mb-3">
                                @{
                                    var fileExtension = Path.GetExtension(selectedFileName).ToLowerInvariant();
                                    var isExcel = fileExtension == ".xlsx" || fileExtension == ".xls";
                                    var fileTypeIcon = isExcel ? "fa-file-excel text-success" : "fa-file-csv text-info";
                                    var fileTypeName = isExcel ? "Excel" : "CSV";
                                }
                                <h6>
                                    <i class="fas @fileTypeIcon"></i> 
                                    Fogli @fileTypeName (@fileSheets.Count):
                                </h6>
                                
                                <div class="list-group" style="max-height: 300px; overflow-y: auto;">
                                    @foreach (var sheet in fileSheets)
                                    {
                                        <a class="list-group-item list-group-item-action @(selectedSheet == sheet.Key ? "active" : "")"
                                           @onclick="@(() => SelectSheet(sheet.Key))">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <div>
                                                    <i class="fas @fileTypeIcon"></i> @sheet.Key
                                                    <small class="text-muted d-block">@sheet.Value.Count() colonne</small>
                                                </div>
                                                @if (selectedSheet == sheet.Key)
                                                {
                                                    <span class="badge bg-primary">Selezionato</span>
                                                }
                                            </div>
                                        </a>
                                    }                                </div>
                            </div>
                        }                        else if (selectedSourceType == "file" && !string.IsNullOrEmpty(selectedFileName) && !isProcessingFile && string.IsNullOrEmpty(fileErrorMessage))
                        {
                            <div class="alert alert-info" role="alert">
                                <i class="fas fa-info-circle"></i>
                                <strong>File selezionato:</strong> @selectedFileName
                                <br><small>Il file è stato elaborato ma non contiene dati validi o fogli leggibili.</small>
                            </div>
                        }
                        else if (selectedSourceType == "file" && string.IsNullOrEmpty(selectedFileName))
                        {
                            <div class="alert alert-light border" role="alert">
                                <div class="text-center">
                                    <i class="fas fa-upload fa-2x text-muted mb-2"></i>
                                    <h6>Carica un file per iniziare</h6>
                                    <small class="text-muted">
                                        <strong>Formati supportati:</strong><br>
                                        • <i class="fas fa-file-excel text-success"></i> Excel (.xlsx, .xls) - Supporto completo per fogli multipli<br>
                                        • <i class="fas fa-file-csv text-info"></i> CSV (.csv) - Prima riga come intestazioni<br><br>
                                        Una volta caricato, potrai visualizzare immediatamente il contenuto e navigare tra tutti i record
                                    </small>
                                </div>
                            </div>
                        }

                        <!-- Anteprima Dati File -->                        
                        @if (!string.IsNullOrEmpty(selectedSheet) && fileData.ContainsKey(selectedSheet) && fileData[selectedSheet].Any())
                        {
                            <div class="mb-3">
                                <div class="alert alert-success" role="alert">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            @{
                                                var fileExtension = Path.GetExtension(selectedFileName).ToLowerInvariant();
                                                var isExcel = fileExtension == ".xlsx" || fileExtension == ".xls";
                                                var fileTypeIcon = isExcel ? "fa-file-excel text-white" : "fa-file-csv text-white";
                                                var fileTypeName = isExcel ? "Excel" : "CSV";
                                            }
                                            <i class="fas fa-check-circle"></i> <strong>File @fileTypeName Caricato!</strong>
                                            <div class="mt-1">
                                                <small>
                                                    <i class="fas @fileTypeIcon"></i> 
                                                    Foglio: <strong>@selectedSheet</strong> | 
                                                    Record: <strong>@fileData[selectedSheet].Count</strong> | 
                                                    Colonne: <strong>@fileSheets[selectedSheet].Count()</strong>
                                                </small>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-center gap-2">
                                            <div class="d-flex align-items-center">
                                                <small class="me-2">Righe per pagina:</small>
                                                <select class="form-select form-select-sm" style="width: auto;" 
                                                        @onchange="OnPageSizeChanged" value="@pageSize">
                                                    <option value="10">10</option>
                                                    <option value="20">20</option>
                                                    <option value="50">50</option>
                                                    <option value="100">100</option>
                                                </select>
                                            </div>
                                            <button class="btn btn-outline-primary btn-sm" type="button" 
                                                    data-bs-toggle="collapse" data-bs-target="#fileDataPreview" 
                                                    aria-expanded="true" aria-controls="fileDataPreview">
                                                <i class="fas fa-eye"></i> Mostra/Nascondi Preview
                                            </button>
                                        </div>
                                    </div>                                </div>
                                
                                <div class="collapse show mt-2" id="fileDataPreview">
                                    <div class="card">
                                        <div class="card-header bg-light">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <h6 class="mb-0"><i class="fas fa-table"></i> Preview Dati - @selectedSheet</h6>
                                                <div class="d-flex align-items-center gap-2">
                                                    <small class="text-muted">
                                                        Record @GetStartRecord()-@GetEndRecord() di @fileData[selectedSheet].Count
                                                    </small>
                                                    <div class="btn-group btn-group-sm" role="group">
                                                        <button type="button" class="btn btn-outline-secondary" 
                                                                @onclick="FirstPage" 
                                                                disabled="@(currentPage == 1)">
                                                            <i class="fas fa-angle-double-left"></i>
                                                        </button>
                                                        <button type="button" class="btn btn-outline-secondary" 
                                                                @onclick="PreviousPage" 
                                                                disabled="@(currentPage == 1)">
                                                            <i class="fas fa-angle-left"></i>
                                                        </button>
                                                        <span class="btn btn-outline-secondary disabled">
                                                            @currentPage di @GetTotalPages(selectedSheet)
                                                        </span>
                                                        <button type="button" class="btn btn-outline-secondary" 
                                                                @onclick="NextPage" 
                                                                disabled="@(currentPage >= GetTotalPages(selectedSheet))">
                                                            <i class="fas fa-angle-right"></i>
                                                        </button>
                                                        <button type="button" class="btn btn-outline-secondary" 
                                                                @onclick="LastPage" 
                                                                disabled="@(currentPage >= GetTotalPages(selectedSheet))">
                                                            <i class="fas fa-angle-double-right"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body p-0" style="max-height: 400px; overflow: auto;">
                                            @if (fileSheets.ContainsKey(selectedSheet))
                                            {
                                                <div class="table-responsive">
                                                    <table class="table table-sm table-striped table-hover mb-0">
                                                        <thead class="table-dark sticky-top">
                                                            <tr>
                                                                <th style="width: 50px;">#</th>
                                                                @foreach (var column in fileSheets[selectedSheet])
                                                                {
                                                                    <th>@column</th>
                                                                }
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @{
                                                                var dataToShow = GetCurrentPageData();
                                                                var startRecord = GetStartRecord();
                                                            }
                                                            @for (int i = 0; i < dataToShow.Count; i++)
                                                            {
                                                                var row = dataToShow[i];
                                                                var absoluteRowIndex = startRecord + i;
                                                                <tr>
                                                                    <td><small class="text-muted">@absoluteRowIndex</small></td>
                                                                    @foreach (var column in fileSheets[selectedSheet])
                                                                    {
                                                                        var cellValue = row.ContainsKey(column) ? row[column]?.ToString() : "";
                                                                        var displayValue = string.IsNullOrEmpty(cellValue) ? "-" : 
                                                                            (cellValue.Length > 50 ? cellValue.Substring(0, 50) + "..." : cellValue);
                                                                        <td>
                                                                            <span title="@cellValue">@displayValue</span>
                                                                        </td>
                                                                    }
                                                                </tr>
                                                            }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            }
                                        </div>
                                        
                                        <!-- Footer con controlli paginazione e informazioni -->
                                        <div class="card-footer bg-light">
                                            <div class="row align-items-center">
                                                <div class="col-md-6">
                                                    <small class="text-muted">
                                                        <i class="fas fa-info-circle"></i> 
                                                        Visualizzazione: @pageSize record per pagina
                                                    </small>
                                                </div>
                                                <div class="col-md-6 text-end">
                                                    <div class="btn-group btn-group-sm" role="group">
                                                        <button type="button" class="btn btn-outline-primary" 
                                                                @onclick="FirstPage" 
                                                                disabled="@(currentPage == 1)">
                                                            Prima
                                                        </button>
                                                        <button type="button" class="btn btn-outline-primary" 
                                                                @onclick="PreviousPage" 
                                                                disabled="@(currentPage == 1)">
                                                            Precedente
                                                        </button>
                                                        <button type="button" class="btn btn-outline-primary" 
                                                                @onclick="NextPage" 
                                                                disabled="@(currentPage >= GetTotalPages(selectedSheet))">
                                                            Successiva
                                                        </button>
                                                        <button type="button" class="btn btn-outline-primary" 
                                                                @onclick="LastPage" 
                                                                disabled="@(currentPage >= GetTotalPages(selectedSheet))">
                                                            Ultima
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                        }
                    }
                </div>
            </div>
        </div>

        <!-- Lato Destro - REST API -->
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header bg-info text-white">
                    <h5><i class="fas fa-cloud"></i> REST API Destination</h5>
                </div>
                <div class="card-body">
                    <!-- Selezione Credenziali REST -->
                    <div class="mb-3">
                        <label class="form-label">Credenziali REST API:</label>
                        <select class="form-select" @onchange="OnRestCredentialChanged" value="@selectedRestCredential">
                            <option value="">-- Seleziona REST API --</option>
                            @foreach (var cred in restApiCredentials)
                            {
                                <option value="@cred.Name">@cred.Name (@cred.ServiceType - @cred.BaseUrl)</option>
                            }
                        </select>
                    </div>

                    @if (!string.IsNullOrEmpty(selectedRestCredential))
                    {
                        <div class="mb-3">
                            <button class="btn btn-success btn-sm" @onclick="ConnectToRestApi" disabled="@isConnectingRest">
                                @if (isConnectingRest)
                                {
                                    <span class="spinner-border spinner-border-sm me-2"></span>
                                }
                                <i class="fas fa-plug"></i> Connetti e Scopri Entità
                            </button>
                            @if (isRestConnected)
                            {
                                <span class="badge bg-success ms-2">Connesso</span>
                            }
                        </div>
                    }

                    @if (!string.IsNullOrEmpty(restErrorMessage))
                    {
                        <div class="alert alert-danger" role="alert">
                            @restErrorMessage
                        </div>
                    }                    <!-- Lista Entità REST -->
                    @if (restEntities.Any())
                    {
                        <div class="mb-3">
                            <h6>Entità REST (@restEntities.Count disponibili):</h6>
                            
                            <!-- Campo di ricerca -->
                            <div class="mb-2">
                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="fas fa-search"></i>
                                    </span>
                                    <input type="text" class="form-control" placeholder="Cerca entità..." 
                                           @bind="restSearchTerm" @oninput="FilterRestEntities" />
                                    @if (!string.IsNullOrEmpty(restSearchTerm))
                                    {
                                        <button class="btn btn-outline-secondary" @onclick="ClearRestSearch">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    }
                                </div>
                            </div>
                            
                            <!-- Lista entità filtrate -->
                            <div class="list-group" style="max-height: 300px; overflow-y: auto;">
                                @foreach (var entity in GetFilteredRestEntities())
                                {
                                    <a class="list-group-item list-group-item-action @(selectedRestEntity?.Name == entity.Name ? "active" : "")"
                                       @onclick="@(() => SelectRestEntity(entity))">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div>
                                                <i class="fas fa-cube"></i> @entity.Name
                                                @if (!string.IsNullOrEmpty(entity.Label))
                                                {
                                                    <small class="text-muted d-block">@entity.Label</small>
                                                }
                                            </div>
                                            @if (selectedRestEntity?.Name == entity.Name)
                                            {
                                                <span class="badge bg-primary">Selezionata</span>
                                            }
                                        </div>
                                    </a>
                                }
                            </div>
                            
                            @if (!GetFilteredRestEntities().Any())
                            {
                                <div class="alert alert-info mt-2">
                                    <i class="fas fa-info-circle"></i> Nessuna entità trovata con il termine di ricerca "@restSearchTerm"
                                </div>
                            }                        </div>
                    }
                </div>
            </div>
        </div>
    </div>    <!-- Sezione Mapping (quando la fonte è selezionata e REST è connesso) -->
    @{
        // Per ODBC: non richiede isDatabaseConnected, basta query validata
        // Per altri database: richiede connessione + (query validata OR tabella selezionata)
        var isSourceReady = (selectedSourceType == "database" && 
                           ((IsOdbcConnection() && useCustomQuery && isQueryValid) || 
                            (!IsOdbcConnection() && isDatabaseConnected && ((useCustomQuery && isQueryValid) || (!useCustomQuery && !string.IsNullOrEmpty(selectedTable)))))) ||
                           (selectedSourceType == "file" && !string.IsNullOrEmpty(selectedSheet));
    }
    @if (isSourceReady && isRestConnected && selectedRestEntity != null)
    {
        <div class="row mt-4">
            <div class="col-12">
                <div class="card">
                    <div class="card-header bg-success text-white">
                        <h5><i class="fas fa-exchange-alt"></i> Mapping Campi</h5>
                    </div>                    <div class="card-body">
                        @{
                            var sourceDisplayName = selectedSourceType == "database" ? selectedTable : selectedSheet;
                            var sourceTypeName = selectedSourceType == "database" ? "Tabella" : "Foglio";
                        }
                        <h6>Mapping tra @sourceTypeName @sourceDisplayName e @selectedRestEntity.Name</h6>
                        <p class="text-muted">Configura il mapping tra i campi della fonte dati e le proprietà dell'entità REST</p>
                          <div class="row">
                            <!-- Colonna Sinistra: Campi Fonte -->
                            <div class="col-5">
                                <h6>Campi @sourceTypeName (@sourceDisplayName)</h6>
                                @if (selectedSourceType == "database" && useCustomQuery && queryColumns.Any())
                                {
                                    <!-- Le colonne della query validata sono disponibili per il mapping -->
                                }
                                <div class="list-group" style="max-height: 400px; overflow-y: auto;">
                                    @if (selectedSourceType == "database")
                                    {
                                        @if (useCustomQuery && queryColumns.Any())
                                        {
                                            <!-- Colonne da query custom -->
                                            @foreach (var column in queryColumns)
                                            {
                                                <a class="list-group-item list-group-item-action @(selectedDbColumn == column ? "active" : "")"
                                                   @onclick="@(() => SelectDbColumn(column))">
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div>
                                                            <strong>@column</strong>
                                                            <small class="text-muted d-block">Query Column</small>
                                                        </div>
                                                        <div>
                                                            @if (fieldMappings.ContainsKey(column))
                                                            {
                                                                <span class="badge bg-success">Mapped</span>
                                                            }
                                                        </div>
                                                    </div>
                                                </a>
                                            }
                                        }
                                        else if (!useCustomQuery && databaseTables.ContainsKey(selectedTable))
                                        {
                                            <!-- Colonne da tabella -->
                                            @foreach (var column in databaseTables[selectedTable])
                                            {
                                                <a class="list-group-item list-group-item-action @(selectedDbColumn == column.Name ? "active" : "")"
                                                   @onclick="@(() => SelectDbColumn(column.Name))">
                                                    <div class="d-flex justify-content-between align-items-center">
                                                        <div>
                                                            <strong>@column.Name</strong>
                                                            <small class="text-muted d-block">@column.DataType</small>
                                                        </div>
                                                        <div>
                                                            @if (column.IsPrimaryKey)
                                                            {
                                                                <span class="badge bg-primary">PK</span>
                                                            }
                                                            @if (fieldMappings.ContainsKey(column.Name))
                                                            {
                                                                <span class="badge bg-success">Mapped</span>
                                                            }
                                                        </div>
                                                    </div>
                                                </a>
                                            }
                                        }
                                    }
                                    else if (selectedSourceType == "file" && fileSheets.ContainsKey(selectedSheet))
                                    {
                                        @foreach (var column in fileSheets[selectedSheet])
                                        {
                                            <a class="list-group-item list-group-item-action @(selectedDbColumn == column ? "active" : "")"
                                               @onclick="@(() => SelectDbColumn(column))">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div>
                                                        <strong>@column</strong>
                                                        <small class="text-muted d-block">Colonna File</small>
                                                    </div>
                                                    <div>
                                                        @if (fieldMappings.ContainsKey(column))
                                                        {
                                                            <span class="badge bg-success">Mapped</span>
                                                        }
                                                    </div>
                                                </div>
                                            </a>
                                        }
                                    }
                                </div>
                            </div>
                            
                            <!-- Colonna Centrale: Controlli Mapping -->
                            <div class="col-2 text-center">
                                <div class="d-flex flex-column justify-content-center h-100">
                                    <button class="btn btn-success mb-2" @onclick="CreateMapping" 
                                            disabled="@(string.IsNullOrEmpty(selectedDbColumn) || string.IsNullOrEmpty(selectedRestProperty))">
                                        <i class="fas fa-arrow-right"></i>
                                        <small class="d-block">Map</small>
                                    </button>
                                    <button class="btn btn-danger mb-2" @onclick="RemoveMapping"
                                            disabled="@(string.IsNullOrEmpty(selectedDbColumn) || !fieldMappings.ContainsKey(selectedDbColumn))">
                                        <i class="fas fa-times"></i>
                                        <small class="d-block">Remove</small>
                                    </button>
                                    <button class="btn btn-warning mb-2" @onclick="AutoMapFields">
                                        <i class="fas fa-magic"></i>
                                        <small class="d-block">Auto</small>
                                    </button>
                                    <button class="btn btn-secondary" @onclick="ClearAllMappings">
                                        <i class="fas fa-trash"></i>
                                        <small class="d-block">Clear</small>
                                    </button>
                                </div>
                            </div>
                            
                            <!-- Colonna Destra: Proprietà REST -->
                            <div class="col-5">
                                <h6>Proprietà REST (@selectedRestEntity.Name)</h6>
                                <div class="list-group" style="max-height: 400px; overflow-y: auto;">
                                    @if (restEntityDetails != null)
                                    {
                                        @foreach (var property in restEntityDetails.Properties)
                                        {
                                            <a class="list-group-item list-group-item-action @(selectedRestProperty == property.Name ? "active" : "")"
                                               @onclick="@(() => SelectRestProperty(property.Name))">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div>
                                                        <strong>@property.Name</strong>
                                                        <small class="text-muted d-block">@property.Type</small>
                                                    </div>
                                                    <div>
                                                        @if (property.IsRequired)
                                                        {
                                                            <span class="badge bg-danger">Required</span>
                                                        }
                                                        @if (fieldMappings.ContainsValue(property.Name))
                                                        {
                                                            <span class="badge bg-success">Mapped</span>
                                                        }
                                                    </div>
                                                </div>
                                            </a>
                                        }
                                    }
                                </div>
                            </div>
                        </div>
                        
                        <!-- Sezione External ID Relationships (Salesforce) -->
                        @if (selectedRestEntity != null && currentRestDiscovery != null && IsSalesforceClient())
                        {
                            <div class="mt-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h6 class="mb-0">
                                            <i class="fas fa-link"></i> External ID Relationships (Salesforce)
                                        </h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="alert alert-info">
                                            <i class="fas fa-info-circle"></i>
                                            <strong>Relating Records by External ID</strong><br>
                                            <small>
                                                Crea relazioni tra oggetti usando ID esterni invece degli ID interni di Salesforce.<br>
                                                Esempio: Collega Opportunity ad Account usando <code>Account.CardCode__c = "C60000"</code>
                                            </small>
                                        </div>

                                        <!-- Form per aggiungere nuova relazione -->
                                        <div class="row mb-3">
                                            <div class="col-md-3">
                                                <label class="form-label">Oggetto Correlato:</label>
                                                <select class="form-select" @bind="selectedRelationshipObject" @bind:after="OnRelationshipObjectSelected">
                                                    <option value="">-- Seleziona Oggetto --</option>
                                                    @foreach (var entity in availableRelationshipObjects.OrderBy(e => e.Name))
                                                    {
                                                        <option value="@entity.Name">@entity.Name</option>
                                                    }
                                                </select>
                                                <small class="text-muted">Es: Account, Contact</small>
                                            </div>
                                            
                                            <div class="col-md-3">
                                                <label class="form-label">External ID Field:</label>
                                                <select class="form-select" @bind="selectedExternalIdField" disabled="@string.IsNullOrEmpty(selectedRelationshipObject)">
                                                    <option value="">-- Seleziona Campo --</option>
                                                    @foreach (var field in GetExternalIdFieldsForSelectedObject())
                                                    {
                                                        <option value="@field">@field</option>
                                                    }
                                                </select>
                                                <small class="text-muted">Es: Country__c, CardCode__c</small>
                                            </div>
                                            
                                            <div class="col-md-3">
                                                <label class="form-label">Campo Sorgente:</label>
                                                <select class="form-select" @bind="selectedRelationshipSourceField">
                                                    <option value="">-- Seleziona Campo --</option>
                                                    @foreach (var field in GetSourceFieldsForRelationship())
                                                    {
                                                        <option value="@field">@field</option>
                                                    }
                                                </select>
                                                <small class="text-muted">Valore da usare per la relazione</small>
                                            </div>
                                            
                                            <div class="col-md-3 d-flex align-items-end">
                                                <button class="btn btn-primary w-100" @onclick="AddExternalIdRelationship"
                                                        disabled="@(string.IsNullOrEmpty(selectedRelationshipObject) || string.IsNullOrEmpty(selectedExternalIdField) || string.IsNullOrEmpty(selectedRelationshipSourceField))">
                                                    <i class="fas fa-plus"></i> Aggiungi Relazione
                                                </button>
                                            </div>
                                        </div>

                                        <!-- Tabella relazioni configurate -->
                                        @if (externalIdRelationships.Any())
                                        {
                                            <div class="mt-3">
                                                <h6>Relazioni Configurate (@externalIdRelationships.Count)</h6>
                                                <div class="table-responsive">
                                                    <table class="table table-sm table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th>Oggetto Correlato</th>
                                                                <th>External ID Field</th>
                                                                <th>Campo Sorgente</th>
                                                                <th>Formato JSON Output</th>
                                                                <th>Azioni</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach (var rel in externalIdRelationships)
                                                            {
                                                                <tr>
                                                                    <td><strong>@rel.RelatedObjectName</strong></td>
                                                                    <td><code>@rel.ExternalIdField</code></td>
                                                                    <td><span class="badge bg-info">@rel.SourceField</span></td>
                                                                    <td><small class="text-muted">@($"\"{rel.RelationshipName}\": {{ \"{rel.ExternalIdField}\": \"value\" }}")</small></td>
                                                                    <td>
                                                                        <button class="btn btn-sm btn-danger" @onclick="@(() => RemoveExternalIdRelationship(rel))">
                                                                            <i class="fas fa-trash"></i>
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        }
                                        else
                                        {
                                            <div class="alert alert-secondary">
                                                <i class="fas fa-info-circle"></i> Nessuna relazione External ID configurata. Aggiungine una se necessario.
                                            </div>
                                        }
                                    </div>
                                </div>
                            </div>
                        }
                        
                        <!-- Sezione Mappature Correnti -->                        @if (fieldMappings.Any())
                        {
                            <div class="mt-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h6>Mappature Correnti (@fieldMappings.Count)</h6>
                                    @if (keyFields.Any())
                                    {
                                        <small class="text-info">
                                            <i class="fas fa-key"></i> @keyFields.Count campo/i chiave: @string.Join(", ", keyFields)
                                        </small>
                                    }
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-sm table-striped">
                                        <thead>
                                            <tr>
                                                <th>Campo Database</th>
                                                <th>Tipo DB</th>
                                                <th>→</th>
                                                <th>Proprietà REST</th>
                                                <th>Tipo REST</th>
                                                <th>Azioni</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach (var mapping in fieldMappings)
                                            {
                                                DbColumnInfo? dbColumn = null;
                                                if (selectedSourceType == "database" && !string.IsNullOrEmpty(selectedTable))
                                                {
                                                    dbColumn = databaseTables.ContainsKey(selectedTable) ? 
                                                        databaseTables[selectedTable].FirstOrDefault(c => c.Name == mapping.Key) : null;
                                                }
                                                var restProperty = restEntityDetails?.Properties.FirstOrDefault(p => p.Name == mapping.Value);
                                                <tr>
                                                    <td><strong>@mapping.Key</strong></td>
                                                    <td><small class="text-muted">@(dbColumn?.DataType ?? (selectedSourceType == "file" ? "Text" : "Unknown"))</small></td>
                                                    <td><i class="fas fa-arrow-right text-success"></i></td>
                                                    <td><strong>@mapping.Value</strong></td>
                                                    <td><small class="text-muted">@(restProperty?.Type ?? "Unknown")</small></td>
                                                    <td>
                                                        <button class="btn btn-sm btn-danger" @onclick="@(() => RemoveSpecificMapping(mapping.Key))">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            }
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        }

                        <!-- Configurazione Chiave Sorgente -->
                        @if (fieldMappings.Any())
                        {
                            <div class="mt-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h6 class="mb-0">
                                            <i class="fas fa-key"></i> Configurazione Chiave Sorgente
                                        </h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-check mb-3">
                                            <input class="form-check-input" type="checkbox" id="useAssociations" 
                                                   @bind="useRecordAssociations" />
                                            <label class="form-check-label" for="useAssociations">
                                                <strong>Utilizza sistema di associazioni basato sui valori delle chiavi</strong>
                                                <br><small class="text-muted">Raccomandato: il sistema manterrà traccia delle associazioni tra valori chiave e record di destinazione, permettendo aggiornamenti indipendentemente dalla sorgente</small>
                                            </label>
                                        </div>

                                        @if (useRecordAssociations)
                                        {
                                            <div class="alert alert-info">
                                                <i class="fas fa-lightbulb"></i>
                                                <strong>Come funziona il nuovo sistema:</strong>
                                                <ul class="mb-0 mt-2">
                                                    <li>Ogni valore di chiave univoco viene associato a un record di destinazione</li>
                                                    <li>Più sorgenti diverse possono gestire lo stesso oggetto business usando lo stesso valore chiave</li>
                                                    <li>Gli aggiornamenti avvengono automaticamente quando si trova un'associazione esistente</li>
                                                    <li>Il sistema individua automaticamente le chiavi dove possibile, ma puoi sempre scegliere manualmente</li>
                                                </ul>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label class="form-label">Campo Chiave Sorgente: <span class="text-danger">*</span></label>
                                                    <select class="form-select" @bind="sourceKeyField">
                                                        <option value="">-- Seleziona Campo Chiave --</option>
                                                        @if (!string.IsNullOrEmpty(suggestedPrimaryKey))
                                                        {
                                                            <option value="@suggestedPrimaryKey">@suggestedPrimaryKey (Primary Key - Consigliato)</option>
                                                        }
                                                        @if (selectedSourceType == "database")
                                                        {
                                                            @if (useCustomQuery && queryColumns.Any())
                                                            {
                                                                @foreach (var column in queryColumns)
                                                                {
                                                                    <option value="@column">@column (Query Column)</option>
                                                                }
                                                            }
                                                            else if (!useCustomQuery && databaseTables.ContainsKey(selectedTable))
                                                            {
                                                                @foreach (var column in databaseTables[selectedTable].Where(c => c.Name != suggestedPrimaryKey))
                                                                {
                                                                    <option value="@column.Name">@column.Name (@column.DataType)</option>
                                                                }
                                                            }
                                                        }
                                                        else if (selectedSourceType == "file" && fileSheets.ContainsKey(selectedSheet))
                                                        {
                                                            @foreach (var column in fileSheets[selectedSheet])
                                                            {
                                                                <option value="@column">@column</option>
                                                            }
                                                        }
                                                    </select>
                                                    @if (requiresManualKeySelection || selectedSourceType != "database")
                                                    {
                                                        <small class="form-text text-danger">
                                                            <i class="fas fa-exclamation-triangle"></i>
                                                            Selezione del campo chiave obbligatoria. Scegli un campo che identifichi univocamente ogni record.
                                                        </small>
                                                    }
                                                    else if (!string.IsNullOrEmpty(suggestedPrimaryKey))
                                                    {
                                                        <small class="form-text text-success">
                                                            <i class="fas fa-key"></i>
                                                            Primary Key rilevata: <strong>@suggestedPrimaryKey</strong> (consigliato per l'identificazione univoca)
                                                        </small>
                                                    }
                                                </div>
                                                <div class="col-md-6">
                                                    @if (!string.IsNullOrEmpty(sourceKeyField))
                                                    {
                                                        <div class="mt-4">
                                                            <div class="alert alert-success">
                                                                <i class="fas fa-check-circle"></i>
                                                                <strong>Campo chiave selezionato:</strong> @sourceKeyField
                                                                <br><small>Questo campo verrà utilizzato per identificare univocamente i record sorgente</small>
                                                                @if (sourceKeyField == suggestedPrimaryKey)
                                                                {
                                                                    <br><small class="text-success"><i class="fas fa-thumbs-up"></i> Ottima scelta! Stai usando la Primary Key della tabella.</small>
                                                                }
                                                            </div>
                                                        </div>
                                                    }
                                                    else
                                                    {
                                                        <div class="mt-4">
                                                            <div class="alert alert-warning">
                                                                <i class="fas fa-exclamation-triangle"></i>
                                                                <strong>Campo chiave richiesto</strong>
                                                                <br><small>Seleziona un campo che identifichi univocamente ogni record per abilitare il sistema di associazioni.</small>
                                                                @if (!string.IsNullOrEmpty(suggestedPrimaryKey))
                                                                {
                                                                    <br><small class="text-info"><i class="fas fa-lightbulb"></i> Consiglio: seleziona <strong>@suggestedPrimaryKey</strong> (Primary Key rilevata)</small>
                                                                }
                                                            </div>
                                                        </div>
                                                    }
                                                </div>
                                            </div>
                                        }
                                        else
                                        {
                                            <div class="alert alert-warning">
                                                <i class="fas fa-exclamation-triangle"></i>
                                                <strong>Sistema associazioni disabilitato</strong><br>
                                                Tutti i record verranno sempre inseriti come nuovi. Non sarà possibile tracciare aggiornamenti automatici.
                                            </div>
                                        }
                                    </div>
                                </div>
                            </div>
                        }
                        


                        <div class="mt-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <button class="btn btn-success" @onclick="StartDataTransfer" disabled="@(!IsTransferButtonEnabled() || isTransferringData)">                                        @if (isTransferringData)
                                    {
                                        <span class="spinner-border spinner-border-sm me-2"></span>
                                        <i class="fas fa-sync-alt"></i> @("Trasferimento in corso")
                                    }
                                    else
                                    {
                                        <i class="fas fa-play"></i> @("Avvia Trasferimento Dati")
                                    }
                                </button>
                                
                                    @if (fieldMappings.Any())
                                    {
                                        <button class="btn btn-info ms-2" @onclick="ShowMappingSummary">
                                            <i class="fas fa-list"></i> Riepilogo Mapping
                                        </button>
                                    }
                                    
                                    @if (IsSalesforceClient())
                                    {
                                        <span class="badge bg-success ms-2" title="Utilizza Salesforce Composite API con batching automatico e esecuzione parallela (max 25 operazioni per batch)">
                                            <i class="fas fa-rocket"></i> Composite API + Parallel Batching
                                        </span>
                                    }
                                </div>
                                
                                <!-- Sezione Salvataggio Profilo -->
                                <div>
                                    <ProfileSaver CanSave="@CanSaveProfile()"
                                                  SourceType="@selectedSourceType" 
                                                  SourceCredentialId="@(GetCurrentSourceCredentialIdAsync().Result)" 
                                                  SourceCredentialName="@selectedDatabaseCredential"
                                                  SourceDatabaseName="@selectedDatabase"
                                                  SourceSchema="@GetCurrentDatabaseSchema()"
                                                  SourceTable="@(useCustomQuery ? "custom_query" : selectedTable)"
                                                  SourceCustomQuery="@(useCustomQuery ? customQuery : null)"
                                                  SourceFilePath="@uploadedFilePath"
                                                  DestinationType="rest"
                                                  DestinationCredentialId="@(GetCurrentDestinationCredentialIdAsync().Result)" 
                                                  DestinationCredentialName="@selectedRestCredential"
                                                  DestinationEndpoint="@selectedRestEntity?.Name"
                                                  FieldMappings="@GetCurrentFieldMappings()"
                                                  ExternalIdRelationships="@externalIdRelationships"
                                                  SourceKeyField="@sourceKeyField"
                                                  UseRecordAssociations="@useRecordAssociations"
                                                  OnProfileSaved="@OnProfileSaved" />
                                </div>                                <div class="text-muted">
                                    @if (fieldMappings.Any())
                                    {
                                        <small>
                                            <i class="fas fa-arrow-right"></i> @fieldMappings.Count mapping(s) configurati<br/>
                                            @if (useRecordAssociations)
                                            {
                                                <span><i class="fas fa-sync-alt text-info"></i> <strong>Modalità Smart Update</strong></span>
                                                @if (!string.IsNullOrEmpty(sourceKeyField))
                                                {
                                                    <span> (Chiave: @sourceKeyField)</span>
                                                }
                                                else
                                                {
                                                    <span> (Rilevamento automatico)</span>
                                                }
                                            }
                                            else
                                            {
                                                <span><i class="fas fa-plus text-success"></i> <strong>Modalità Insert Only</strong></span>
                                            }
                                        </small>
                                    }
                                    else
                                    {
                                        <small>
                                            <i class="fas fa-exclamation-triangle"></i> Configura almeno una mappatura per iniziare
                                        </small>
                                    }
                                </div>
                            </div>

                            @* Messaggio di errore per trasferimento disabilitato *@
                            @if (!IsTransferButtonEnabled() && !string.IsNullOrEmpty(GetTransferDisabledReason()))
                            {
                                <div class="alert alert-warning mt-3" role="alert">
                                    <i class="fas fa-exclamation-triangle"></i>
                                    <strong>Trasferimento disabilitato:</strong> @GetTransferDisabledReason()
                                </div>
                            }

                              @if (!string.IsNullOrEmpty(transferMessage))
                            {
                                <div class="alert @(transferMessageType == "success" ? "alert-success" : transferMessageType == "warning" ? "alert-warning" : "alert-danger") mt-3" role="alert">
                                    <i class="fas @(transferMessageType == "success" ? "fa-check-circle" : transferMessageType == "warning" ? "fa-exclamation-triangle" : "fa-exclamation-circle")"></i>
                                    @transferMessage
                                </div>
                            }

                            @if (transferResults.Any())
                            {
                                <div class="mt-3">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h6><i class="fas fa-list-alt"></i> Risultati Dettagliati Trasferimento (@transferResults.Count record)</h6>
                                        <button type="button" class="btn btn-sm btn-outline-secondary" 
                                                data-bs-toggle="collapse" data-bs-target="#transferResults" 
                                                aria-expanded="@showDetailedResults.ToString().ToLower()" aria-controls="transferResults"
                                                @onclick="() => showDetailedResults = !showDetailedResults">
                                            <i class="fas @(showDetailedResults ? "fa-chevron-up" : "fa-chevron-down")"></i>
                                            @(showDetailedResults ? "Nascondi" : "Mostra") Dettagli
                                        </button>
                                    </div>
                                    
                                    <div class="collapse @(showDetailedResults ? "show" : "")" id="transferResults">
                                        <div class="card mt-2">
                                            <div class="card-header">
                                                <div class="row text-center">
                                                    <div class="col-2">
                                                        <small class="text-success"><i class="fas fa-check-circle"></i>
                                                        Inseriti: @transferResults.Count(r => r.Status == "success")</small>
                                                    </div>
                                                    <div class="col-2">
                                                        <small class="text-info"><i class="fas fa-edit"></i>
                                                        Aggiornati: @transferResults.Count(r => r.Status == "updated")</small>
                                                    </div>
                                                    <div class="col-2">
                                                        <small class="text-secondary"><i class="fas fa-trash"></i>
                                                        Cancellati: @transferResults.Count(r => r.Status == "deleted")</small>
                                                    </div>
                                                    <div class="col-3">
                                                        <small class="text-warning"><i class="fas fa-exclamation-triangle"></i>
                                                        Duplicati: @transferResults.Count(r => r.Status == "duplicate")</small>
                                                    </div>
                                                    <div class="col-3">
                                                        <small class="text-danger"><i class="fas fa-times-circle"></i>
                                                        Errori: @transferResults.Count(r => r.Status == "error")</small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card-body" style="max-height: 400px; overflow-y: auto;">
                                                <div class="table-responsive">
                                                    <table class="table table-sm table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th style="width: 10%;">#</th>
                                                                <th style="width: 15%;">Stato</th>
                                                                <th style="width: 20%;">ID Entità</th>
                                                                <th style="width: 55%;">Messaggio</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach (var result in transferResults)
                                                            {
                                                                <tr class="@GetResultRowClass(result.Status)">
                                                                    <td>@result.RecordNumber</td>
                                                                    <td>
                                                                        <span class="badge @GetResultBadgeClass(result.Status)">
                                                                            <i class="fas @GetResultIcon(result.Status)"></i>
                                                                            @GetResultStatusText(result.Status)
                                                                        </span>
                                                                    </td>
                                                                    <td>
                                                                        @if (!string.IsNullOrEmpty(result.EntityId))
                                                                        {
                                                                            <small class="text-muted">@result.EntityId</small>
                                                                        }
                                                                        else
                                                                        {
                                                                            <small class="text-muted">-</small>
                                                                        }
                                                                    </td>
                                                                    <td>
                                                                        <small>@result.Message</small>
                                                                    </td>
                                                                </tr>
                                                            }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            }</div>
                    </div>
                </div>
            </div>
        </div>
    }
</div>

<!-- Componente Gestione Profili -->
<ProfileManagement ShowModal="showProfileManagement"
                 Profiles="availableProfiles"
                 OnCloseModal="OnCloseProfileManagement"
                 OnProfileLoaded="OnProfileLoaded"
                 OnProfileDeleted="OnProfileDeleted"
                 IsLoading="isLoadingProfiles" />

<!-- Modal per la selezione dello schema -->
@if (showSchemaSelectionModal)
{
    <div class="modal fade show d-block" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        <i class="fas fa-sitemap"></i> Seleziona Schema
                    </h5>
                </div>
                <div class="modal-body">
                    <p class="text-muted">
                        <i class="fas fa-info-circle"></i> 
                        Sono stati trovati più schemi nel database. Seleziona lo schema da utilizzare:
                    </p>
                    
                    @if (isLoadingSchemas)
                    {
                        <div class="text-center">
                            <div class="spinner-border spinner-border-sm me-2"></div>
                            Caricamento schemi...
                        </div>
                    }
                    else if (availableSchemas != null && availableSchemas.Any())
                    {
                        <div class="mb-3">
                            <label for="schemaSelect" class="form-label">Schemi disponibili:</label>
                            <select id="schemaSelect" class="form-select" @bind="selectedSchema">
                                <option value="">-- Seleziona uno schema --</option>
                                @foreach (var schema in availableSchemas)
                                {
                                    <option value="@schema">@schema</option>
                                }
                            </select>
                            <small class="form-text text-muted">
                                <i class="fas fa-lightbulb"></i>
                                Lo schema determina quali tabelle e viste saranno disponibili per il mapping.
                            </small>
                        </div>
                    }
                    else
                    {
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle"></i>
                            Nessuno schema trovato o errore nel caricamento.
                        </div>
                    }
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CancelSchemaSelection">
                        <i class="fas fa-times"></i> Annulla
                    </button>
                    <button type="button" class="btn btn-primary" @onclick="OnSchemaSelected" 
                            disabled="@string.IsNullOrEmpty(selectedSchema)">
                        <i class="fas fa-check"></i> Connetti con Schema
                    </button>
                </div>
            </div>
        </div>
    </div>
}

<!-- Modal per la selezione del database -->
@if (showDatabaseSelectionModal)
{
    <div class="modal fade show d-block" style="background-color: rgba(0,0,0,0.5);">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">
                        <i class="fas fa-database"></i> Seleziona Database
                    </h5>
                </div>
                <div class="modal-body">
                    <p class="text-muted">
                        <i class="fas fa-info-circle"></i>
                        La connessione non specifica un database. Seleziona il database da esplorare:
                    </p>
                    @if (isLoadingDatabases)
                    {
                        <div class="text-center">
                            <div class="spinner-border spinner-border-sm me-2"></div>
                            Caricamento database...
                        </div>
                    }
                    else if (availableDatabases != null && availableDatabases.Any())
                    {
                        <div class="mb-3">
                            <label for="databaseSelect" class="form-label">Database disponibili:</label>
                            <select id="databaseSelect" class="form-select" @bind="selectedDatabase">
                                <option value="">-- Seleziona un database --</option>
                                @foreach (var db in availableDatabases)
                                {
                                    <option value="@db">@db</option>
                                }
                            </select>
                        </div>
                    }
                    else
                    {
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle"></i>
                            Nessun database trovato o errore nel caricamento.
                        </div>
                    }
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" @onclick="CancelDatabaseSelection">
                        <i class="fas fa-times"></i> Annulla
                    </button>
                    <button type="button" class="btn btn-primary" @onclick="OnDatabaseSelected" disabled="@string.IsNullOrEmpty(selectedDatabase)">
                        <i class="fas fa-check"></i> Connetti con Database
                    </button>
                </div>
            </div>
        </div>
    </div>
}