{% extends "base.html" %}
{% block title %}Factura de venta{% endblock %}
{% block page_title %}Generar factura de venta de licencia{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-8">

    <div class="alert alert-info d-flex gap-2 mb-4">
      <i class="bi bi-info-circle-fill flex-shrink-0 mt-1"></i>
      <div>
        Rellena los datos y pulsa <strong>Generar PDF</strong>. El PDF se descargará directamente —
        envíaselo al comprador junto con su clave de licencia.
      </div>
    </div>

    <form method="post">
      <!-- Datos de la factura -->
      <div class="card mb-3">
        <div class="card-header py-3"><i class="bi bi-receipt me-2"></i>Datos de la factura</div>
        <div class="card-body p-4">
          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label fw-semibold">Número de factura</label>
              <input type="text" name="numero" class="form-control"
                     value="LIC-{{ año }}-0001" required>
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">Fecha</label>
              <input type="date" name="fecha" class="form-control"
                     value="{{ hoy }}" required>
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">Plan</label>
              <select name="plan" class="form-select" required>
                {% for key, plan in planes.items() %}
                <option value="{{ key }}">{{ plan.nombre }} — {{ '%.2f'|format(plan.precio) }} € + IVA</option>
                {% endfor %}
              </select>
            </div>
          </div>
        </div>
      </div>

      <!-- Datos del vendedor -->
      <div class="card mb-3">
        <div class="card-header py-3"><i class="bi bi-shop me-2"></i>Datos del vendedor (tú)</div>
        <div class="card-body p-4">
          <div class="row g-3">
            <div class="col-md-8">
              <label class="form-label fw-semibold">Nombre / Razón social</label>
              <input type="text" name="v_nombre" class="form-control"
                     placeholder="Tu nombre o empresa" required>
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">NIF / CIF</label>
              <input type="text" name="v_nif" class="form-control" placeholder="B12345678">
            </div>
            <div class="col-md-8">
              <label class="form-label fw-semibold">Dirección</label>
              <input type="text" name="v_direccion" class="form-control"
                     placeholder="Calle, número, CP, ciudad">
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">Email</label>
              <input type="email" name="v_email" class="form-control"
                     value="soporte@contaapp.es">
            </div>
          </div>
        </div>
      </div>

      <!-- Datos del comprador -->
      <div class="card mb-4">
        <div class="card-header py-3"><i class="bi bi-person me-2"></i>Datos del comprador (cliente)</div>
        <div class="card-body p-4">
          <div class="row g-3">
            <div class="col-md-8">
              <label class="form-label fw-semibold">Nombre / Razón social *</label>
              <input type="text" name="c_nombre" class="form-control"
                     placeholder="Empresa o nombre del cliente" required>
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">NIF / CIF</label>
              <input type="text" name="c_nif" class="form-control" placeholder="12345678A">
            </div>
            <div class="col-md-8">
              <label class="form-label fw-semibold">Dirección</label>
              <input type="text" name="c_direccion" class="form-control"
                     placeholder="Calle, número, CP, ciudad">
            </div>
            <div class="col-md-4">
              <label class="form-label fw-semibold">Email</label>
              <input type="email" name="c_email" class="form-control"
                     placeholder="cliente@empresa.com">
            </div>
          </div>
        </div>
      </div>

      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary">
          <i class="bi bi-file-earmark-pdf me-2"></i>Generar PDF y descargar
        </button>
        <a href="{{ url_for('soporte.empresas') }}" class="btn btn-outline-secondary">
          Cancelar
        </a>
      </div>
    </form>

  </div>
</div>
{% endblock %}