<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 Contratto di Locazione
                    </h3>
                    <a href="{{ route('admin.contratti-locazione.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 i contratti di locazione.
                    </div>
                    
                    <form method="POST" action="{{ route('admin.contratti-locazione.store') }}" class="row g-3">
                        @csrf
                        
                        <div class="col-md-6">
                            <label for="codice" class="form-label">
                                <i class="fa-solid fa-code me-1"></i>
                                Codice Contratto
                            </label>
                            <input type="text" class="form-control" id="codice" name="codice" placeholder="Inserisci codice contratto" required>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="tipo_contratto" class="form-label">
                                <i class="fa-solid fa-list me-1"></i>
                                Tipo Contratto
                            </label>
                            <select class="form-select" id="tipo_contratto" name="tipo_contratto" required>
                                <option value="">Seleziona tipo...</option>
                                <option value="uso_abitativo">Uso Abitativo</option>
                                <option value="uso_commerciale">Uso Commerciale</option>
                                <option value="uso_ufficio">Uso Ufficio</option>
                                <option value="uso_garage">Garage/Box</option>
                                <option value="uso_cantina">Cantina</option>
                                <option value="transitorio">Transitorio</option>
                                <option value="studentesco">Studentesco</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="data_inizio" class="form-label">
                                <i class="fa-solid fa-calendar-plus me-1"></i>
                                Data Inizio Contratto
                            </label>
                            <input type="date" class="form-control" id="data_inizio" name="data_inizio" required>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="data_fine" class="form-label">
                                <i class="fa-solid fa-calendar-times me-1"></i>
                                Data Fine Contratto
                            </label>
                            <input type="date" class="form-control" id="data_fine" name="data_fine" required>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="canone_mensile" class="form-label">
                                <i class="fa-solid fa-euro-sign me-1"></i>
                                Canone Mensile (€)
                            </label>
                            <input type="number" class="form-control" id="canone_mensile" name="canone_mensile" step="0.01" placeholder="0,00" required>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="spese_condominiali" class="form-label">
                                <i class="fa-solid fa-building me-1"></i>
                                Spese Condominiali (€)
                            </label>
                            <input type="number" class="form-control" id="spese_condominiali" name="spese_condominiali" step="0.01" placeholder="0,00">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="inquilino" class="form-label">
                                <i class="fa-solid fa-user me-1"></i>
                                Inquilino/Conduttore
                            </label>
                            <input type="text" class="form-control" id="inquilino" name="inquilino" placeholder="Nome e cognome dell'inquilino" required>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="codice_fiscale_inquilino" class="form-label">
                                <i class="fa-solid fa-id-card me-1"></i>
                                Codice Fiscale Inquilino
                            </label>
                            <input type="text" class="form-control" id="codice_fiscale_inquilino" name="codice_fiscale_inquilino" placeholder="RSSMRA80A01H501Z" maxlength="16">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="deposito_cauzionale" class="form-label">
                                <i class="fa-solid fa-shield-alt me-1"></i>
                                Deposito Cauzionale (€)
                            </label>
                            <input type="number" class="form-control" id="deposito_cauzionale" name="deposito_cauzionale" step="0.01" placeholder="0,00">
                        </div>
                        
                        <div class="col-md-6">
                            <label for="modalita_pagamento" class="form-label">
                                <i class="fa-solid fa-credit-card me-1"></i>
                                Modalità di Pagamento
                            </label>
                            <select class="form-select" id="modalita_pagamento" name="modalita_pagamento" required>
                                <option value="">Seleziona modalità...</option>
                                <option value="bonifico">Bonifico Bancario</option>
                                <option value="rid">RID Bancario</option>
                                <option value="contanti">Contanti</option>
                                <option value="assegno">Assegno</option>
                                <option value="mav">MAV</option>
                                <option value="paypal">PayPal</option>
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="giorno_scadenza" class="form-label">
                                <i class="fa-solid fa-calendar-day me-1"></i>
                                Giorno Scadenza Mensile
                            </label>
                            <select class="form-select" id="giorno_scadenza" name="giorno_scadenza" required>
                                <option value="">Seleziona giorno...</option>
                                @for($i = 1; $i <= 31; $i++)
                                    <option value="{{ $i }}">{{ $i }}</option>
                                @endfor
                            </select>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="stato_contratto" class="form-label">
                                <i class="fa-solid fa-info-circle me-1"></i>
                                Stato Contratto
                            </label>
                            <select class="form-select" id="stato_contratto" name="stato_contratto" required>
                                <option value="">Seleziona stato...</option>
                                <option value="bozza">Bozza</option>
                                <option value="attivo">Attivo</option>
                                <option value="sospeso">Sospeso</option>
                                <option value="cessato">Cessato</option>
                                <option value="rinnovato">Rinnovato</option>
                            </select>
                        </div>
                        
                        <div class="col-12">
                            <label for="note" class="form-label">
                                <i class="fa-solid fa-sticky-note me-1"></i>
                                Note e Clausole Particolari
                            </label>
                            <textarea class="form-control" id="note" name="note" rows="4" placeholder="Inserisci note aggiuntive, clausole particolari o condizioni speciali del contratto..."></textarea>
                        </div>
                        
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="registrazione_agenzia" name="registrazione_agenzia" value="1">
                                <label class="form-check-label" for="registrazione_agenzia">
                                    <i class="fa-solid fa-stamp me-1"></i>
                                    Contratto registrato presso l'Agenzia delle Entrate
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="cedolare_secca" name="cedolare_secca" value="1">
                                <label class="form-check-label" for="cedolare_secca">
                                    <i class="fa-solid fa-percentage me-1"></i>
                                    Applicazione regime della cedolare secca
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            <hr>
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.contratti-locazione.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 Contratto
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</x-layout.universal>