{% extends 'base.html' %}
{% block title %}Nova reserva · AutoMail Reserve{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <div class="eyebrow">Novo envio</div>
    <h1>Registar reserva e preparar e-mail</h1>
    <p class="muted">Preencha os dados do cliente e da viatura. O convite para o seguro será tratado como pedido de interesse.</p>
  </div>
</div>

<form method="post" class="grid-form">
  <div class="card">
    <div class="card-header"><h2>Dados do cliente</h2></div>
    <div class="form-grid two-col">
      <label>Nome do cliente *
        <input type="text" name="full_name" required>
      </label>
      <label>E-mail do cliente *
        <input type="email" name="email" required>
      </label>
      <label>Telefone
        <input type="text" name="phone">
      </label>
      <label>Comercial responsável
        <input type="text" name="salesperson_name">
      </label>
      <label class="full">Nota de consentimento / contexto da recolha
        <input type="text" name="consent_capture_note" placeholder="Ex.: contacto fornecido pelo cliente no momento da reserva em balcão.">
      </label>
    </div>
  </div>

  <div class="card">
    <div class="card-header"><h2>Dados da viatura</h2></div>
    <div class="form-grid two-col">
      <label>Marca *
        <input type="text" name="brand" required>
      </label>
      <label>Modelo *
        <input type="text" name="model" required>
      </label>
      <label>Matrícula *
        <input type="text" name="license_plate" required>
      </label>
      <label>Data da reserva
        <input type="date" name="reservation_date">
      </label>
      <label class="full">Observações
        <textarea name="notes" rows="4" placeholder="Ex.: entrega prevista, documentação, observações internas."></textarea>
      </label>
    </div>
  </div>

  <div class="card">
    <div class="card-header"><h2>Convite de interesse</h2></div>
    <label class="checkbox-row">
      <input type="checkbox" name="include_insurance_invite" checked>
      <span>Incluir convite para o cliente pedir uma cotação de seguro automóvel</span>
    </label>
    <p class="muted small">A V1 não envia proposta automática de seguro. O cliente manifesta interesse através do botão no e-mail.</p>
  </div>

  <div class="actions-row">
    <button type="submit" class="btn btn-primary">Gerar pré-visualização</button>
  </div>
</form>
{% endblock %}