{% extends "base.html" %}
{% block title %}Ativação — Frota Trucks{% endblock %}
{% block body %}
<main>
  <div class="card form-narrow">
    <h2 style="margin-top:0">Ativação do programa</h2>
    <p class="secondary">Informe o código do cliente combinado com o fornecedor. Se houver internet, o sistema busca a chave sozinho.</p>

    <form method="post" action="/api/ativacao">
      <label for="codigo">Código do cliente</label>
      <input type="text" id="codigo" name="codigo" placeholder="Ex: 00001" value="{{ submitted_codigo or '' }}" required
             style="width:100%; font-family:ui-monospace,monospace; letter-spacing:0.05em">

      <label for="nome_empresa">Nome da empresa</label>
      <input type="text" id="nome_empresa" name="nome_empresa" value="{{ submitted_empresa or '' }}" required style="width:100%">

      <label for="license_key">Chave de licença (opcional — só se não tiver internet ainda)</label>
      <input type="text" id="license_key" name="license_key" placeholder="XXXX-XXXX-XXXX-XXXX (deixe em branco se tiver internet)"
             value="{{ submitted_key or '' }}" style="width:100%; font-family:ui-monospace,monospace; letter-spacing:0.05em">
      <div style="margin-top:18px">
        <button type="submit">Ativar</button>
      </div>
    </form>

    {% if error %}<div class="error" style="margin-top:14px">{{ error }}</div>{% endif %}
  </div>
</main>
{% endblock %}