{% extends "base.html" %}
{% block title %}Configurar Geotab — Frota Trucks{% endblock %}
{% block body %}
<main>
  <div class="card form-narrow">
    <h2 style="margin-top:0">Conectar ao MyGeotab</h2>
    <p class="secondary">Informe o login que você usa para entrar no MyGeotab. Os dados ficam salvos criptografados apenas nesta máquina.</p>

    <form method="post" action="/api/setup">
      <label for="username">Usuário (e-mail)</label>
      <input type="text" id="username" name="username" value="{{ username or '' }}" required style="width:100%">

      <label for="password">Senha</label>
      <input type="password" id="password" name="password" required style="width:100%">

      <label for="database">Database (opcional — deixe em branco se não souber)</label>
      <input type="text" id="database" name="database" value="{{ database or '' }}" style="width:100%">

      <label for="server">Servidor</label>
      <input type="text" id="server" name="server" value="{{ server or 'my.geotab.com' }}" style="width:100%">

      <div style="margin-top:18px">
        <button type="submit">Testar e conectar</button>
      </div>
    </form>

    {% if error %}<div class="error">{{ error }}</div>{% endif %}
  </div>
</main>
{% endblock %}