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

    <main class="main">
      <div class="page-header">
        <h1>Novo empréstimo</h1>
        <a href="<%= basePath %>/clientes/<%= cliente.id %>" class="btn btn-outline">← Voltar para <%= cliente.nome %></a>
      </div>

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

        <form method="POST" action="<%= basePath %>/clientes/<%= cliente.id %>/emprestimos/novo">
          <div class="form-grid">
            <div class="field">
              <label>Valor emprestado (R$) *</label>
              <input type="number" step="0.01" name="valor_emprestado" required>
            </div>
            <div class="field">
              <label>Valor total a devolver (R$) *</label>
              <input type="number" step="0.01" name="valor_total_devido" required>
              <span class="hint">Já incluindo os juros combinados</span>
            </div>
            <div class="field">
              <label>Quantidade de parcelas *</label>
              <input type="number" name="qtd_parcelas" min="1" required>
            </div>
            <div class="field">
              <label>Frequência de cobrança *</label>
              <select name="frequencia" required>
                <option value="semanal">Semanal</option>
                <option value="quinzenal">Quinzenal</option>
                <option value="mensal" selected>Mensal</option>
              </select>
            </div>
            <div class="field">
              <label>Data da 1ª parcela *</label>
              <input type="date" name="data_primeira_parcela" required>
            </div>
            <div class="field full">
              <label>Observações</label>
              <textarea name="observacoes"></textarea>
            </div>
          </div>

          <div class="form-actions">
            <button type="submit" class="btn btn-primary">Criar empréstimo e gerar parcelas</button>
            <a href="<%= basePath %>/clientes/<%= cliente.id %>" class="btn btn-outline">Cancelar</a>
          </div>
        </form>
      </div>
    </main>
  </div>
</body>
</html>
