<%- include('../partials/header') %>
<%- include('../partials/sidebar') %>

<div class="dashboard-header" style="margin-bottom: 30px;">
  <a href="/admin/financeiro" style="color: var(--text-muted); font-size: 0.9rem; margin-bottom: 10px; display: inline-block;">
    <i class="fas fa-arrow-left"></i> Voltar
  </a>
  <h1 class="text-gradient">Novo Lançamento</h1>
</div>

<div class="card" style="max-width: 600px;">
  <% if (typeof error !== 'undefined' && error) { %>
    <div class="alert alert-error"><i class="fas fa-exclamation-circle"></i> <%= error %></div>
  <% } %>

  <form action="/admin/financeiro/novo" method="POST">
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
      <div class="form-group">
        <label class="form-label">Tipo de Lançamento *</label>
        <select name="tipo" class="form-control" style="appearance: auto; background: var(--bg-dark);" required>
          <option value="receita">Receita (Entrada)</option>
          <option value="despesa">Despesa (Saída)</option>
        </select>
      </div>
      <div class="form-group">
        <label class="form-label">Status *</label>
        <select name="status" class="form-control" style="appearance: auto; background: var(--bg-dark);" required>
          <option value="pendente">Pendente</option>
          <option value="pago">Pago / Recebido</option>
        </select>
      </div>
    </div>

    <div class="form-group">
      <label class="form-label">Descrição *</label>
      <input type="text" name="descricao" class="form-control" placeholder="Ex: Anúncio Empresa X, Hospedagem Servidor" required>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
      <div class="form-group">
        <label class="form-label">Valor (R$) *</label>
        <input type="number" name="valor" step="0.01" class="form-control" placeholder="0.00" required>
      </div>
      <div class="form-group">
        <label class="form-label">Data de Vencimento *</label>
        <input type="date" name="data_vencimento" class="form-control" required>
      </div>
    </div>

    <button type="submit" class="btn btn-primary" style="margin-top: 10px; width: 100%; justify-content: center; padding: 12px;">
      <i class="fas fa-save"></i> Salvar Lançamento
    </button>
  </form>
</div>
<%- include('../partials/footer') %>
