<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>
                        Nuovo Allegato/Documento
                    </h3>
                    <a href="{{ route('admin.allegati.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 caricamento per i documenti e allegati.
                    </div>
                    
                    <form method="POST" action="{{ route('admin.allegati.store') }}" class="row g-3" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="col-md-8">
                            <label for="titolo" class="form-label">
                                <i class="fa-solid fa-heading me-1"></i>
                                Titolo Documento
                            </label>
                            <input type="text" class="form-control" id="titolo" name="titolo" placeholder="Inserisci il titolo del documento" required>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="codice" class="form-label">
                                <i class="fa-solid fa-barcode me-1"></i>
                                Codice Documento
                            </label>
                            <input type="text" class="form-control" id="codice" name="codice" placeholder="Codice automatico" readonly>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="categoria" class="form-label">
                                <i class="fa-solid fa-layer-group me-1"></i>
                                Categoria
                            </label>
                            <select class="form-select" id="categoria" name="categoria" required>
                                <option value="">Seleziona categoria...</option>
                                <option value="contratti">Contratti</option>
                                <option value="fatture">Fatture</option>
                                <option value="preventivi">Preventivi</option>
                                <option value="verbali">Verbali di Assemblea</option>
                                <option value="comunicazioni">Comunicazioni</option>
                                <option value="manutenzione">Manutenzione</option>
                                <option value="legale">Documenti Legali</option>
                                <option value="contabilita">Contabilità</option>
                                <option value="assicurazioni">Assicurazioni</option>
                                <option value="tributi">Tributi</option>
                                <option value="fornitori">Fornitori</option>
                                <option value="condomini">Condomini</option>
                                <option value="certificazioni">Certificazioni</option>
                                <option value="planimetrie">Planimetrie</option>
                                <option value="foto">Fotografie</option>
                                <option value="altro">Altro</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="sottocategoria" class="form-label">
                                <i class="fa-solid fa-folder me-1"></i>
                                Sottocategoria
                            </label>
                            <select class="form-select" id="sottocategoria" name="sottocategoria">
                                <option value="">Seleziona sottocategoria...</option>
                                <option value="ordinaria">Ordinaria</option>
                                <option value="straordinaria">Straordinaria</option>
                                <option value="urgente">Urgente</option>
                                <option value="rinnovo">Rinnovo</option>
                                <option value="cessazione">Cessazione</option>
                                <option value="modifica">Modifica</option>
                                <option value="nuova">Nuova</option>
                            </select>
                        </div>
                        
                        <div class="col-12">
                            <label for="file" class="form-label">
                                <i class="fa-solid fa-upload me-1"></i>
                                File da Caricare
                            </label>
                            <input type="file" class="form-control" id="file" name="file" accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.jpg,.jpeg,.png,.gif,.zip,.rar" required>
                            <div class="form-text">
                                <strong>Formati supportati:</strong> PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, JPG, JPEG, PNG, GIF, ZIP, RAR<br>
                                <strong>Dimensione massima:</strong> 25MB per file
                            </div>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="data_documento" class="form-label">
                                <i class="fa-solid fa-calendar me-1"></i>
                                Data Documento
                            </label>
                            <input type="date" class="form-control" id="data_documento" name="data_documento" 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_archiviazione" class="form-label">
                                <i class="fa-solid fa-calendar-plus me-1"></i>
                                Data Archiviazione
                            </label>
                            <input type="date" class="form-control" id="data_archiviazione" name="data_archiviazione">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="visibilita" class="form-label">
                                <i class="fa-solid fa-eye me-1"></i>
                                Livello di Visibilità
                            </label>
                            <select class="form-select" id="visibilita" name="visibilita" required>
                                <option value="">Seleziona visibilità...</option>
                                <option value="privata">Privata (Solo Amministratore)</option>
                                <option value="amministratore">Amministratore e Collaboratori</option>
                                <option value="condomini">Tutti i Condomini</option>
                                <option value="pubblica">Pubblica</option>
                                <option value="riservata">Riservata (Password)</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="stato" class="form-label">
                                <i class="fa-solid fa-info-circle me-1"></i>
                                Stato Documento
                            </label>
                            <select class="form-select" id="stato" name="stato" required>
                                <option value="">Seleziona stato...</option>
                                <option value="bozza">Bozza</option>
                                <option value="attivo">Attivo</option>
                                <option value="archiviato">Archiviato</option>
                                <option value="scaduto">Scaduto</option>
                                <option value="annullato">Annullato</option>
                                <option value="in_revisione">In Revisione</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="numero_protocollo" class="form-label">
                                <i class="fa-solid fa-file-signature me-1"></i>
                                Numero Protocollo
                            </label>
                            <input type="text" class="form-control" id="numero_protocollo" name="numero_protocollo" placeholder="Numero di protocollo (se presente)">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="mittente_destinatario" class="form-label">
                                <i class="fa-solid fa-user me-1"></i>
                                Mittente/Destinatario
                            </label>
                            <input type="text" class="form-control" id="mittente_destinatario" name="mittente_destinatario" placeholder="Nome mittente o destinatario">
                        </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 del documento, contenuto e scopo..."></textarea>
                        </div>
                        
                        <div class="col-12">
                            <label for="tags" class="form-label">
                                <i class="fa-solid fa-tags me-1"></i>
                                Tags e Parole Chiave
                            </label>
                            <input type="text" class="form-control" id="tags" name="tags" placeholder="Separati da virgola: spese, condominio, 2025, manutenzione, assemblea">
                            <div class="form-text">
                                Inserisci parole chiave separate da virgola per facilitare la ricerca
                            </div>
                        </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 promemoria..."></textarea>
                        </div>
                        
                        <div class="col-12">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="importante" name="importante" value="1">
                                        <label class="form-check-label" for="importante">
                                            <i class="fa-solid fa-star text-warning me-1"></i>
                                            Documento importante
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <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 text-info me-1"></i>
                                            Notifica scadenza
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="firma_digitale" name="firma_digitale" value="1">
                                        <label class="form-check-label" for="firma_digitale">
                                            <i class="fa-solid fa-certificate text-success me-1"></i>
                                            Firma digitale
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="backup_automatico" name="backup_automatico" value="1" checked>
                                        <label class="form-check-label" for="backup_automatico">
                                            <i class="fa-solid fa-cloud text-primary me-1"></i>
                                            Backup automatico
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <hr>
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.allegati.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>
                                    Carica Documento
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</x-layout.universal>