<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Términos y permisos — ContaApp</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
  <style>
    body {
      background: #0f1623;
      color: #e2e8f0;
      font-family: 'Segoe UI', system-ui, sans-serif;
      min-height: 100vh;
      padding: 32px 16px 60px;
    }

    .consent-wrap { max-width: 680px; margin: 0 auto; }

    /* ── Header ── */
    .brand-icon {
      width: 52px; height: 52px; border-radius: 14px;
      background: linear-gradient(135deg,#4f86f7,#3a6fd8);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; color: #fff;
      margin: 0 auto 14px;
    }

    /* ── Secciones ── */
    .consent-section {
      background: #162038;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 14px;
      padding: 20px 22px;
      margin-bottom: 14px;
    }
    .section-title {
      font-size: .9rem; font-weight: 700; color: #e2e8f0;
      display: flex; align-items: center; gap: 8px;
      margin-bottom: 10px;
    }
    .section-title i { color: #4f86f7; font-size: 1.05rem; }

    /* ── Caja de texto con scroll ── */
    .consent-scroll {
      background: #0f1a2e;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 8px;
      padding: 12px 14px;
      max-height: 160px;
      overflow-y: auto;
      font-size: .8rem;
      color: #94a3b8;
      line-height: 1.65;
      margin-bottom: 12px;
    }
    .consent-scroll h6 { color: #cbd5e1; font-size: .8rem; font-weight: 700; margin: 10px 0 4px; }
    .consent-scroll ul { margin: 4px 0 8px 18px; }
    .consent-scroll::-webkit-scrollbar { width: 4px; }
    .consent-scroll::-webkit-scrollbar-thumb { background: #2d4a6e; border-radius: 4px; }

    /* ── Checkbox de aceptación ── */
    .consent-check {
      display: flex; align-items: flex-start; gap: 10px;
      padding: 10px 12px;
      background: rgba(79,134,247,.07);
      border: 1px solid rgba(79,134,247,.18);
      border-radius: 8px;
      font-size: .85rem; color: #cbd5e1;
    }
    .consent-check input[type="checkbox"] {
      width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px;
      accent-color: #4f86f7;
    }
    .consent-check a { color: #60a5fa; }

    /* ── Grid de permisos ── */
    .perms-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
      margin-top: 12px;
    }
    .perm-item {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 8px;
      padding: 10px 12px;
      font-size: .79rem;
      color: #64748b;
    }
    .perm-item strong { color: #93c5fd; display: block; margin-bottom: 3px; font-size: .78rem; }

    /* ── Botón ── */
    .btn-accept {
      background: #4f86f7; color: #fff; border: none;
      border-radius: 11px; padding: 13px 24px;
      font-size: .95rem; font-weight: 600; cursor: pointer;
      width: 100%; margin-top: 6px;
      transition: background .15s;
    }
    .btn-accept:hover { background: #3a6fd8; }

    /* ── Error ── */
    .error-box {
      background: #3a1515; color: #f87171;
      border: 1px solid rgba(248,113,113,.2);
      border-radius: 10px; padding: 11px 14px;
      font-size: .85rem; margin-bottom: 16px;
    }
  </style>
</head>
<body>
<div class="consent-wrap">

  <!-- Cabecera -->
  <div class="text-center mb-4">
    <div class="brand-icon"><i class="bi bi-building"></i></div>
    <h1 class="fw-bold mb-1" style="font-size:1.5rem;color:#f1f5f9">ContaApp</h1>
    <p style="color:#64748b;font-size:.9rem">Revisa y acepta los términos antes de empezar</p>
  </div>

  {% if error %}
  <div class="error-box"><i class="bi bi-exclamation-circle me-1"></i>{{ error }}</div>
  {% endif %}

  <form method="post" id="formConsent">

    <!-- ── EULA ─────────────────────────────────────────────────────────── -->
    <div class="consent-section">
      <div class="section-title">
        <i class="bi bi-file-earmark-text-fill"></i>
        Contrato de Licencia de Usuario Final (EULA)
      </div>
      <div class="consent-scroll">
        <p>ContaApp te concede una licencia <strong>personal, no exclusiva e intransferible</strong> para instalar y usar el software en los equipos permitidos por tu plan (Starter: 1, Pro: 3, Vitalicio: ilimitados).</p>

        <h6>Está permitido:</h6>
        <ul>
          <li>Usar el software para tu gestión contable y de empresa.</li>
          <li>Hacer una copia de seguridad del instalador para uso propio.</li>
        </ul>

        <h6>Está prohibido:</h6>
        <ul>
          <li>Distribuir, vender, alquilar o ceder la licencia o la clave de activación a terceros.</li>
          <li>Modificar, descompilar o realizar ingeniería inversa del software.</li>
          <li>Usar el software para prestar servicios a terceros sin acuerdo escrito.</li>
        </ul>

        <h6>Responsabilidad:</h6>
        <p>El software se proporciona «tal cual». La responsabilidad del desarrollador se limita al importe abonado por la licencia. Tú eres responsable de la correctitud fiscal y contable de los datos que introduzcas.</p>

        <h6>Propiedad intelectual:</h6>
        <p>ContaApp y todos sus elementos (código, diseño, interfaz) son propiedad del desarrollador y están protegidos por la legislación española de propiedad intelectual (RDLeg. 1/1996, LPI).</p>
      </div>
      <div class="consent-check">
        <input type="checkbox" id="cb-eula" name="acepto_eula" required>
        <label for="cb-eula">
          He leído y acepto el <a href="{{ url_for('legal.eula') }}" target="_blank">Contrato de Licencia (EULA)</a>.
          Entiendo que la licencia es personal e intransferible.
        </label>
      </div>
    </div>

    <!-- ── Política de privacidad ────────────────────────────────────────── -->
    <div class="consent-section">
      <div class="section-title">
        <i class="bi bi-shield-lock-fill"></i>
        Política de Privacidad y Protección de Datos (RGPD)
      </div>
      <div class="consent-scroll">
        <p>ContaApp es una aplicación <strong>completamente offline</strong>. Todos tus datos (clientes, facturas, empleados, contabilidad) se guardan <strong>exclusivamente en tu equipo</strong>, en <code>%APPDATA%\ContaApp\databases\</code>.</p>

        <h6>Qué hace ContaApp con tus datos:</h6>
        <ul>
          <li><strong>No los envía a ningún servidor externo.</strong> La verificación de licencia es local mediante archivo firmado.</li>
          <li>Crea copias de seguridad automáticas en <code>%APPDATA%\ContaApp\backups\</code>.</li>
          <li>Si configuras SMTP, envía emails usando <em>tu propia cuenta</em> de correo, nunca a través de servidores del desarrollador.</li>
        </ul>

        <h6>Acceso de soporte técnico:</h6>
        <p>Existe un usuario superadmin (soporte técnico) que puede acceder a los datos solo <strong>bajo tu petición expresa</strong>. Cuando está activo, la interfaz muestra el banner naranja «Modo soporte activo» de forma permanente.</p>

        <h6>Tus derechos (RGPD/LOPDGDD):</h6>
        <p>Puedes acceder, rectificar o eliminar tus datos en cualquier momento desde la propia aplicación, o eliminando los archivos .db. Contacto: <strong>soporte@contaapp.es</strong></p>

        <h6>Responsabilidad del tratamiento:</h6>
        <p>Como titular de la licencia, <strong>eres el responsable del tratamiento</strong> de los datos de tus clientes, proveedores y empleados que introduzcas en la aplicación (Art. 24 RGPD).</p>
      </div>
      <div class="consent-check">
        <input type="checkbox" id="cb-priv" name="acepto_privacidad" required>
        <label for="cb-priv">
          He leído y acepto la <a href="{{ url_for('legal.privacidad') }}" target="_blank">Política de Privacidad</a>.
          Entiendo que soy el responsable del tratamiento de los datos que introduzca y autorizo el acceso de soporte técnico bajo las condiciones descritas.
        </label>
      </div>
    </div>

    <!-- ── Permisos del sistema ──────────────────────────────────────────── -->
    <div class="consent-section">
      <div class="section-title">
        <i class="bi bi-shield-check"></i>
        Permisos que utiliza esta aplicación
      </div>
      <p style="font-size:.82rem;color:#64748b;margin-bottom:0">
        Esta información es de carácter informativo. ContaApp utiliza los siguientes accesos del sistema para funcionar correctamente:
      </p>
      <div class="perms-grid">
        <div class="perm-item">
          <strong><i class="bi bi-folder2-open me-1"></i>Archivos locales</strong>
          Lee y escribe en <code>%APPDATA%\ContaApp\</code> para bases de datos, backups y configuración.
        </div>
        <div class="perm-item">
          <strong><i class="bi bi-hdd-network me-1"></i>Puerto local 5000</strong>
          Inicia un servidor web en <code>127.0.0.1:5000</code>, solo accesible desde este equipo.
        </div>
        <div class="perm-item">
          <strong><i class="bi bi-bell me-1"></i>Notificaciones Windows</strong>
          Puede mostrar avisos del sistema sobre facturas vencidas y stock bajo al arrancar.
        </div>
        <div class="perm-item">
          <strong><i class="bi bi-wifi me-1"></i>Acceso a Internet</strong>
          Solo si activas el envío de emails (SMTP) o compruebas actualizaciones manualmente.
        </div>
      </div>
    </div>

    <button type="submit" class="btn-accept">
      <i class="bi bi-check2-circle me-2"></i>Acepto los términos y continuar
    </button>

  </form>
</div>
</body>
</html>
