{% extends "base.html" %}
{% block title %}VeriFactu — Configuración{% endblock %}
{% block page_title %}VeriFactu — Configuración{% endblock %}

{% block topbar_actions %}
<a href="{{ url_for('verifactu.index') }}" class="btn btn-outline-secondary btn-sm">
  <i class="bi bi-arrow-left me-1"></i>Volver
</a>
{% endblock %}

{% block content %}

<div class="row g-4">

  <!-- Formulario -->
  <div class="col-lg-7">
    <div class="card border-0 shadow-sm">
      <div class="card-header border-0" style="background:linear-gradient(135deg,#fdf4ff,#f3e8ff)">
        <i class="bi bi-gear me-2" style="color:#a855f7"></i>
        <span class="fw-semibold" style="color:#6b21a8">Parámetros VeriFactu</span>
      </div>
      <div class="card-body">
        <form method="post">

          <div class="mb-4 p-3 rounded-2" style="background:#f8fafc;border:1px solid #e2e8f0">
            <div class="form-check form-switch d-flex align-items-center gap-3">
              <input class="form-check-input" type="checkbox" role="switch"
                     name="activo" id="activo" style="width:3em;height:1.5em"
                     {{ 'checked' if cfg.activo }}>
              <label class="form-check-label fw-bold fs-6" for="activo">
                VeriFactu activo
              </label>
            </div>
            <small class="text-muted d-block mt-1">
              Activa la generación de huellas SHA-256 y el QR en las facturas.
              Obligatorio a partir de 2026 (RD 1007/2023).
            </small>
          </div>

          <div class="mb-3">
            <label class="form-label">Entorno</label>
            <select name="entorno" class="form-select">
              <option value="pruebas" {{ 'selected' if cfg.entorno=='pruebas' }}>
                Pruebas (preproducción AEAT)
              </option>
              <option value="produccion" {{ 'selected' if cfg.entorno=='produccion' }}>
                Producción
              </option>
            </select>
            <div class="form-text">Usa pruebas hasta que lo hayas validado correctamente.</div>
          </div>

          <hr class="my-4">
          <h6 class="fw-semibold text-muted mb-3">Identificación del software</h6>

          <div class="row g-3">
            <div class="col-sm-6">
              <label class="form-label">ID Sistema <span class="text-danger">*</span></label>
              <input type="text" name="id_sistema" class="form-control"
                     value="{{ cfg.id_sistema or 'CONTAAPP' }}" required>
              <div class="form-text">Identificador único del software ante AEAT.</div>
            </div>
            <div class="col-sm-6">
              <label class="form-label">Versión</label>
              <input type="text" name="version_sistema" class="form-control"
                     value="{{ cfg.version_sistema or '1.0' }}">
            </div>
            <div class="col-12">
              <label class="form-label">Nombre del sistema</label>
              <input type="text" name="nombre_sistema" class="form-control"
                     value="{{ cfg.nombre_sistema or 'ContaApp' }}">
            </div>
          </div>

          <hr class="my-4">
          <h6 class="fw-semibold text-muted mb-3">NIF emisor</h6>

          <div class="mb-3">
            <label class="form-label">NIF de empresa (de configuración)</label>
            <input type="text" class="form-control" value="{{ empresa.nif or 'No configurado' }}"
                   disabled style="background:#f8fafc;color:#64748b">
            <div class="form-text">
              Se usa automáticamente. Modifícalo en
              <a href="{{ url_for('configuracion.index') }}">Configuración → Empresa</a>.
            </div>
          </div>

          <div class="mb-3">
            <label class="form-label">NIF representante (opcional)</label>
            <input type="text" name="nif_representante" class="form-control"
                   value="{{ cfg.nif_representante or '' }}"
                   placeholder="Solo si actúas como representante de otra empresa">
            <div class="form-text">
              Déjalo vacío para usar el NIF de la empresa configurada.
            </div>
          </div>

          <div class="d-flex gap-2 mt-4">
            <button type="submit" class="btn btn-primary">
              <i class="bi bi-check2 me-1"></i>Guardar configuración
            </button>
            <a href="{{ url_for('verifactu.index') }}" class="btn btn-outline-secondary">Cancelar</a>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Info panel -->
  <div class="col-lg-5">

    <div class="card border-0 shadow-sm mb-3">
      <div class="card-header border-0" style="background:linear-gradient(135deg,#fffbeb,#fef3c7)">
        <i class="bi bi-info-circle me-2 text-warning"></i>
        <span class="fw-semibold" style="color:#92400e">¿Qué es VeriFactu?</span>
      </div>
      <div class="card-body" style="font-size:.875rem">
        <p class="mb-2">
          VeriFactu es el sistema de <strong>facturación electrónica verificable</strong> de la AEAT,
          regulado por el <strong>Real Decreto 1007/2023</strong>.
        </p>
        <ul class="mb-2 ps-3">
          <li>Cada factura genera una <strong>huella SHA-256</strong> única.</li>
          <li>Las huellas forman una <strong>cadena encriptada</strong> (blockchain simplificado) que impide modificar facturas emitidas.</li>
          <li>Un <strong>código QR</strong> en la factura permite verificarla en la web de la AEAT.</li>
          <li>El <strong>XML</strong> se envía a AEAT (en tiempo real o en diferido).</li>
        </ul>
        <div class="alert alert-warning py-2 mb-0" style="font-size:.8rem">
          <i class="bi bi-calendar-event me-1"></i>
          <strong>Obligatorio desde 2026</strong> para empresas y autónomos en España.
        </div>
      </div>
    </div>

    <div class="card border-0 shadow-sm mb-3">
      <div class="card-header border-0" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7)">
        <i class="bi bi-list-check me-2 text-success"></i>
        <span class="fw-semibold text-success">Cómo funciona</span>
      </div>
      <div class="card-body" style="font-size:.85rem">
        <ol class="ps-3 mb-0">
          <li class="mb-2">Configura el NIF de empresa en <em>Configuración → Empresa</em>.</li>
          <li class="mb-2">Activa VeriFactu aquí.</li>
          <li class="mb-2">Usa <strong>"Generar lote"</strong> para firmar todas las facturas existentes.</li>
          <li class="mb-2">Las nuevas facturas se firmarán automáticamente al crearlas.</li>
          <li class="mb-2">Descarga el <strong>XML</strong> y envíalo a la AEAT cuando sea necesario.</li>
          <li>Marca las facturas como <strong>"enviadas"</strong> tras el envío.</li>
        </ol>
      </div>
    </div>

    <div class="card border-0 shadow-sm">
      <div class="card-header border-0" style="background:linear-gradient(135deg,#eef3ff,#e0e7ff)">
        <i class="bi bi-shield-check me-2 text-primary"></i>
        <span class="fw-semibold text-primary">Algoritmo de huella</span>
      </div>
      <div class="card-body" style="font-size:.8rem">
        <p class="text-muted mb-2">SHA-256 de la cadena:</p>
        <code class="d-block p-2 rounded" style="background:#1e293b;color:#94a3b8;font-size:.72rem;line-height:1.6">
          NIF&amp;NumSerie&amp;FechaHora<br>
          &amp;TipoFactura&amp;CuotaTotal<br>
          &amp;ImporteTotal&amp;HuellaAnterior
        </code>
        <p class="text-muted mt-2 mb-0" style="font-size:.75rem">
          Según el Anexo II del RD 1007/2023.
        </p>
      </div>
    </div>

  </div>
</div>

{% endblock %}