{% extends 'base.html' %}

{% block header %}
<section class="hero has-text-centered">
    <h1 class="subtitle is-2 has-text-centered">
        Elegir día para la reserva.
    </h1>
</section>
{% endblock header %}

{% block content %}
<div class="field">
    <form action="/eligedia" method="POST">
            <p class="title is-2">Elige día</p>
            <div>
                <input class="radio" type="radio" name="dias" id="hoy" value="{{ hoy }}" checked/>
                <label class="radio" for="hoy">{{ hoy }}</label>

                <input class="radio" type="radio" name="dias" id="manana" value="{{ manana }}"/>
                <label class="radio" for="manana">{{ manana }}</label>

                <input class="radio" type="radio" name="dias" id="pasado" value="{{ pasado }}"/>
                <label class="radio" for="pasado">{{ pasado }}</label>
            </div>
            <div>
                <button class="button is-primary mt-5"   type="submit">Enviar</button>
            </div>
    </form>
</div> 
{% endblock content %}