require_once __DIR__ . '/../_shared/premium.php';

$is_pro   = sc_is_pro();
$title    = 'Generador de Presupuesto Profesional para Empresas | SecureCore';
$desc     = 'Genera presupuestos profesionales en segundos. Versión gratuita con estructura básica. Versión PRO con PDF listo para enviar, IVA automático y branding personalizable.';
$canonical= 'https://securecore.es/herramientas/generador-presupuesto/';
$schema   = json_encode([
    '@context'=>'https://schema.org','@type'=>'WebApplication',
    'name'=>'Generador de presupuesto profesional','url'=>$canonical,
    'description'=>$desc,'applicationCategory'=>'BusinessApplication',
    'operatingSystem'=>'Web',
    'offers'=>['@type'=>'Offer','price'=>'3.99','priceCurrency'=>'EUR'],
    'publisher'=>['@type'=>'Organization','name'=>'SecureCore']
], JSON_UNESCAPED_UNICODE);

include __DIR__ . '/../_tool_header.php';
?>
<style>
.pres-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:1rem 0;}
.pres-table th{text-align:left;padding:8px 10px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;}
.pres-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);}
.pres-table input{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;width:100%;outline:none;padding:2px 0;}
.pres-table input:focus{border-bottom:1px solid rgba(0,255,136,.3);}
.preview-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;margin-top:1.5rem;font-size:.82rem;}
.preview-box h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;}
.preview-total{font-size:1rem;font-weight:700;color:var(--neon-green);}
</style>

<div class="t-crumb"><div class="t-wrap" style="padding-top:0;padding-bottom:0;">
  <a href="/">SecureCore</a><span class="sep">›</span><a href="/herramientas/">Herramientas</a><span class="sep">›</span><span>Generador de presupuesto</span>
</div></div>

<div class="t-wrap">
  <div style="margin-bottom:2rem;">
    <div style="display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:.6rem;">
      <span style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#22d3ee;">📄 Facturación</span>
      <br />
