{{template "arriba" .}}

    <section class="pantalla" aria-label="Fechas pedidas y confirmadas">
      <h2>Qué findes están cogidos</h2>
      <p class="pie">
        Pincha en un día libre del finde para pedirlo.
        En <strong>negro</strong>, fechas que un colectivo ha pedido y esperan a que la
        asamblea las confirme. En <strong>verde chillón</strong>, fechas ya confirmadas. Los findes se
        turnan entre tranquilos y con ruido. Hoy se pueden pedir fechas hasta el
        {{.Hasta}}, con un máximo de {{.Reglas.CupoDias}} días por colectivo.
        Los horarios fijos de cada semana están en <a href="/calendario.html">Calendario</a>.
      </p>

      <div class="leyenda-pedir">
        <span class="cal-ev cal-ev-solicitado leyenda-muestra">Solicitado</span>
        <span class="cal-ev cal-ev-confirmado leyenda-muestra">Confirmado</span>
        <span class="leyenda-finde cal-tranqui">Finde tranqui</span>
        <span class="leyenda-finde cal-ruido">Finde con ruido</span>
      </div>

      <input type="checkbox" id="ver-semana" class="ver-semana sr-only">
      <label for="ver-semana" class="ver-semana-boton pedir-boton-flojo"><span class="no">Ver la semana entera</span><span class="si">Ver solo los findes</span></label>

      {{- range .Meses}}
      {{template "mes" .}}
      {{- end}}
    </section>

{{- if not .Dentro}}
    <section class="pantalla" id="entrar" aria-label="Cómo se pide un evento">
      <h2>Cómo se pide</h2>
      <p class="pie">
        Si tu colectivo <strong>no es de la casa</strong>, la fecha se pide en persona: ven a
        la <strong>asamblea de externas, los lunes a las 19:00</strong>, en la Enredadera,
        calle de la Coruña nº 5. Allí se habla del evento y un colectivo de la casa lo
        amadrina y se hace responsable.
      </p>
      <p class="pie">
        Si tu colectivo <strong>ya tiene credenciales</strong>, entra aquí y pide la fecha.
        Desde aquí se piden también las de los colectivos de fuera a los que amadrinéis.
      </p>

      <form class="pedir-form" method="post" action="/pedir/entrar" autocomplete="off">
        {{- if .Sig}}<input type="hidden" name="sig" value="{{.Sig}}">{{end}}
        <p>
          <label for="usuario">Colectivo</label>
          <input id="usuario" name="usuario" type="text" required maxlength="32"
                 autocapitalize="none" spellcheck="false">
        </p>
        <p>
          <label for="clave">Contraseña</label>
          <input id="clave" name="clave" type="password" required maxlength="256">
        </p>
        <p><button type="submit">Entrar</button></p>
      </form>

      <p class="pie">
        No hay recuperación de contraseña por correo, a propósito: así no hay ninguna
        dirección guardada ni ningún formulario que atacar. Si la habéis perdido, se resetea
        en la asamblea.
      </p>
    </section>
{{- end}}

{{template "abajo" .}}