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

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

Referenze

_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<h4>Titolo di intestazione di quarto livello
multipart/form-dataCodifica dei caratteri di un form
valueValore alfanumerico o booleano contenuto in un elemento
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

26/01/2024 pagina html

Riprova verifica di progr

Seasons of the Year

esercizio 04 pagina beep

Le mie materie preferite

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>