{% extends "chrono/manager_agenda_date_view.html" %}
{% load i18n %}

{% block bodyargs %}class="dayview"{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <a>{{ day|date:"SHORT_DATE_FORMAT" }}</a>
{% endblock %}

{% block navigation %}
  <span class="buttons-group">
    <a class="date-prev pk-button" href="{{ view.get_previous_day_url }}"><span class="sr-only">{% trans "Previous day" %}</span></a>
    <a class="date-next pk-button" href="{{ view.get_next_day_url }}"><span class="sr-only">{% trans "Next day" %}</span></a>
  </span>
  <h2 class="date-nav">
    <span class="date-title">{{ view.date|date:"l j F Y" }}</span>
    <button class="date-picker-opener"><span class="sr-only">{% trans "Pick a date" %}</span></button>
    {% with selected_day=view.date|date:"j" selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %}
      <div class="date-picker" style="display: none">
        <input type="date" class="date-picker--input" value="{{ view.date|date:"Y-m-d" }}" />
        <button>{% trans 'Set Date' %}</button>
      </div>
    {% endwith %}
  </h2>
{% endblock %}