{% extends "base.html" %}
{% block title %}Configurações — Frota Trucks{% endblock %}
{% block body %}
<header>
  <div class="brand">Frota Trucks{% set h = header_info() %}{% if h.company %} · {{ h.company }}{% endif %}{% if h.machine_id %} · <span class="secondary" style="font-weight:400; font-size:0.82rem">Cód: {{ h.machine_id }}</span>{% endif %}</div>
  <nav style="display:flex; align-items:center">
    <a href="/">Painel</a>
    <a href="/manutencao">Itens de manutenção</a>
    <a href="/configuracoes">Configurações</a>
    <a href="/usuarios">Usuários</a>
    <form method="post" action="/api/logout" style="display:inline; margin-left:18px">
      <button type="submit" class="secondary-btn" style="padding:4px 10px; font-size:0.85rem">Sair</button>
    </form>
  </nav>
</header>
<main>
  <h2>Configurações</h2>

  <div class="card" style="margin-bottom:20px">
    <h3 style="margin-top:0">Licença</h3>
    {% if license_info %}
      <p><strong>Empresa:</strong> {{ license_info.company }}</p>
      <p><strong>Código do cliente:</strong> <span style="font-family:ui-monospace,monospace; letter-spacing:0.05em">{{ license_info.machine_id }}</span></p>
      <p><strong>Validade:</strong> {{ license_info.expires_display }}</p>
    {% endif %}
  </div>

  <div class="card" style="margin-bottom:20px">
    <h3 style="margin-top:0">Conexão com o Geotab</h3>
    <p>Usuário conectado: <strong>{{ geotab_username or "—" }}</strong></p>
    <form method="post" action="/api/configuracoes/reconectar" onsubmit="return confirm('Isso vai pedir os dados de login do Geotab novamente. Continuar?')">
      <button type="submit" class="secondary-btn">Reconectar / trocar conta</button>
    </form>
  </div>

  <div class="card">
    <h3 style="margin-top:0">Sincronização automática</h3>
    <form method="post" action="/api/configuracoes/sync-interval" style="display:flex; gap:12px; align-items:flex-end">
      <div>
        <label>Intervalo (minutos)</label>
        <input type="number" name="sync_interval_minutes" min="5" value="{{ sync_interval_minutes }}">
      </div>
      <div><button type="submit">Salvar</button></div>
    </form>
  </div>
</main>
{% endblock %}