<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title><%= captador ? 'Editar captador' : 'Novo captador' %> — CobraGestão</title>
  <%- include('../partials/head') %>
</head>
<body>
  <div class="app-shell">
    <%- include('../partials/sidebar', { active: 'captadores' }) %>

    <main class="main">
      <div class="page-header">
        <h1><%= captador ? 'Editar captador' : 'Novo captador' %></h1>
        <a href="<%= basePath %>/captadores" class="btn btn-outline">← Voltar</a>
      </div>

      <div class="form-card">
        <% if (erro) { %><div class="alert alert-error"><%= erro %></div><% } %>

        <form method="POST"
              action="<%= basePath %><%= captador && captador.id ? '/captadores/' + captador.id + '/editar' : '/captadores/novo' %>">
          <div class="form-grid">
            <div class="field full">
              <label>Nome completo *</label>
              <input type="text" name="nome" required value="<%= captador ? captador.nome : '' %>">
            </div>
            <div class="field">
              <label>WhatsApp</label>
              <input type="tel" name="whatsapp" value="<%= captador ? (captador.whatsapp || '') : '' %>">
            </div>
            <div class="field">
              <label>Telefone</label>
              <input type="tel" name="telefone" value="<%= captador ? (captador.telefone || '') : '' %>">
            </div>
            <div class="field">
              <label>E-mail</label>
              <input type="email" name="email" value="<%= captador ? (captador.email || '') : '' %>">
            </div>
            <div class="field">
              <label>Chave PIX (para pagamento de comissão)</label>
              <input type="text" name="chave_pix" value="<%= captador ? (captador.chave_pix || '') : '' %>">
            </div>
            <div class="field">
              <label>Comissão (%)</label>
              <input type="number" step="0.01" name="comissao_percentual" value="<%= captador ? (captador.comissao_percentual || 0) : 0 %>">
            </div>
            <% if (captador && captador.id) { %>
            <div class="field">
              <label>Status</label>
              <label style="display:flex; align-items:center; gap:8px; font-weight:400; margin-top:6px;">
                <input type="checkbox" name="ativo" style="width:auto;" <%= captador.ativo ? 'checked' : '' %>> Ativo (link de cadastro funcionando)
              </label>
            </div>
            <% } %>
            <div class="field full">
              <label>Observações</label>
              <textarea name="observacoes"><%= captador ? (captador.observacoes || '') : '' %></textarea>
            </div>
          </div>

          <div class="form-actions">
            <button type="submit" class="btn btn-primary">Salvar captador</button>
            <a href="<%= basePath %>/captadores" class="btn btn-outline">Cancelar</a>
          </div>
        </form>
      </div>
    </main>
  </div>
</body>
</html>
