{{template "arriba" .}}

    <section class="pantalla" aria-label="Todas las fechas">
      <h2>Todas las fechas que vienen</h2>
      {{- if .Filas}}
      <div class="tabla-envoltorio">
        <table class="pedir-tabla">
          <thead>
            <tr>
              <th scope="col">Fecha</th>
              <th scope="col">Evento</th>
              <th scope="col">Estado</th>
              <th scope="col"><span class="sr-only">Acciones</span></th>
            </tr>
          </thead>
          <tbody>
            {{- range .Filas}}
            <tr>
              <td>
                {{.Legible}}{{if gt .Dias 1}} <span class="pista">({{.Dias}} días)</span>{{end}}
                {{- if .Evento.Hora}}<br><span class="pista">a las {{.Evento.Hora}}</span>{{end}}
              </td>
              <td>
                {{.Evento.Titulo}}<br><span class="pista">{{.Quien}}</span>
              </td>
              <td><span class="estado estado-{{.Evento.Estado}}{{if .Externas}} estado-externas{{end}}">{{.Etiqueta}}</span></td>
              <td>
                <div class="acciones">
                  <a class="pedir-boton-flojo" href="/pedir/editar?id={{.Evento.ID}}">Modificar</a>
                  <form method="post" action="/pedir/liberar">
                    <input type="hidden" name="csrf" value="{{$.CSRF}}">
                    <input type="hidden" name="id" value="{{.Evento.ID}}">
                    <input type="hidden" name="volver" value="todas">
                    <button type="submit" class="pedir-boton-flojo">Quitar</button>
                  </form>
                </div>
              </td>
            </tr>
            {{- end}}
          </tbody>
        </table>
      </div>
      <p class="pie">
        Quitar deja la fecha libre para el resto; el evento queda en el registro como
        cancelado. Las solicitudes que esperan confirmación están también en
        <a href="/pedir/pendientes">Pendientes</a>.
      </p>
      {{- else}}
      <p class="pie">No hay ningún evento en las próximas fechas.</p>
      {{- end}}
    </section>

{{template "abajo" .}}