{% extends "base.html" %}

{% block title %}Walk with the sunrise — Prumo{% endblock %}

{% block body_class %}dashboard-page{% endblock %}

{% block content %}
<div class="dashboard-main">
    <div class="ticket-form-wrap">
        <h1>Walk with the sunrise</h1>

        <form class="form" method="post" action="{{ url_for('personal.sunrise_walk') }}">
            <div class="sunrise-row">
                <input type="number" name="offset_minutes" min="0"
                       value="{{ config.offset_minutes|abs }}" aria-label="Minutes">
                <span>minutes</span>
                <input type="checkbox" name="before" aria-label="before"
                       {% if config.offset_minutes < 0 %}checked{% endif %}>
                <span>before</span>
                <span>the sunrise</span>
                <button class="btn btn-primary" type="submit">Send</button>
            </div>
        </form>

        <dl class="ticket-meta sunrise-meta">
            <dt>Sunrise</dt>
            <dd>{{ sunrise.strftime('%H:%M') }}</dd>
            <dt>Departure</dt>
            <dd>{{ departure.strftime('%H:%M') }}</dd>
        </dl>
    </div>
</div>
{% endblock %}