Verifica Subappalto (Art. 119) by @appalest - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<h3>Titolo di intestazione di terzo livello
<abbr>Inserisce abbreviazioni e acronimi
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<iframe>Crea un frame all'interno di una pagina HTML.
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
dirnameInvia informazioni sulla direzione di scrittura da un elemento input

Users

Log in to search for users

Explore

Find inspiration

Review of Functions I

meraviglieItalia.html

Tabella con ricerca

Endurance Performance Analyzer

VERDERAME | Serra e Orto Botanico

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verifica Subappalto (Art. 119)</title>
    <!-- Caricamento Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Caricamento font Inter */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
        }
        /* Stile personalizzato per i radio button */
        .radio-label {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        .radio-label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }
        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 24px;
            width: 24px;
            background-color: #e5e7eb;
            border-radius: 50%;
            border: 1px solid #d1d5db;
        }
        .radio-label:hover input ~ .checkmark {
            background-color: #d1d5db;
        }
        .radio-label input:checked ~ .checkmark {
            background-color: #2563eb;
            border-color: #1d4ed8;
        }
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }
        .radio-label input:checked ~ .checkmark:after {
            display: block;
        }
        .radio-label .checkmark:after {
            top: 8px;
            left: 8px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: white;
        }
    </style>
</head>
<body class="bg-gray-100 min-h-screen flex items-center justify-center p-4">

    <div class="bg-white p-6 sm:p-10 rounded-xl shadow-lg w-full max-w-2xl">
        
        <header class="mb-8 text-center">
            <h1 class="text-3xl font-bold text-blue-800">Verifica Subappalto</h1>
            <p class="text-lg text-gray-600 mt-2">Determina se un subcontratto è un subappalto ai sensi dell'Art. 119 D.Lgs. 36/2023</p>
        </header>

        <form id="appaltoForm">
            <div class="space-y-6">

                <!-- 1. Tipologia Appalto -->
                <div>
                    <label for="contractType" class="block text-sm font-medium text-gray-700 mb-2">1. Tipologia Appalto Principale</label>
                    <select id="contractType" name="contractType" class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500" required>
                        <option value="" disabled selected>Seleziona un tipo...</option>
                        <option value="lavori">Lavori</option>
                        <option value="servizi">Servizi</option>
                        <option value="forniture">Forniture</option>
                    </select>
                </div>

                <!-- 2. Specifiche Appalto -->
                <div>
                    <label for="contractDetails" class="block text-sm font-medium text-gray-700 mb-2">2. Specifiche Appalto (Descrizione)</label>
                    <textarea id="contractDetails" name="contractDetails" rows="2" class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500" placeholder="Es. 'Costruzione edificio scolastico', 'Servizi di pulizia uffici', 'Fornitura di personal computer'"></textarea>
                </div>

                <!-- 3 & 6. Valori -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label for="contractValue" class="block text-sm font-medium text-gray-700 mb-2">3. Valore Appalto (€)</label>
                        <input type="number" id="contractValue" name="contractValue" class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500" placeholder="Es. 1000000">
                    </div>
                    <div>
                        <label for="subcontractValue" class="block text-sm font-medium text-gray-700 mb-2">6. Valore Subcontratto (€)</label>
                        <input type="number" id="subcontractValue" name="subcontractValue" class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500" placeholder="Es. 50000" required>
                    </div>
                </div>

                <!-- 4. Tipologia Subcontratto -->
                <div class="border border-gray-200 p-4 rounded-lg bg-gray-50">
                    <label class="block text-sm font-medium text-gray-700 mb-3">4. Tipologia Subcontratto (Natura dell'affidamento)</label>
                    <div class="space-y-3">
                        <label class="radio-label">Esecuzione di parte dell'oggetto del contratto
                            <input type="radio" name="subcontractType" value="oggetto" required>
                            <span class="checkmark"></span>
                            <span class="ml-2 text-xs text-gray-500 block">Il terzo esegue una prestazione che l'appaltatore doveva alla Stazione Appaltante.</span>
                        </label>
                        <label class="radio-label">Attività funzionale/accessoria all'appalto
                            <input type="radio" name="subcontractType" value="funzionale" required>
                            <span class="checkmark"></span>
                            <span class="ml-2 text-xs text-gray-500 block">Es. subfornitura, nolo, acquisto di materiali. Il terzo fornisce un bene/servizio *all'appaltatore*, non alla Stazione Appaltante.</span>
                        </label>
                    </div>
                </div>

                <!-- 5. Manodopera -->
                <div class="border border-gray-200 p-4 rounded-lg bg-gray-50">
                    <label class="block text-sm font-medium text-gray-700 mb-3">5. Intensità Manodopera (nel subcontratto)</label>
                    <div class="space-y-3">
                        <label class="radio-label">Maggiore del 50% (alta intensità)
                            <input type="radio" name="labor" value="maggiore" required>
                            <span class="checkmark"></span>
                        </label>
                        <label class="radio-label">Minore del 50% (bassa intensità)
                            <input type="radio" name="labor" value="minore" required>
                            <span class="checkmark"></span>
                        </label>
                    </div>
                </div>

                <!-- Bottone di Verifica -->
                <div class="pt-4">
                    <button type="submit" class="w-full bg-blue-600 text-white font-bold py-3 px-6 rounded-lg shadow-md hover:bg-blue-700 transition duration-300 text-lg">
                        Verifica Qualificazione
                    </button>
                </div>

            </div>
        </form>

        <!-- Area Risultato -->
        <div id="resultArea" class="hidden mt-8 p-6 rounded-lg transition-all">
            <h3 id="resultTitle" class="text-2xl font-bold mb-3"></h3>
            <p id="resultExplanation" class="text-md text-gray-800"></p>
            <p class="text-xs text-gray-500 mt-4 pt-4 border-t border-gray-200">
                <strong>Disclaimer:</strong> Questo strumento fornisce una qualificazione preliminare e semplificata basata sulla definizione e sulle principali esclusioni dell'Art. 119. Non sostituisce una consulenza legale qualificata.
            </p>
        </div>

    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const form = document.getElementById('appaltoForm');
            form.addEventListener('submit', (e) => {
                e.preventDefault();
                checkSubappalto();
            });
        });

        function checkSubappalto() {
            // --- Raccolta Dati ---
            const contractType = document.getElementById('contractType').value;
            const subcontractValue = parseFloat(document.getElementById('subcontractValue').value) || 0;
            
            // Dati chiave per la logica
            const subcontractTypeRadio = document.querySelector('input[name="subcontractType"]:checked');
            const laborRadio = document.querySelector('input[name="labor"]:checked');

            // Elementi di output
            const resultArea = document.getElementById('resultArea');
            const resultTitle = document.getElementById('resultTitle');
            const resultExplanation = document.getElementById('resultExplanation');

            // Controllo input mancanti
            if (!subcontractTypeRadio || !laborRadio || !contractType || subcontractValue === 0) {
                resultArea.className = 'block mt-8 p-6 rounded-lg bg-yellow-50 border border-yellow-200';
                resultTitle.className = 'text-xl font-bold text-yellow-800';
                resultTitle.textContent = 'Dati Mancanti';
                resultExplanation.textContent = 'Per favore, compila tutti i campi, in particolare Tipologia Appalto, Valore Subcontratto e le scelte su Tipologia e Manodopera.';
                resultArea.classList.remove('hidden');
                return;
            }

            const subcontractType = subcontractTypeRadio.value;
            const labor = laborRadio.value;

            // --- Logica di Verifica (Art. 119) ---
            
            let isSubappalto = false;
            let explanation = "";

            if (subcontractType === 'funzionale') {
                // CASO 1: Attività funzionale (Art. 119, c. 3)
                // Se è un'attività accessoria, una subfornitura, un nolo, ecc., non è MAI subappalto.
                isSubappalto = false;
                explanation = "NON si configura come subappalto perché si tratta di un'attività 'funzionale' o 'accessoria' (come una subfornitura o un nolo a caldo senza operatore prevalente) e non di una parte diretta della prestazione principale. Rientra nelle esclusioni generali (Art. 119, c. 3).";
            
            } else if (subcontractType === 'oggetto') {
                // CASO 2: Esecuzione di parte dell'oggetto (Art. 119, c. 2)
                // Questa è la definizione di subappalto. Di base è SÌ, a meno che non ci siano eccezioni.
                isSubappalto = true;
                explanation = "SI configura come subappalto perché prevede l'esecuzione di una parte delle prestazioni che sono oggetto diretto dell'appalto principale (definizione Art. 119, c. 2).";

                // ECCEZIONE 1: Valore (Art. 119, c. 3, lett. a & b)
                // L'eccezione si applica se l'importo è < 40.000€
                if (subcontractValue < 40000) {
                    
                    if (labor === 'minore') {
                        // Se è < 40k E non è ad alta intensità di manodopera, l'eccezione vale.
                        isSubappalto = false;
                        explanation = "NON si configura come subappalto. Anche se è parte dell'oggetto, l'importo è inferiore a 40.000€ e non è ad alta intensità di manodopera, rientrando quindi nelle esclusioni (Art. 119, c. 3, lett. a/b).";
                    
                    } else {
                        // Se è < 40k MA è ad alta intensità di manodopera, l'eccezione NON vale.
                        isSubappalto = true;
                        explanation = "SI configura come subappalto. Anche se l'importo è inferiore a 40.000€, l'attività è 'ad alta intensità di manodopera', e le esclusioni (lett. a) non si applicano.";
                    }
                }
            }

            // --- Visualizzazione Risultato ---
            if (isSubappalto) {
                resultArea.className = 'block mt-8 p-6 rounded-lg bg-red-50 border border-red-200';
                resultTitle.className = 'text-2xl font-bold text-red-700';
                resultTitle.textContent = 'SI, costituisce SUBAPPALTO';
            } else {
                resultArea.className = 'block mt-8 p-6 rounded-lg bg-green-50 border border-green-200';
                resultTitle.className = 'text-2xl font-bold text-green-700';
                resultTitle.textContent = 'NO, NON costituisce subappalto';
            }
            resultExplanation.textContent = explanation;
        }

    </script>
</body>
</html>