@* Componente per la selezione e caricamento dei profili *@
<div class="card mb-3">
    <div class="card-header bg-info text-white">
        <h6 class="mb-0">
            <i class="fas fa-user-cog"></i> Gestione Profili
        </h6>
    </div>
    <div class="card-body">
        <div class="row">
            <!-- Selezione Profilo Esistente -->
            <div class="col-md-8">
                <label class="form-label">Carica Profilo Salvato:</label>
                <div class="input-group">
                    <select class="form-select" @onchange="OnProfileSelected">
                        <option value="">-- Seleziona un profilo --</option>
                        @if (Profiles != null)
                        {
                            @foreach (var profile in Profiles)
                            {
                                <option value="@profile.Id" selected="@(SelectedProfileId == profile.Id)">
                                    @profile.Name @if (!string.IsNullOrEmpty(profile.Description)) { <span class="text-muted">- @profile.Description</span> }
                                </option>
                            }
                        }
                    </select>
                    <button type="button" class="btn btn-outline-primary" @onclick="LoadSelectedProfile" 
                            disabled="@(SelectedProfileId == 0 || IsLoading)">
                        @if (IsLoading)
                        {
                            <span class="spinner-border spinner-border-sm" role="status"></span>
                        }
                        else
                        {
                            <i class="fas fa-download"></i>
                        }
                        Carica
                    </button>
                </div>
                @if (!string.IsNullOrEmpty(LoadMessage))
                {
                    <div class="alert alert-@(LoadMessageType) alert-sm mt-2 mb-0">
                        <i class="fas fa-@(LoadMessageType == "success" ? "check-circle" : "exclamation-triangle")"></i>
                        @LoadMessage
                    </div>
                }
            </div>
            
            <!-- Pulsante Gestione Profili -->
            <div class="col-md-4 d-flex align-items-end">
                <button type="button" class="btn btn-outline-secondary w-100" @onclick="OpenProfileManagement">
                    <i class="fas fa-cogs"></i> Gestisci Profili
                </button>
            </div>
        </div>
    </div>
</div>