import React, { useState, useEffect } from 'react';
import { Calculator, Users, TrendingUp, FileText, Euro, PieChart, Download } from 'lucide-react';

const CostCalculator = () => {
  const [ral, setRal] = useState('30000');
  const [contractType, setContractType] = useState('tempo_indeterminato');
  const [tipoAgevolazione, setTipoAgevolazione] = useState('nessuna');
  const [rischioInail, setRischioInail] = useState('basso');
  const [altroObbligoContributivo, setAltroObbligoContributivo] = useState(false);
  const [giorniAnnui, setGiorniAnnui] = useState(220);
  const [oreAnnue, setOreAnnue] = useState(1760);
  const [results, setResults] = useState({});

  // Aliquote contributive 2025
  const contributionRates = {
    inps_dipendente: 0.0919, // 9.19%
    inps_azienda: 0.30, // 30% (stimato)
    inail: {
      basso: 0.01,    // 1% - basso rischio
      medio: 0.03,    // 3% - medio rischio
      alto: 0.075     // 7.5% - alto rischio
    },
    tfr: 0.0691, // 6.91%
    costi_vari: 0.02, // 2% - costi vari aggiuntivi
    agevolazione_giovani: 0.06 // 6% riduzione per under 30
  };

  // Aliquote IRPEF 2025
  const irpefRates = [
    { min: 0, max: 28000, rate: 0.23 },
    { min: 28000, max: 50000, rate: 0.35 },
    { min: 50000, max: Infinity, rate: 0.43 }
  ];

  // Calcolo IRPEF
  const calculateIrpef = (reddito) => {
    let irpef = 0;
    for (const bracket of irpefRates) {
      if (reddito > bracket.min) {
        const taxableInBracket = Math.min(reddito, bracket.max) - bracket.min;
        irpef += taxableInBracket * bracket.rate;
      }
    }
    return irpef;
  };

  // Calcolo Trattamento Integrativo
  const calculateTrattamentoIntegrativo = (irpefLorda, detrazioniTotali, imponibileFiscale) => {
    if (irpefLorda > detrazioniTotali) {
      if (imponibileFiscale < 15000) {
        return 1200; // 1200 euro l'anno
      } else {
        return 0; // NO
      }
    } else {
      return 0; // NO
    }
  };

  // Calcolo Indennità 2025
  const calculateIndennita2025 = (reddito) => {
    if (reddito < 8500) {
      return reddito * 0.071; // 7.1%
    } else if (reddito < 15000) {
      return reddito * 0.053; // 5.3%
    } else if (reddito < 20000) {
      return reddito * 0.048; // 4.8%
    } else if (reddito < 32000) {
      return 1000;
    } else if (reddito < 40000) {
      return 1000 * ((40000 - reddito) / 8000);
    } else {
      return 0;
    }
  };

  // Calcolo detrazioni lavoro dipendente 2025 (formule corrette)
  const calculateDetrazioni = (reddito) => {
    // Formula 1: Detrazioni base
    let detrazioneBase = 0;
    if (reddito < 15000) {
      detrazioneBase = 1955;
    } else if (reddito < 28000) {
      detrazioneBase = 1910 + (1190 * (28000 - reddito) / (28000 - 15000));
    } else if (reddito < 50000) {
      detrazioneBase = 1910 * ((50000 - reddito) / (50000 - 28000));
    } else {
      detrazioneBase = 0;
    }

    // Formula 2: Detrazioni aggiuntive
    let detrazioneAggiuntiva = 0;
    if (reddito > 25000 && reddito < 35000) {
      detrazioneAggiuntiva = 65;
    }

    return {
      detrazioneBase: Math.max(0, detrazioneBase),
      detrazioneAggiuntiva: detrazioneAggiuntiva,
      totale: Math.max(0, detrazioneBase) + detrazioneAggiuntiva
    };
  };

  // Calcolo dettagliato del costo
  const calculateCost = () => {
    const ralNum = parseFloat(ral) || 0;
    
    // === COSTI AZIENDA ===
    // Contributi INPS azienda (variabili per tipo contratto)
    let inpsAzienda;
    if (contractType === 'apprendistato') {
      inpsAzienda = ralNum * 0.0311; // 3.11% per apprendistato primo anno
    } else if (contractType === 'tempo_determinato') {
      inpsAzienda = ralNum * (contributionRates.inps_azienda + 0.014); // 30% + 1.4% per tempo determinato
    } else if (contractType === 'cococo') {
      // Co.Co.Co.: 35.03% totali (2/3 azienda) o 24% se altra contribuzione obbligatoria
      // Limite massimo imponibilità contributiva 2025: 120.607€
      const limiteImponibilita = 120607;
      const ralImponibile = Math.min(ralNum, limiteImponibilita);
      const percentualeTotale = altroObbligoContributivo ? 0.24 : 0.3503;
      inpsAzienda = ralImponibile * (percentualeTotale * 2/3); // 2/3 a carico azienda
    } else {
      inpsAzienda = ralNum * contributionRates.inps_azienda; // 30% per altri contratti
    }
    
    // Agevolazioni per Under 30 (100% sgravio INPS fino a 3.000€/anno per 36 mesi - solo per tempo indeterminato)
    if (tipoAgevolazione === 'under_30' && contractType === 'tempo_indeterminato') {
      // Calcolo dello sgravio Under 30 (100% fino a 3000€)
      const sgravioMassimo = 3000;
      const sgravioCalcolato = inpsAzienda;
      const sgravioEffettivo = Math.min(sgravioCalcolato, sgravioMassimo);
      inpsAzienda = inpsAzienda - sgravioEffettivo;
    }

    // Agevolazioni per Donne Disoccupate (100% sgravio contributi azienda fino a 8.000€/anno - escluso Co.Co.Co.)
    if (tipoAgevolazione === 'donne_disoccupate' && contractType !== 'cococo') {
      // Calcolo dello sgravio Donne Disoccupate (100% fino a 8000€)
      const sgravioMassimo = 8000;
      const sgravioCalcolato = inpsAzienda;
      const sgravioEffettivo = Math.min(sgravioCalcolato, sgravioMassimo);
      inpsAzienda = inpsAzienda - sgravioEffettivo;
    }

    // Agevolazioni per Over 50 (50% sgravio contributi azienda - escluso Co.Co.Co.)
    if (tipoAgevolazione === 'over_50' && contractType !== 'cococo') {
      // Calcolo dello sgravio Over 50 (50% dei contributi azienda)
      const sgravioPercentuale = 0.50; // 50%
      const sgravioCalcolato = inpsAzienda * sgravioPercentuale;
      inpsAzienda = inpsAzienda - sgravioCalcolato;
    }
    
    // Contributi INAIL (azzerati per apprendistato, variabile per Co.Co.Co.)
    let inail;
    let inailCollaboratore = 0;
    if (contractType === 'apprendistato') {
      inail = 0; // INAIL azzerato per apprendistato
    } else if (contractType === 'cococo') {
      // Co.Co.Co.: INAIL calcolato e diviso 2/3 azienda, 1/3 collaboratore
      // Limite massimo imponibilità contributiva 2025: 120.607€
      const limiteImponibilita = 120607;
      const ralImponibile = Math.min(ralNum, limiteImponibilita);
      const inailTotale = ralImponibile * contributionRates.inail[rischioInail];
      inail = inailTotale * 2/3; // 2/3 a carico azienda
      inailCollaboratore = inailTotale * 1/3; // 1/3 a carico collaboratore
    } else {
      inail = ralNum * contributionRates.inail[rischioInail];
    }
    
    // TFR (non spetta per Co.Co.Co.)
    let tfr = 0;
    if (contractType !== 'cococo') {
      tfr = ralNum * contributionRates.tfr;
    }
    
    // Costi vari aggiuntivi (non spettano per Co.Co.Co.)
    let costiVari = 0;
    if (contractType !== 'cococo') {
      costiVari = ralNum * contributionRates.costi_vari;
    }
    
    // Totale costi azienda
    const totalContributi = inpsAzienda + inail + tfr + costiVari;
    
    // Costo totale annuale
    const costoTotale = ralNum + totalContributi;
    
    // Costo mensile
    const costoMensile = costoTotale / 12;
    
    // Percentuale di maggiorazione
    const percentualeMaggiorazione = (totalContributi / ralNum) * 100;

    // === NETTO DIPENDENTE/COLLABORATORE ===
    // Contributi INPS dipendente/collaboratore (variabili per tipo contratto)
    let inpsDipendente;
    if (contractType === 'apprendistato') {
      inpsDipendente = ralNum * 0.0584; // 5.84% per apprendistato
    } else if (contractType === 'cococo') {
      // Co.Co.Co.: 1/3 del totale a carico collaboratore
      // Limite massimo imponibilità contributiva 2025: 120.607€
      const limiteImponibilita = 120607;
      const ralImponibile = Math.min(ralNum, limiteImponibilita);
      const percentualeTotale = altroObbligoContributivo ? 0.24 : 0.3503;
      inpsDipendente = ralImponibile * (percentualeTotale * 1/3); // 1/3 a carico collaboratore
    } else {
      inpsDipendente = ralNum * contributionRates.inps_dipendente; // 9.19% per altri contratti (tempo determinato = indeterminato)
    }
    
    // Reddito imponibile IRPEF (per Co.Co.Co. si sottrae anche INAIL collaboratore)
    let redditoImponibile;
    if (contractType === 'cococo') {
      redditoImponibile = ralNum - inpsDipendente - inailCollaboratore;
    } else {
      redditoImponibile = ralNum - inpsDipendente;
    }
    
    // IRPEF lorda
    const irpefLorda = calculateIrpef(redditoImponibile);
    
    // Detrazioni
    const detrazioni = calculateDetrazioni(redditoImponibile);
    
    // IRPEF netta
    const irpefNetta = Math.max(0, irpefLorda - detrazioni.totale);
    
    // Indennità 2025 (non spetta per Co.Co.Co.)
    let indennita2025 = 0;
    if (contractType !== 'cococo') {
      indennita2025 = calculateIndennita2025(redditoImponibile);
    }
    
    // Trattamento Integrativo (spetta a tutti se soddisfano le condizioni)
    const trattamentoIntegrativo = calculateTrattamentoIntegrativo(irpefLorda, detrazioni.totale, redditoImponibile);
    
    // Netto annuale (include Indennità 2025, Trattamento Integrativo e sottrae INAIL collaboratore per Co.Co.Co.)
    let nettoAnnuale;
    if (contractType === 'cococo') {
      nettoAnnuale = ralNum - inpsDipendente - inailCollaboratore - irpefNetta + indennita2025 + trattamentoIntegrativo;
    } else {
      nettoAnnuale = ralNum - inpsDipendente - irpefNetta + indennita2025 + trattamentoIntegrativo;
    }
    
    // Netto mensile su 12 mensilità
    const nettoMensile12 = nettoAnnuale / 12;
    
    // Netto mensile su 13 e 14 mensilità (solo per dipendenti, non Co.Co.Co.)
    let nettoMensile13 = 0;
    let nettoMensile14 = 0;
    if (contractType !== 'cococo') {
      nettoMensile13 = nettoAnnuale / 13;
      nettoMensile14 = nettoAnnuale / 14;
    }
    
    setResults({
      // Costi azienda
      ral: ralNum,
      inpsAzienda: inpsAzienda,
      sgravioUnder30: tipoAgevolazione === 'under_30' && contractType === 'tempo_indeterminato' ? 
        Math.min(ralNum * 0.30, 3000) : 0,
      sgravioDonneDisoccupate: tipoAgevolazione === 'donne_disoccupate' && contractType !== 'cococo' ? 
        Math.min((ralNum * (contractType === 'tempo_determinato' ? 0.314 : contractType === 'apprendistato' ? 0.0311 : 0.30)), 8000) : 0,
      sgravioOver50: tipoAgevolazione === 'over_50' && contractType !== 'cococo' ? 
        (ralNum * (contractType === 'tempo_determinato' ? 0.314 : contractType === 'apprendistato' ? 0.0311 : 0.30)) * 0.50 : 0,
      inail: inail,
      tfr: tfr,
      costiVari: costiVari,
      totalContributi: totalContributi,
      costoTotale: costoTotale,
      costoMensile: costoMensile,
      percentualeMaggiorazione: percentualeMaggiorazione,
      
      // Netto dipendente
      inpsDipendente: inpsDipendente,
      inailCollaboratore: inailCollaboratore,
      redditoImponibile: redditoImponibile,
      irpefLorda: irpefLorda,
      detrazioni: detrazioni,
      indennita2025: indennita2025,
      trattamentoIntegrativo: trattamentoIntegrativo,
      irpefNetta: irpefNetta,
      nettoAnnuale: nettoAnnuale,
      nettoMensile12: nettoMensile12,
      nettoMensile13: nettoMensile13,
      nettoMensile14: nettoMensile14
    });
  };

  useEffect(() => {
    calculateCost();
  }, [ral, contractType, tipoAgevolazione, rischioInail, altroObbligoContributivo, giorniAnnui, oreAnnue]);

  const formatCurrency = (value) => {
    return new Intl.NumberFormat('it-IT', {
      style: 'currency',
      currency: 'EUR'
    }).format(value);
  };

  const formatPercentage = (value) => {
    return `${value.toFixed(1)}%`;
  };

  const getInpsAziendaPercentage = () => {
    if (contractType === 'apprendistato') return '3.11%';
    if (contractType === 'tempo_determinato') return '31.4%';
    if (contractType === 'cococo') {
      const totale = altroObbligoContributivo ? '24%' : '35.03%';
      return `${((altroObbligoContributivo ? 0.24 : 0.3503) * 2/3 * 100).toFixed(2)}% (2/3 di ${totale})`;
    }
    return '30%';
  };

  const getInpsDipendentePercentage = () => {
    if (contractType === 'apprendistato') return '5.84%';
    if (contractType === 'cococo') {
      const totale = altroObbligoContributivo ? '24%' : '35.03%';
      return `${((altroObbligoContributivo ? 0.24 : 0.3503) * 1/3 * 100).toFixed(2)}% (1/3 di ${totale})`;
    }
    return '9.19%';
  };

  const exportToPDF = () => {
    const printWindow = window.open('', '_blank');
    const content = `
    <!DOCTYPE html>
    <html>
    <head>
      <title>Report Costo Dipendente 2025</title>
      <style>
        body { font-family: Arial, sans-serif; margin: 20px; }
        .header { text-align: center; margin-bottom: 30px; }
        .section { margin-bottom: 20px; }
        .data-row { margin: 5px 0; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>Report Costo Dipendente 2025</h1>
        <p>Generato il: ${new Date().toLocaleDateString('it-IT')}</p>
      </div>
      
      <div class="section">
        <h2>Dati</h2>
        <div class="data-row">RAL: ${formatCurrency(results.ral || 0)}</div>
        <div class="data-row">Contratto: ${contractType}</div>
        <div class="data-row">Costo Totale: ${formatCurrency(results.costoTotale || 0)}</div>
        <div class="data-row">Netto Annuale: ${formatCurrency(results.nettoAnnuale || 0)}</div>
      </div>
    </body>
    </html>`;
    
    printWindow.document.write(content);
    printWindow.document.close();
    printWindow.print();
  };

  return (
    <div className="max-w-6xl mx-auto p-6 bg-gray-50 min-h-screen">
      {/* Header */}
      <div className="text-center mb-8">
        <h1 className="text-3xl font-bold text-gray-800 mb-2 flex items-center justify-center gap-2">
          <Calculator className="text-blue-600" />
          Simulatore Costo Dipendente 2025
        </h1>
        <p className="text-gray-600">Calcola il costo reale di un dipendente con le aliquote aggiornate</p>
      </div>

      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
        {/* Form Input */}
        <div className="bg-white rounded-xl shadow-lg p-6">
          <h2 className="text-xl font-semibold mb-6 text-gray-800 flex items-center gap-2">
            <Users className="text-blue-600" />
            Dati Dipendente
          </h2>
          
          <div className="space-y-4">
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-2">
                RAL (Retribuzione Annua Lorda)
              </label>
              <div className="relative">
                <Euro className="absolute left-3 top-3 h-4 w-4 text-gray-400" />
                <input
                  type="number"
                  value={ral}
                  onChange={(e) => setRal(e.target.value)}
                  className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                  placeholder="30000"
                />
              </div>
            </div>

            <div>
              <label className="block text-sm font-medium text-gray-700 mb-2">
                Tipo Contratto
              </label>
              <select
                value={contractType}
                onChange={(e) => setContractType(e.target.value)}
                className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
              >
                <option value="tempo_indeterminato">Tempo Indeterminato</option>
                <option value="tempo_determinato">Tempo Determinato</option>
                <option value="apprendistato">Apprendistato</option>
                <option value="cococo">Co.Co.Co.</option>
              </select>
            </div>

            <div>
              <label className="block text-sm font-medium text-gray-700 mb-2">
                Tipo Agevolazione
              </label>
              <select
                value={tipoAgevolazione}
                onChange={(e) => setTipoAgevolazione(e.target.value)}
                className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
              >
                <option value="nessuna">Nessuna agevolazione</option>
                <option value="under_30">Under 30</option>
                <option value="donne_disoccupate">Donne disoccupate</option>
                <option value="over_50">Over 50</option>
              </select>
            </div>

            <div>
              <label className="block text-sm font-medium text-gray-700 mb-2">
                Rischio INAIL
              </label>
              <select
                value={rischioInail}
                onChange={(e) => setRischioInail(e.target.value)}
                className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                disabled={contractType === 'apprendistato'}
              >
                <option value="basso">Basso rischio (1%)</option>
                <option value="medio">Medio rischio (3%)</option>
                <option value="alto">Alto rischio (7.5%)</option>
              </select>
              {contractType === 'cococo' && (
                <div className="mt-4 bg-blue-50 border border-blue-200 rounded-lg p-4">
                  <div className="flex items-start gap-2">
                    <div className="text-blue-600 mt-0.5">ℹ️</div>
                    <div>
                      <h4 className="text-sm font-semibold text-blue-800 mb-1">Limite Imponibilità Co.Co.Co.</h4>
                      <p className="text-sm text-blue-700">
                        I contributi sono calcolati fino al limite massimo di imponibilità contributiva di €120.607 per il 2025.
                        {results.ral > 120607 && ` La RAL di ${formatCurrency(results.ral)} eccede il limite, quindi i contributi sono calcolati solo su ${formatCurrency(120607)}.`}
                      </p>
                    </div>
                  </div>
                </div>
              )}
              {contractType === 'apprendistato' && (
                <p className="text-xs text-gray-500 mt-1">INAIL non applicabile per apprendistato</p>
              )}
            </div>

            {contractType === 'cococo' && (
              <div className="bg-yellow-50 border-2 border-yellow-300 rounded-lg p-4">
                <div className="flex items-start gap-3">
                  <div className="text-yellow-600 mt-1">⚠️</div>
                  <div className="flex-1">
                    <h4 className="text-sm font-semibold text-yellow-800 mb-2">
                      IMPORTANTE: Altra Contribuzione Obbligatoria
                    </h4>
                    <div className="flex items-start gap-2">
                      <input
                        type="checkbox"
                        id="altroObbligo"
                        checked={altroObbligoContributivo}
                        onChange={(e) => setAltroObbligoContributivo(e.target.checked)}
                        className="h-4 w-4 mt-1 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
                      />
                      <label htmlFor="altroObbligo" className="block text-sm text-yellow-800 font-medium">
                        Ha altra contribuzione obbligatoria (es. INPS Autonomi, altro lavoro dipendente, ecc.)
                      </label>
                    </div>
                    <p className="text-xs text-yellow-700 mt-2">
                      Seleziona se il collaboratore è già iscritto ad altre forme di previdenza obbligatoria. 
                      Questo riduce i contributi dal 35.03% al 24%.
                    </p>
                  </div>
                </div>
              </div>
            )}
          </div>
        </div>

        {/* Results */}
        <div className="bg-white rounded-xl shadow-lg p-6">
          <div className="flex justify-between items-center mb-6">
            <h2 className="text-xl font-semibold text-gray-800 flex items-center gap-2">
              <TrendingUp className="text-green-600" />
              Risultati Calcolo
            </h2>
            <button
              onClick={exportToPDF}
              className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg flex items-center gap-2 transition-colors"
            >
              <Download className="h-4 w-4" />
              Esporta PDF
            </button>
          </div>
          
          <div className="space-y-4">
            {/* Costo Totale */}
            <div className="bg-gradient-to-r from-blue-50 to-blue-100 p-4 rounded-lg border border-blue-200">
              <div className="flex justify-between items-center">
                <span className="text-sm font-medium text-blue-800">Costo Totale Annuale</span>
                <span className="text-2xl font-bold text-blue-900">{formatCurrency(results.costoTotale || 0)}</span>
              </div>
              <div className="flex justify-between items-center mt-2">
                <span className="text-sm text-blue-700">Costo Mensile</span>
                <span className="text-lg font-semibold text-blue-800">{formatCurrency(results.costoMensile || 0)}</span>
              </div>
            </div>

            {/* Breakdown */}
            <div className="space-y-3">
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">RAL</span>
                <span className="font-semibold">{formatCurrency(results.ral || 0)}</span>
              </div>
              
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">
                  Contributi INPS Azienda ({getInpsAziendaPercentage()})
                </span>
                <span className="font-semibold text-orange-600">{formatCurrency(results.inpsAzienda || 0)}</span>
              </div>
              
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">
                  Contributi INAIL ({contractType === 'apprendistato' ? '0%' : contractType === 'cococo' ? `${rischioInail === 'basso' ? '0.67%' : rischioInail === 'medio' ? '2%' : '5%'} (2/3)` : rischioInail === 'basso' ? '1%' : rischioInail === 'medio' ? '3%' : '7.5%'})
                </span>
                <span className="font-semibold text-red-600">{formatCurrency(results.inail || 0)}</span>
              </div>
              
              {tipoAgevolazione === 'under_30' && contractType === 'tempo_indeterminato' && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">Sgravio Under 30 (100% fino a 3.000€)</span>
                  <span className="font-semibold text-green-600">-{formatCurrency(results.sgravioUnder30 || 0)}</span>
                </div>
              )}

              {tipoAgevolazione === 'donne_disoccupate' && contractType !== 'cococo' && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">Sgravio Donne Disoccupate (100% fino a 8.000€)</span>
                  <span className="font-semibold text-green-600">-{formatCurrency(results.sgravioDonneDisoccupate || 0)}</span>
                </div>
              )}

              {tipoAgevolazione === 'over_50' && contractType !== 'cococo' && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">Sgravio Over 50 (50%)</span>
                  <span className="font-semibold text-green-600">-{formatCurrency(results.sgravioOver50 || 0)}</span>
                </div>
              )}
              
              {contractType !== 'cococo' && (
                <>
                  <div className="flex justify-between items-center py-2 border-b border-gray-200">
                    <span className="text-sm text-gray-600">TFR (6.91%)</span>
                    <span className="font-semibold text-purple-600">{formatCurrency(results.tfr || 0)}</span>
                  </div>
                  
                  <div className="flex justify-between items-center py-2 border-b border-gray-200">
                    <span className="text-sm text-gray-600">Costi vari aggiuntivi (2%)</span>
                    <span className="font-semibold text-blue-600">{formatCurrency(results.costiVari || 0)}</span>
                  </div>
                </>
              )}
              
              <div className="flex justify-between items-center py-2 bg-gray-50 rounded px-3">
                <span className="text-sm font-medium text-gray-700">Totale Costi Azienda</span>
                <span className="font-bold text-gray-900">{formatCurrency(results.totalContributi || 0)}</span>
              </div>
            </div>
          </div>
        </div>

        {/* Netto Dipendente */}
        <div className="bg-white rounded-xl shadow-lg p-6">
          <h2 className="text-xl font-semibold mb-6 text-gray-800 flex items-center gap-2">
            <Euro className="text-purple-600" />
            {contractType === 'cococo' ? 'Netto Spettante al Collaboratore' : 'Netto Spettante al Dipendente'}
          </h2>
          
          <div className="space-y-4">
            {/* Netto Annuale */}
            <div className="bg-gradient-to-r from-purple-50 to-purple-100 p-4 rounded-lg border border-purple-200">
              <div className="flex justify-between items-center">
                <span className="text-sm font-medium text-purple-800">Netto Annuale</span>
                <span className="text-2xl font-bold text-purple-900">{formatCurrency(results.nettoAnnuale || 0)}</span>
              </div>
            </div>

            {/* Breakdown Netto */}
            <div className="space-y-3">
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">RAL</span>
                <span className="font-semibold">{formatCurrency(results.ral || 0)}</span>
              </div>
              
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">
                  Contributi INPS {contractType === 'cococo' ? 'Collaboratore' : 'Dipendente'} ({getInpsDipendentePercentage()})
                </span>
                <span className="font-semibold text-red-600">-{formatCurrency(results.inpsDipendente || 0)}</span>
              </div>
              
              <div className="flex justify-between items-center py-2 border-b border-gray-200">
                <span className="text-sm text-gray-600">IRPEF Netta</span>
                <span className="font-semibold text-red-600">-{formatCurrency(results.irpefNetta || 0)}</span>
              </div>
              
              {contractType === 'cococo' && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">
                    Contributi INAIL Collaboratore ({rischioInail === 'basso' ? '0.33%' : rischioInail === 'medio' ? '1%' : '2.5%'} - 1/3)
                  </span>
                  <span className="font-semibold text-red-600">-{formatCurrency(results.inailCollaboratore || 0)}</span>
                </div>
              )}
              
              {contractType !== 'cococo' && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">Indennità 2025</span>
                  <span className="font-semibold text-green-600">+{formatCurrency(results.indennita2025 || 0)}</span>
                </div>
              )}
              
              {results.trattamentoIntegrativo > 0 && (
                <div className="flex justify-between items-center py-2 border-b border-gray-200">
                  <span className="text-sm text-gray-600">Trattamento Integrativo</span>
                  <span className="font-semibold text-green-600">+{formatCurrency(results.trattamentoIntegrativo || 0)}</span>
                </div>
              )}
            </div>

            {/* Mensilità */}
            <div className="space-y-3 mt-6">
              <h3 className="text-sm font-semibold text-gray-700">Netto Mensile per Mensilità</h3>
              
              <div className="grid grid-cols-1 gap-3">
                <div className="bg-green-50 p-3 rounded-lg border border-green-200">
                  <div className="flex justify-between items-center">
                    <span className="text-sm text-green-700">12 mensilità</span>
                    <span className="font-bold text-green-800">{formatCurrency(results.nettoMensile12 || 0)}</span>
                  </div>
                </div>
                
                {contractType !== 'cococo' && (
                  <>
                    <div className="bg-blue-50 p-3 rounded-lg border border-blue-200">
                      <div className="flex justify-between items-center">
                        <span className="text-sm text-blue-700">13 mensilità</span>
                        <span className="font-bold text-blue-800">{formatCurrency(results.nettoMensile13 || 0)}</span>
                      </div>
                    </div>
                    
                    <div className="bg-orange-50 p-3 rounded-lg border border-orange-200">
                      <div className="flex justify-between items-center">
                        <span className="text-sm text-orange-700">14 mensilità</span>
                        <span className="font-bold text-orange-800">{formatCurrency(results.nettoMensile14 || 0)}</span>
                      </div>
                    </div>
                  </>
                )}
              </div>
            </div>

            {/* Dettaglio IRPEF */}
            <div className="bg-gray-50 p-4 rounded-lg">
              <h4 className="text-sm font-semibold text-gray-700 mb-2">Dettaglio IRPEF</h4>
              <div className="space-y-2 text-sm">
                <div className="flex justify-between">
                  <span>IRPEF Lorda:</span>
                  <span>{formatCurrency(results.irpefLorda || 0)}</span>
                </div>
                <div className="flex justify-between">
                  <span>Detrazioni Totali:</span>
                  <span className="text-green-600">-{formatCurrency(results.detrazioni?.totale || 0)}</span>
                </div>
                {results.detrazioni?.detrazioneAggiuntiva > 0 && (
                  <div className="flex justify-between text-green-600">
                    <span>• Detrazione aggiuntiva (25-35k€):</span>
                    <span>-{formatCurrency(results.detrazioni?.detrazioneAggiuntiva || 0)}</span>
                  </div>
                )}
                <div className="flex justify-between">
                  <span>Indennità 2025:</span>
                  <span className="text-green-600">{contractType === 'cococo' ? 'Non spettante' : `+${formatCurrency(results.indennita2025 || 0)}`}</span>
                </div>
                {results.trattamentoIntegrativo > 0 && (
                  <div className="flex justify-between">
                    <span>Trattamento Integrativo:</span>
                    <span className="text-green-600">+{formatCurrency(results.trattamentoIntegrativo || 0)}</span>
                  </div>
                )}
              </div>
            </div>
          </div>
        </div>
      </div>

      {/* Avviso Apprendistato */}
      {contractType === 'apprendistato' && (
        <div className="mt-4 bg-amber-50 border border-amber-200 rounded-lg p-4">
          <div className="flex items-start gap-2">
            <div className="text-amber-600 mt-0.5">⚠️</div>
            <div>
              <h4 className="text-sm font-semibold text-amber-800 mb-1">Nota Apprendistato</h4>
              <p className="text-sm text-amber-700">
                Il costo relativo all'apprendistato è stimato per il solo primo anno in quanto negli anni successivi le % di contribuzione aumenteranno. I contributi INPS dipendente sono ridotti al 5.84%.
              </p>
            </div>
          </div>
        </div>
      )}

      {/* Statistics */}
      <div className="mt-8 bg-white rounded-xl shadow-lg p-6">
        <h3 className="text-lg font-semibold mb-4 text-gray-800 flex items-center gap-2">
          <PieChart className="text-purple-600" />
          Analisi Costi
        </h3>
        
        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
          {/* Parametri di calcolo */}
          <div className="bg-gray-50 p-4 rounded-lg">
            <h4 className="text-sm font-semibold text-gray-700 mb-3">Parametri di Calcolo</h4>
            <div className="space-y-3">
              <div>
                <label className="block text-xs font-medium text-gray-600 mb-1">
                  Giorni lavorativi annui
                </label>
                <input
                  type="number"
                  value={giorniAnnui}
                  onChange={(e) => setGiorniAnnui(parseInt(e.target.value) || 220)}
                  className="w-full px-3 py-2 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                  min="1"
                  max="365"
                />
              </div>
              <div>
                <label className="block text-xs font-medium text-gray-600 mb-1">
                  Ore lavorative annue
                </label>
                <input
                  type="number"
                  value={oreAnnue}
                  onChange={(e) => setOreAnnue(parseInt(e.target.value) || 1760)}
                  className="w-full px-3 py-2 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-transparent"
                  min="1"
                  max="4000"
                />
              </div>
            </div>
          </div>

          {/* Risultati analisi */}
          <div className="grid grid-cols-1 gap-4">
            <div className="bg-gradient-to-r from-green-50 to-green-100 p-4 rounded-lg border border-green-200">
              <div className="text-center">
                <div className="text-2xl font-bold text-green-700">
                  {formatPercentage(results.percentualeMaggiorazione || 0)}
                </div>
                <div className="text-sm text-green-600">Maggiorazione su RAL</div>
              </div>
            </div>
            
            <div className="bg-gradient-to-r from-yellow-50 to-yellow-100 p-4 rounded-lg border border-yellow-200">
              <div className="text-center">
                <div className="text-2xl font-bold text-yellow-700">
                  {contractType === 'cococo' ? 'N/A' : formatCurrency((results.costoTotale || 0) / giorniAnnui)}
                </div>
                <div className="text-sm text-yellow-600">Costo per giorno lavorativo</div>
              </div>
            </div>
            
            <div className="bg-gradient-to-r from-purple-50 to-purple-100 p-4 rounded-lg border border-purple-200">
              <div className="text-center">
                <div className="text-2xl font-bold text-purple-700">
                  {contractType === 'cococo' ? 'N/A' : formatCurrency((results.costoTotale || 0) / oreAnnue)}
                </div>
                <div className="text-sm text-purple-600">Costo per ora lavorativa</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      {/* Info Box */}
      <div className="mt-8 bg-blue-50 border border-blue-200 rounded-xl p-6">
        <h3 className="text-lg font-semibold mb-3 text-blue-800 flex items-center gap-2">
          <FileText className="text-blue-600" />
          Informazioni Aliquote 2025
        </h3>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-blue-700">
          <div>
            <p className="mb-2"><strong>Contributi INPS Azienda:</strong> 30% (indeterminato) / 31.4% (determinato) / 3.11% (apprendistato) / Variabile Co.Co.Co.</p>
            <p className="mb-2"><strong>Contributi INAIL:</strong> 1% / 3% / 7.5% (per tipo rischio) / 0% (apprendistato) / Diviso 2/3 azienda, 1/3 collaboratore (Co.Co.Co.)</p>
            <p className="mb-2"><strong>TFR:</strong> 6.91% (non spetta per Co.Co.Co.)</p>
            <p className="mb-2"><strong>Costi vari:</strong> 2% (assistenza sanitaria, welfare, enti bilaterali, formazione - non per Co.Co.Co.)</p>
          </div>
          <div>
            <p className="mb-2"><strong>Agevolazioni Under 30:</strong> 100% sgravio INPS fino a 3.000€/anno per primi 36 mesi (solo tempo indeterminato)</p>
            <p className="mb-2"><strong>Agevolazioni Donne Disoccupate:</strong> 100% sgravio contributi INPS azienda fino a 8.000€/anno (escluso Co.Co.Co.)</p>
            <p className="mb-2"><strong>Agevolazioni Over 50:</strong> 50% sgravio contributi INPS azienda (escluso Co.Co.Co.)</p>
            <p className="mb-2"><strong>Aliquote IRPEF 2025:</strong> 23% (fino a 28.000€), 35% (28.000-50.000€), 43% (oltre 50.000€)</p>
            <p className="mb-2"><strong>Detrazioni lavoro dipendente:</strong> aumentate a 1.955€ per redditi fino a 15.000€</p>
            <p className="mb-2"><strong>Co.Co.Co.:</strong> Limite massimo imponibilità contributiva €120.607 nel 2025</p>
            <p className="mb-2"><strong>Calcolo su:</strong> {giorniAnnui} giorni lavorativi, {oreAnnue} ore/anno</p>
          </div>
        </div>
      </div>
    </div>
  );
};

export default CostCalculator;