
<h2>Agendamentos</h2>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Origem</th>
      <th>Destino</th>
      <th>Data/Hora</th>
      <th>Distância</th>
      <th>Status</th>
      <th>Ações</th>
    </tr>
  </thead>
  <tbody>
    <% agendamentos.forEach(a => { %>
      <tr>
        <td><%= a.origem %></td>
        <td><%= a.destino %></td>
        <td><%= new Date(a.dataHoraSaida).toLocaleString() %></td>
        <td><%= a.distanciaKm.toFixed(2) %> km</td>
        <td><span class="badge bg-<%= a.status === 'agendado' ? 'secondary' : a.status === 'em_processo' ? 'warning' : 'success' %>">
          <%= a.status %>
        </span></td>
        <td>
          <a href="/agendamentos/<%= a._id %>" class="btn btn-sm btn-primary">Detalhes</a>
          <% if (a.status === 'agendado') { %>
            <form action="/entregas/gerar" method="POST" class="row g-2">
              <input type="hidden" name="agendamentoId" value="<%= a._id %>">
              <div class="col-auto"><select name="entregadorId" class="form-select form-select-sm d-inline w-auto">
                <% entregadores.forEach(e => { %>
                  <option value="<%= e._id %>"><%= e.nome %></option>
                <% }) %>
              </select></div>
              <div class="col-auto"><button type="submit" class="btn btn-sm btn-success">Gerar Entrega</button></div>
            </form>

          <% } %>
        </td>
      </tr>
    <% }) %>
  </tbody>
</table>
