{% extends "base.html" %}
{% block title %}RGPD — Protección de Datos{% endblock %}
{% block page_title %}RGPD — Protección de Datos Personales{% endblock %}

{% block content %}
<div class="d-flex align-items-center gap-3 mb-4 flex-wrap">
  <div>
    <span class="badge bg-primary me-1">RGPD</span>
    <span class="badge bg-secondary">LOPDGDD</span>
  </div>
  <div class="ms-auto d-flex gap-2">
    <a href="{{ url_for('rgpd.clausula') }}" class="btn btn-outline-secondary btn-sm" target="_blank">
      <i class="bi bi-file-text me-1"></i>Cláusula informativa
    </a>
  </div>
</div>

<!-- Aviso intro -->
<div class="alert alert-info d-flex gap-2 mb-4">
  <i class="bi bi-info-circle-fill fs-5 flex-shrink-0 mt-1"></i>
  <div>
    <strong>Registro de Actividades de Tratamiento (RAT)</strong><br>
    El Art. 30 del RGPD (UE 2016/679) obliga a los responsables del tratamiento a mantener un RAT
    actualizado. Esta página resume las actividades generadas por ContaApp para tu empresa.
    Revísalo anualmente y adapta las medidas de seguridad a tu situación real.
  </div>
</div>

<!-- Responsable del tratamiento -->
<div class="card mb-4">
  <div class="card-header fw-semibold"><i class="bi bi-building me-2"></i>Responsable del tratamiento</div>
  <div class="card-body">
    <div class="row">
      <div class="col-md-6">
        <table class="table table-sm mb-0">
          <tr><th class="text-muted fw-normal" style="width:160px">Razón social</th>
              <td>{{ empresa.nombre or '—' }}</td></tr>
          <tr><th class="text-muted fw-normal">NIF/CIF</th>
              <td>{{ empresa.nif or '—' }}</td></tr>
          <tr><th class="text-muted fw-normal">Dirección</th>
              <td>{{ empresa.direccion or '—' }}{% if empresa.cp %}, {{ empresa.cp }}{% endif %} {{ empresa.ciudad or '' }}</td></tr>
          <tr><th class="text-muted fw-normal">Email</th>
              <td>{{ empresa.email or '—' }}</td></tr>
        </table>
      </div>
      <div class="col-md-6">
        <div class="alert alert-warning py-2 mb-0 small">
          <i class="bi bi-exclamation-triangle me-1"></i>
          <strong>Delegado de Protección de Datos (DPD):</strong>
          Para empresas que traten datos a gran escala o categorías especiales, es obligatorio nombrar
          un DPD (Art. 37 RGPD). Para la mayoría de autónomos y pymes el DPD es voluntario pero recomendable.
          Si tienes uno, anótalo aquí en tus documentos internos.
        </div>
      </div>
    </div>
  </div>
</div>

<!-- RAT: Actividades de tratamiento -->
<div class="card mb-4">
  <div class="card-header fw-semibold">
    <i class="bi bi-table me-2"></i>Registro de Actividades de Tratamiento (RAT)
    <span class="badge bg-light text-dark ms-2 fw-normal">{{ actividades|length }} actividades</span>
  </div>
  <div class="card-body p-0">
    <div class="accordion accordion-flush" id="accordionRAT">
      {% for act in actividades %}
      <div class="accordion-item">
        <h2 class="accordion-header">
          <button class="accordion-button {% if not loop.first %}collapsed{% endif %} fw-semibold"
                  type="button" data-bs-toggle="collapse"
                  data-bs-target="#rat{{ loop.index }}" aria-expanded="{{ 'true' if loop.first else 'false' }}">
            <i class="bi bi-folder2-open me-2 text-primary"></i>{{ act.nombre }}
          </button>
        </h2>
        <div id="rat{{ loop.index }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}"
             data-bs-parent="#accordionRAT">
          <div class="accordion-body">
            <table class="table table-sm mb-0">
              <tr>
                <th class="text-muted fw-normal" style="width:220px">Finalidad del tratamiento</th>
                <td>{{ act.finalidad }}</td>
              </tr>
              <tr>
                <th class="text-muted fw-normal">Base jurídica</th>
                <td>{{ act.base_legal }}</td>
              </tr>
              <tr>
                <th class="text-muted fw-normal">Categorías de datos</th>
                <td>{{ act.categorias }}</td>
              </tr>
              <tr>
                <th class="text-muted fw-normal">Destinatarios / cesiones</th>
                <td>{{ act.destinatarios }}</td>
              </tr>
              <tr>
                <th class="text-muted fw-normal">Plazo de conservación</th>
                <td>{{ act.plazo }}</td>
              </tr>
              <tr>
                <th class="text-muted fw-normal">Medidas de seguridad</th>
                <td>{{ act.medidas }}</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>

