<x-layout.universal pageTitle="NetGesCon" showBreadcrumb="true" showSidebar="true">
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title mb-0">
                        <i class="fa-solid fa-plus me-2"></i>
                        Nuova Gestione Amministrativa
                    </h3>
                    <a href="{{ route('admin.gestioni.index') }}" class="btn btn-secondary">
                        <i class="fa-solid fa-arrow-left me-1"></i>
                        Torna all'Elenco
                    </a>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <i class="fa-solid fa-info-circle me-2"></i>
                        <strong>Funzionalità in sviluppo</strong><br>
                        Questa sezione conterrà il modulo di creazione per le gestioni amministrative.
                    </div>
                    
                    <form method="POST" action="{{ route('admin.gestioni.store') }}" class="row g-3">
                        @csrf
                        
                        <div class="col-md-8">
                            <label for="nome" class="form-label">
                                <i class="fa-solid fa-tag me-1"></i>
                                Nome Gestione
                            </label>
                            <input type="text" class="form-control" id="nome" name="nome" placeholder="Inserisci il nome della gestione" required>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="codice" class="form-label">
                                <i class="fa-solid fa-barcode me-1"></i>
                                Codice Gestione
                            </label>
                            <input type="text" class="form-control" id="codice" name="codice" placeholder="Codice automatico" readonly>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="tipo" class="form-label">
                                <i class="fa-solid fa-layer-group me-1"></i>
                                Tipo di Gestione
                            </label>
                            <select class="form-select" id="tipo" name="tipo" required>
                                <option value="">Seleziona tipo...</option>
                                <option value="manutenzione">Manutenzione</option>
                                <option value="amministrativa">Amministrativa</option>
                                <option value="contabile">Contabile</option>
                                <option value="legale">Legale</option>
                                <option value="sicurezza">Sicurezza</option>
                                <option value="emergenza">Emergenza</option>
                                <option value="ordinaria">Ordinaria</option>
                                <option value="straordinaria">Straordinaria</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="categoria" class="form-label">
                                <i class="fa-solid fa-folder me-1"></i>
                                Categoria
                            </label>
                            <select class="form-select" id="categoria" name="categoria" required>
                                <option value="">Seleziona categoria...</option>
                                <option value="impianti">Impianti</option>
                                <option value="parti_comuni">Parti Comuni</option>
                                <option value="facciata">Facciata</option>
                                <option value="copertura">Copertura</option>
                                <option value="ascensore">Ascensore</option>
                                <option value="riscaldamento">Riscaldamento</option>
                                <option value="elettrico">Impianto Elettrico</option>
                                <option value="idraulico">Impianto Idraulico</option>
                                <option value="condizionamento">Condizionamento</option>
                                <option value="giardino">Giardino</option>
                                <option value="pulizie">Pulizie</option>
                                <option value="vigilanza">Vigilanza</option>
                                <option value="assicurazioni">Assicurazioni</option>
                                <option value="tributi">Tributi</option>
                                <option value="contenziosi">Contenziosi</option>
                            </select>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="data_inizio" class="form-label">
                                <i class="fa-solid fa-calendar-plus me-1"></i>
                                Data Inizio
                            </label>
                            <input type="date" class="form-control" id="data_inizio" name="data_inizio" required>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="data_scadenza" class="form-label">
                                <i class="fa-solid fa-calendar-times me-1"></i>
                                Data Scadenza
                            </label>
                            <input type="date" class="form-control" id="data_scadenza" name="data_scadenza">
                        </div>
                        
                        <div class="col-md-4">
                            <label for="data_completamento" class="form-label">
                                <i class="fa-solid fa-calendar-check me-1"></i>
                                Data Completamento
                            </label>
                            <input type="date" class="form-control" id="data_completamento" name="data_completamento">
                        </div>
                        
                        <div class="col-md-4">
                            <label for="priorita" class="form-label">
                                <i class="fa-solid fa-exclamation-triangle me-1"></i>
                                Priorità
                            </label>
                            <select class="form-select" id="priorita" name="priorita" required>
                                <option value="">Seleziona priorità...</option>
                                <option value="bassa">Bassa</option>
                                <option value="media">Media</option>
                                <option value="alta">Alta</option>
                                <option value="urgente">Urgente</option>
                                <option value="critica">Critica</option>
                                <option value="emergenza">Emergenza</option>
                            </select>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="stato" class="form-label">
                                <i class="fa-solid fa-info-circle me-1"></i>
                                Stato
                            </label>
                            <select class="form-select" id="stato" name="stato" required>
                                <option value="">Seleziona stato...</option>
                                <option value="pianificata">Pianificata</option>
                                <option value="in_corso">In Corso</option>
                                <option value="sospesa">Sospesa</option>
                                <option value="completata">Completata</option>
                                <option value="annullata">Annullata</option>
                                <option value="rimandata">Rimandata</option>
                            </select>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="responsabile" class="form-label">
                                <i class="fa-solid fa-user-tie me-1"></i>
                                Responsabile
                            </label>
                            <input type="text" class="form-control" id="responsabile" name="responsabile" placeholder="Nome del responsabile">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="costo_previsto" class="form-label">
                                <i class="fa-solid fa-euro-sign me-1"></i>
                                Costo Previsto (€)
                            </label>
                            <input type="number" class="form-control" id="costo_previsto" name="costo_previsto" step="0.01" placeholder="0,00">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="costo_effettivo" class="form-label">
                                <i class="fa-solid fa-coins me-1"></i>
                                Costo Effettivo (€)
                            </label>
                            <input type="number" class="form-control" id="costo_effettivo" name="costo_effettivo" step="0.01" placeholder="0,00">
                        </div>
                        
                        <div class="col-12">
                            <label for="descrizione" class="form-label">
                                <i class="fa-solid fa-align-left me-1"></i>
                                Descrizione Dettagliata
                            </label>
                            <textarea class="form-control" id="descrizione" name="descrizione" rows="4" placeholder="Descrizione dettagliata della gestione, obiettivi e modalità di esecuzione..."></textarea>
                        </div>
                        
                        <div class="col-12">
                            <label for="note" class="form-label">
                                <i class="fa-solid fa-sticky-note me-1"></i>
                                Note Aggiuntive
                            </label>
                            <textarea class="form-control" id="note" name="note" rows="3" placeholder="Note aggiuntive, osservazioni o commenti..."></textarea>
                        </div>
                        
                        <div class="col-12">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="richiede_assemblea" name="richiede_assemblea" value="1">
                                        <label class="form-check-label" for="richiede_assemblea">
                                            <i class="fa-solid fa-users me-1"></i>
                                            Richiede approvazione assemblea
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="ricorrente" name="ricorrente" value="1">
                                        <label class="form-check-label" for="ricorrente">
                                            <i class="fa-solid fa-repeat me-1"></i>
                                            Gestione ricorrente
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="notifica_scadenza" name="notifica_scadenza" value="1">
                                        <label class="form-check-label" for="notifica_scadenza">
                                            <i class="fa-solid fa-bell me-1"></i>
                                            Notifica scadenza
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <hr>
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.gestioni.index') }}" class="btn btn-secondary">
                                    <i class="fa-solid fa-times me-1"></i>
                                    Annulla
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa-solid fa-save me-1"></i>
                                    Salva Gestione
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</x-layout.universal>