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

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

{% block navigation %}
  <span class="buttons-group">
    <a class="date-prev pk-button" href="{{ view.get_previous_month_url }}"><span class="sr-only">{% trans "Previous month" %}</span></a>
    <a class="date-next pk-button" href="{{ view.get_next_month_url }}"><span class="sr-only">{% trans "Next month" %}</span></a>
  </span>
  <h2 class="date-nav">
    <span class="date-title">{{ view.date|date:"F Y" }}</span>
    <button class="date-picker-opener"><span class="sr-only">{% trans "Pick a month" %}</span></button>
    {% with selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %}
      <div class="date-picker" style="display: none">
        <select name="month">{% for month, month_label in view.get_months %}<option value="{{ month }}" {% if selected_month == month %}selected{% endif %}>{{ month_label }}</option>{% endfor %}</select>
        <select name="year">{% for year in view.get_years %}<option value="{{ year }}" {% if selected_year == year %}selected{% endif %}>{{year}}</option>{% endfor %}</select>
        <button>{% trans 'Set Date' %}</button>
      </div>
    {% endwith %}
  </h2>
{% endblock %}