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

{% block page-title-extra-label %}
- {% firstof agenda.label object.label %}
{% endblock %}

{% block breadcrumb %}
{{ block.super }}
<a href="{% url 'chrono-manager-agenda-month-view' pk=agenda.id year=object.start_datetime.year month=object.start_datetime.month %}">{{agenda.label}}</a>
<a href="{% url 'chrono-manager-event-view' pk=agenda.id event_pk=object.id %}">{{object}}</a>
{% endblock %}

{% block appbar %}
{% if object.label %}<h2>{{ object.label }} — {{object.start_datetime|date:"DATETIME_FORMAT"}}</h2>
{% else %}<h2>{{ object.start_datetime|date:"DATETIME_FORMAT"}}</h2>
{% endif %}
<span class="actions">
{% if user_can_manage %}
<a href="{% url 'chrono-manager-event-edit' pk=agenda.id event_pk=object.id %}">{% trans "Options" %}</a>
{% endif %}
</span>
{% endblock %}

{% block content %}

{% if object.description %}
<div class="section">
<div><p>{{ object.description }}</p></div>
</div>
{% endif %}

<div class="section">
<h3>{% trans "Bookings" %} ({{booked|length}}/{{object.places}})</h3>
<div>

  {% if event.booked_places > event.places %}
  <div class="errornotice"><p>{% trans "This event is overbooked." %}</p></div>
  {% endif %}

  <ul class="objects-list single-links">
    {% for booking in booked %}
    <li><a {% if booking.backoffice_url %}href="{{ booking.backoffice_url }}"{% endif %}>{% if booking.user_name %}{{ booking.user_name }}{% else %}{% trans "Unknown" %}{% endif %},
    {{ booking.creation_datetime|date:"DATETIME_FORMAT" }}</a></li>
    {% endfor %}
  </ul>
</div>
</div>

{% if object.waiting_list_places %}
<div class="section">
<h3>{% trans "Waiting List" %} ({{waiting|length}}/{{object.waiting_list_places}})</h3>
<div>
  <ul class="objects-list single-links">
    {% for booking in waiting %}
    <li><a {% if booking.backoffice_url %}href="{{ booking.backoffice_url }}"{% endif %}>{% if booking.user_name %}{{ booking.user_name }}{% else %}{% trans "Unknown" %}{% endif %},
    {{ booking.creation_datetime|date:"DATETIME_FORMAT" }}</a></li>
    {% endfor %}
  </ul>
</div>
</div>
{% endif %}

{% endblock %}