Calcolatore Copertura Assicurativa Responsabilità Erariale

    <div>
        <label class="block font-semibold mb-2 text-gray-700">Ente di appartenenza</label>
        <select id="ente" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary">
            <option value="">Seleziona...</option>
            <option value="ministero">Ministero / Stato</option>
            <option value="regione">Regione</option>
            <option value="asst">ASST / Azienda Sanitaria</option>
            <option value="comune-grande">Comune > 100.000 abitanti</option>
            <option value="comune-medio">Comune 50.000 - 100.000 abitanti</option>
            <option value="comune-piccolo">Comune < 50.000 abitanti</option>
            <option value="universita">Università / IRCCS</option>
            <option value="altro">Altro ente pubblico</option>
        </select>
    </div>
    
    <div>
        <label class="block font-semibold mb-2 text-gray-700">Budget/fondi gestiti annualmente</label>
        <select id="budget" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary">
            <option value="">Seleziona...</option>
            <option value="basso">Meno di 500.000€</option>
            <option value="medio">500.000€ - 2.000.000€</option>
            <option value="alto">2.000.000€ - 10.000.000€</option>
            <option value="moltoalto">Più di 10.000.000€</option>
        </select>
    </div>
    
    <div>
        <label class="block font-semibold mb-2 text-gray-700">Anni di servizio nel ruolo attuale</label>
        <select id="anzianita" class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary">
            <option value="">Seleziona...</option>
            <option value="junior">Meno di 2 anni</option>
            <option value="mid">2-5 anni</option>
            <option value="senior">Più di 5 anni</option>
        </select>
    </div>
    
    <button type="submit" class="w-full bg-primary hover:bg-blue-800 text-white font-bold py-4 rounded-xl transition shadow-lg">
        Calcola Copertura Consigliata
    </button>
</form>

<div id="risultato" class="hidden mt-8 p-6 bg-blue-50 rounded-xl border-2 border-primary">
    <h3 class="text-xl font-bold text-primary mb-4">Risultato del calcolo</h3>
    <div class="space-y-4">
        <div class="flex justify-between items-center p-4 bg-white rounded-lg">
            <span class="font-semibold">Copertura minima consigliata:</span>
            <span id="copertura-minima" class="text-2xl font-bold text-primary">-</span>
        </div>
        <div class="flex justify-between items-center p-4 bg-white rounded-lg">
            <span class="font-semibold">Copertura ottimale:</span>
            <span id="copertura-ottimale" class="text-2xl font-bold text-secondary">-</span>
        </div>
        <div class="flex justify-between items-center p-4 bg-white rounded-lg">
            <span class="font-semibold">Premio annuo stimato:</span>
            <span id="premio-stimato" class="text-xl font-bold text-accent">-</span>
        </div>
    </div>
    <div class="mt-6 p-4 bg-yellow-50 rounded-lg border border-yellow-200">
        <p class="text-sm text-yellow-800">
            <strong>⚠️ Nota:</strong> Questi importi sono indicativi. Per un preventivo preciso, richiedi una quotazione personalizzata.
        </p>
    </div>
    <div class="mt-6 text-center">
        <a href="/confronto-polizze/" class="inline-block bg-accent hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-xl transition">
            Richiedi Preventivi →
        </a>
    </div>
</div>