<!-- Checklist RGPD -->
<div class="card mb-4">
  <div class="card-header fw-semibold"><i class="bi bi-check2-square me-2"></i>Checklist de cumplimiento</div>
  <div class="card-body">
    <div class="row g-3">
      {% set items = [
        ('RAT documentado y actualizado anualmente', 'check-circle-fill text-success', True),
        ('Cláusula informativa incluida en facturas y presupuestos', 'check-circle-fill text-success', True),
        ('Página de privacidad / LOPD en tu web corporativa', 'question-circle-fill text-warning', False),
        ('Contratos con encargados del tratamiento firmados (hosting, gestoría, etc.)', 'question-circle-fill text-warning', False),
        ('Política de copias de seguridad activa', 'question-circle-fill text-warning', False),
        ('Procedimiento de atención de derechos ARCO documentado', 'question-circle-fill text-warning', False),
        ('Notificación de brechas de seguridad en 72 h (si aplica)', 'dash-circle text-secondary', False),
        ('Análisis de impacto (DPIA) si tratas datos sensibles a gran escala', 'dash-circle text-secondary', False),
      ] %}
      {% for label, icon, done in items %}
      <div class="col-md-6">
        <div class="d-flex align-items-start gap-2">
          <i class="bi bi-{{ icon }} flex-shrink-0 mt-1"></i>
          <span class="{% if not done %}text-muted{% endif %}">{{ label }}</span>
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="mt-3 small text-muted">
      <i class="bi bi-info-circle me-1"></i>
      Leyenda: <i class="bi bi-check-circle-fill text-success"></i> Cubierto por ContaApp &nbsp;
      <i class="bi bi-question-circle-fill text-warning"></i> Requiere acción tuya &nbsp;
      <i class="bi bi-dash-circle text-secondary"></i> Aplica según tu caso
    </div>
  </div>
</div>

<!-- Derechos de los interesados -->
<div class="card mb-4">
  <div class="card-header fw-semibold"><i class="bi bi-person-check me-2"></i>Derechos de los interesados (Art. 15–22 RGPD)</div>
  <div class="card-body">
    <div class="row g-2">
      {% for d, desc in [
        ('Acceso', 'Solicitar confirmación de si se tratan sus datos y obtener copia.'),
        ('Rectificación', 'Corregir datos inexactos o incompletos.'),
        ('Supresión (olvido)', 'Eliminar datos cuando ya no sean necesarios o se retire el consentimiento.'),
        ('Oposición', 'Oponerse al tratamiento por motivos relacionados con su situación particular.'),
        ('Portabilidad', 'Recibir los datos en formato estructurado y de uso común.'),
        ('Limitación', 'Solicitar la restricción temporal del tratamiento en ciertos casos.'),
      ] %}
      <div class="col-md-4">
        <div class="border rounded p-2 h-100">
          <div class="fw-semibold small mb-1">{{ d }}</div>
          <div class="text-muted" style="font-size:.82rem">{{ desc }}</div>
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="alert alert-secondary mt-3 mb-0 py-2 small">
      <strong>Canal de ejercicio:</strong> Los interesados pueden ejercer sus derechos dirigiéndose por
      escrito a <strong>{{ empresa.email or '[email de contacto]' }}</strong>.
      El responsable dispone de <strong>1 mes</strong> para responder (prorrogable 2 meses en casos complejos).
      En caso de no respuesta, pueden reclamar ante la <a href="https://www.aepd.es" target="_blank" rel="noopener">AEPD</a>.
    </div>
  </div>
</div>

<!-- Transferencias internacionales -->
<div class="card mb-4">
  <div class="card-header fw-semibold"><i class="bi bi-globe me-2"></i>Transferencias internacionales</div>
  <div class="card-body text-muted small">
    <p class="mb-1">
      ContaApp almacena todos los datos <strong>localmente en tu equipo</strong> (fichero SQLite).
      No existen transferencias internacionales de datos derivadas del uso de esta aplicación.
    </p>
    <p class="mb-0">
      Si usas servicios externos (email, almacenamiento en la nube, etc.) para enviar documentos
      generados con ContaApp, asegúrate de que esos servicios cumplen con el RGPD
      o cuentan con cláusulas contractuales tipo aprobadas por la Comisión Europea.
    </p>
  </div>
</div>

<div class="text-muted small text-end">
  Documento generado el {{ hoy }} &nbsp;·&nbsp; ContaApp {{ año }}
</div>
{% endblock %}