{% extends "base.html" %}
{% block title %}Cláusula informativa RGPD{% endblock %}
{% block page_title %}Cláusula informativa RGPD{% endblock %}

{% block content %}
<div class="d-flex gap-2 mb-4">
  <a href="{{ url_for('rgpd.index') }}" class="btn btn-outline-secondary btn-sm">
    <i class="bi bi-arrow-left me-1"></i>Volver a RGPD
  </a>
  <button class="btn btn-outline-primary btn-sm ms-auto" onclick="window.print()">
    <i class="bi bi-printer me-1"></i>Imprimir / Guardar PDF
  </button>
</div>

<div class="alert alert-info small mb-4">
  <i class="bi bi-info-circle me-1"></i>
  Incluye esta cláusula al pie de tus facturas, presupuestos y cualquier formulario donde
  recabes datos personales de clientes. Puedes imprimirla o copiar el texto.
</div>

<div class="card">
  <div class="card-header fw-semibold">
    <i class="bi bi-file-text me-2"></i>Texto de la cláusula informativa
  </div>
  <div class="card-body">
    <div class="border rounded p-4 bg-light" id="clausulaTexto" style="font-size:.92rem;line-height:1.7">
      <p class="fw-semibold mb-2">INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS</p>
      <table class="table table-sm table-bordered mb-3" style="font-size:.88rem">
        <tr>
          <th class="bg-white" style="width:160px">Responsable</th>
          <td>{{ empresa.nombre or '[Nombre empresa]' }}{% if empresa.nif %} — {{ empresa.nif }}{% endif %}</td>
        </tr>
        <tr>
          <th class="bg-white">Finalidad</th>
          <td>Gestión de la relación comercial, emisión y gestión de facturas y presupuestos,
              y cumplimiento de obligaciones contables y fiscales.</td>
        </tr>
        <tr>
          <th class="bg-white">Legitimación</th>
          <td>Ejecución del contrato (Art. 6.1.b RGPD) y cumplimiento de obligaciones legales
              (Art. 6.1.c RGPD).</td>
        </tr>
        <tr>
          <th class="bg-white">Destinatarios</th>
          <td>No se cederán datos a terceros salvo obligación legal
              (Agencia Tributaria, Administraciones Públicas).</td>
        </tr>
        <tr>
          <th class="bg-white">Derechos</th>
          <td>Puede ejercer sus derechos de acceso, rectificación, supresión, oposición,
              portabilidad y limitación del tratamiento dirigiéndose a
              <strong>{{ empresa.email or '[email de contacto]' }}</strong>.
              Asimismo, tiene derecho a presentar una reclamación ante la AEPD (www.aepd.es).</td>
        </tr>
        <tr>
          <th class="bg-white">Conservación</th>
          <td>Los datos se conservarán durante el tiempo necesario para la prestación del servicio
              y el cumplimiento de las obligaciones legales (mínimo 10 años por normativa fiscal).</td>
        </tr>
      </table>

      <p class="text-muted mb-0" style="font-size:.82rem">
        En cumplimiento del Reglamento (UE) 2016/679 General de Protección de Datos (RGPD)
        y la Ley Orgánica 3/2018 de Protección de Datos Personales y Garantía de los Derechos Digitales (LOPDGDD).
      </p>
    </div>

    <div class="mt-3 d-flex gap-2">
      <button class="btn btn-outline-secondary btn-sm" onclick="copiarTexto()">
        <i class="bi bi-clipboard me-1"></i>Copiar texto
      </button>
    </div>
  </div>
</div>

<div class="card mt-4">
  <div class="card-header fw-semibold">
    <i class="bi bi-chat-left-text me-2"></i>Versión reducida (para pie de factura)
  </div>
  <div class="card-body">
    <div class="border rounded p-3 bg-light" id="clausulaCorta" style="font-size:.85rem;line-height:1.6">
      <strong>Protección de datos:</strong>
      {{ empresa.nombre or '[Nombre empresa]' }} trata sus datos para gestionar la relación comercial
      y cumplir obligaciones fiscales, con base en el contrato y la ley. No se ceden a terceros salvo
      obligación legal. Puede ejercer sus derechos en
      {{ empresa.email or '[email de contacto]' }}. Más info: www.aepd.es.
    </div>
    <button class="btn btn-outline-secondary btn-sm mt-2" onclick="copiarCorta()">
      <i class="bi bi-clipboard me-1"></i>Copiar versión reducida
    </button>
  </div>
</div>

<script>
function copiarTexto() {
  const el = document.getElementById('clausulaTexto');
  navigator.clipboard.writeText(el.innerText).then(() => {
    alert('Texto copiado al portapapeles.');
  });
}
function copiarCorta() {
  const el = document.getElementById('clausulaCorta');
  navigator.clipboard.writeText(el.innerText).then(() => {
    alert('Texto copiado al portapapeles.');
  });
}
</script>
{% endblock %}