<b>Warning</b>:  Undefined variable $is_pro in <b>/var/www/securecore/herramientas/generador-presupuesto/index.php</b> on line <b>46</b><br />
    </div>
    <h1 style="font-size:clamp(1.5rem,3.5vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.7rem;">Generador de presupuesto profesional</h1>
    <p style="color:var(--text-secondary);font-size:.93rem;max-width:620px;line-height:1.75;">Crea un presupuesto completo en segundos. Añade líneas, aplica IVA automático y obtén el desglose listo para enviar al cliente.</p>
  </div>

  <div class="t-ad"><span class="t-ad-lbl">Publicidad</span>
    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8646605813103981" data-ad-slot="auto" data-ad-format="auto" data-full-width-responsive="true"></ins>
    <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
  </div>

  <!-- HERRAMIENTA GRATIS -->
  <div class="tool-card" style="margin:1.5rem 0;">
    <h3 style="font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;">Constructor de presupuesto — Gratuito</h3>

    <!-- Datos del presupuesto -->
    <div class="input-grid" style="margin-bottom:1rem;">
      <div><label>Empresa emisora</label><input type="text" id="qEmisor" placeholder="Tu empresa S.L."></div>
      <div><label>Cliente</label><input type="text" id="qCliente" placeholder="Nombre del cliente"></div>
      <div><label>Nº Presupuesto</label><input type="text" id="qNum" placeholder="2026-001"></div>
      <div><label>Fecha</label><input type="date" id="qFecha" value="2026-03-30"></div>
      <div><label>Validez (días)</label><input type="number" id="qValidez" placeholder="30" min="1"></div>
      <div><label>Tipo de IVA</label>
        <select id="qIva"><option value="21">21%</option><option value="10">10%</option><option value="4">4%</option><option value="0">0% — Exento</option></select>
      </div>
    </div>

    <!-- Tabla de líneas -->
    <div style="margin-bottom:.8rem;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;">
        <span style="font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;">Líneas del presupuesto</span>
        <button onclick="addLinea()" style="padding:.3rem .8rem;border-radius:100px;font-size:.72rem;font-weight:700;border:1px solid rgba(0,255,136,.25);background:rgba(0,255,136,.06);color:var(--neon-green);cursor:pointer;">+ Añadir línea</button>
      </div>
      <table class="pres-table">
        <thead><tr><th style="width:45%;">Descripción</th><th style="width:12%;">Uds.</th><th style="width:15%;">Precio/ud (€)</th><th style="width:15%;">Subtotal</th><th style="width:8%;"></th></tr></thead>
        <tbody id="qLineas">
          <tr class="linea-row">
            <td><input type="text" placeholder="Descripción del servicio o producto" class="ldesc"></td>
            <td><input type="number" placeholder="1" class="luds" value="1" min="0" step="0.01" oninput="updateLinea(this)"></td>
            <td><input type="number" placeholder="0.00" class="lpvp" min="0" step="0.01" oninput="updateLinea(this)"></td>
            <td class="lsub" style="color:var(--text-primary);font-weight:600;">0,00€</td>
            <td><button onclick="this.closest('tr').remove();calcTotal()" style="background:none;border:none;color:#f87171;cursor:pointer;font-size:.9rem;padding:2px;">✕</button></td>
          </tr>
        </tbody>
      </table>
    </div>

    <button class="tool-btn" onclick="genPreview()">Generar vista previa</button>

    <!-- PREVIEW -->
    <div class="preview-box" id="qPreview" style="display:none;">
      <div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;">
        <div>
          <div style="font-size:.68rem;color:#555;text-transform:uppercase;letter-spacing:.08em;">PRESUPUESTO</div>
          <div style="font-size:1.3rem;font-weight:800;color:var(--text-primary);" id="pvNum">2026-001</div>
          <div style="font-size:.8rem;color:#666;margin-top:3px;" id="pvFecha"></div>
        </div>
        <div style="text-align:right;">
          <div style="font-weight:700;color:var(--text-primary);" id="pvEmisor"></div>
          <div style="color:#666;font-size:.82rem;margin-top:3px;">→ <span id="pvCliente"></span></div>
          <div style="font-size:.75rem;color:#555;margin-top:3px;">Válido <span id="pvValidez"></span> días</div>
        </div>
      </div>
      <table style="width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:1rem;">
        <thead><tr style="border-bottom:1px solid rgba(255,255,255,.1);">
          <th style="text-align:left;padding:6px 0;color:#888;font-weight:600;">Descripción</th>
          <th style="text-align:right;padding:6px 0;color:#888;font-weight:600;width:60px;">Uds.</th>
          <th style="text-align:right;padding:6px 0;color:#888;font-weight:600;width:80px;">P/ud</th>
          <th style="text-align:right;padding:6px 0;color:#888;font-weight:600;width:80px;">Subtotal</th>
        </tr></thead>
        <tbody id="pvLineas"></tbody>
      </table>
      <div style="border-top:1px solid rgba(255,255,255,.1);padding-top:.8rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;">
        <div style="font-size:.82rem;color:#888;">Base imponible: <span id="pvBase" style="color:var(--text-primary);font-weight:600;"></span></div>
        <div style="font-size:.82rem;color:#888;">IVA (<span id="pvIvaTipo"></span>): <span id="pvIvaCuota" style="color:var(--text-primary);font-weight:600;"></span></div>
        <div style="font-size:1.1rem;font-weight:800;color:var(--neon-green);">TOTAL: <span id="pvTotal"></span></div>
      </div>
      <div style="margin-top:1rem;padding:.8rem;background:rgba(0,255,136,.05);border-radius:8px;font-size:.75rem;color:#666;text-align:center;">
        📋 Vista previa · <br />
<b>Warning</b>:  Undefined variable $is_pro in <b>/var/www/securecore/herramientas/generador-presupuesto/index.php</b> on line <b>124</b><br />
<a href="<br />
<b>Fatal error</b>:  Uncaught Error: Undefined constant &quot;STRIPE_LINK_PRESUPUESTO&quot; in /var/www/securecore/herramientas/generador-presupuesto/index.php:124
Stack trace:
#0 {main}
  thrown in <b>/var/www/securecore/herramientas/generador-presupuesto/index.php</b> on line <b>124</b><br />