<% if (erro) { %>
  <div class="alert alert-warning text-center" role="alert">
    <%= erro %>
  </div>
<% } %>

<h2 class="text-center page-title">Promoção de Faixa 2025</h2>

<form class="row g-3" action="/buscar" method="get">
  <div class="col-md-8">
    <label for="studentName" class="form-label">Nome completo do(a) aluno(a)</label>
    <input id="studentName" name="nome" class="form-control form-control-lg" placeholder="Digite o nome completo" required>
  </div>
  <div class="col-md-4 d-flex align-items-end">
    <button class="btn btn-primary btn-lg w-100" type="submit">
      <i class="bi bi-search"></i> Buscar
    </button>
  </div>
</form>

<div class="instructions-section mt-4">
  <h3 class="text-center mb-4 instruction-title">Como funciona a consulta?</h3>
  <div class="row text-center justify-content-center">
    <div class="col-md-5 mb-4 mb-md-0 instruction-step">
      <div class="icon mb-3"><i class="bi bi-1-circle-fill"></i></div>
      <h5>Insira o nome</h5>
      <p class="text-muted">Digite o nome completo do(a) aluno(a).</p>
    </div>
    <div class="col-md-5 mb-4 mb-md-0 instruction-step">
      <div class="icon mb-3"><i class="bi bi-2-circle-fill"></i></div>
      <h5>Clique em buscar</h5>
      <p class="text-muted">O sistema informará o dia, horário e o local da graduação do(a) aluno(a).</p>
    </div>
  </div>
</div>
