{% extends "chrono/manager_home_reports.html" %}
{% load static i18n %}

{% block css %}
  {{ block.super }}
  <link rel="stylesheet" type="text/css" media="all" href="{% static "css/gadjo.multiselectwidget.css" %}" />
{% endblock %}

{% block extrascripts %}
  {{ block.super }}
  <script src="{% static "js/gadjo.multiselectwidget.js" %}"></script>
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" href="{% url 'chrono-manager-events-report' %}">{% trans "Events report" %}</a>
  </li>
{% endblock %}

{% block appbar %}
  <h2>{% trans 'Events report' %}</h2>
{% endblock %}

{% block content %}
  <div class="section">
    <div>
      <form>
        <details class="gadjo-remember-open-status" open>
          <summary id="details-report-configuration">{% trans "Report configuration" %}</summary>

          {{ form.as_p }}
          <button class="submit-button">{% trans "See report" %}</button>
          {% if request.GET and form.is_valid %}
            <button class="submit-button" name="ods">{% trans "Get ODS file" %}</button>
          {% endif %}
        </details>

        {% if request.GET and form.is_valid %}
          {% with events=form.get_events %}

            {% if 'bookings-not-checked' in form.cleaned_data.status %}
              <details class="gadjo-remember-open-status" open id="details-bookings_not_checked">
                <summary>{% blocktrans with start=form.cleaned_data.date_start end=form.cleaned_data.date_end %}Report from {{ start }} to {{ end }} - events with not checked bookings{% endblocktrans %}</summary>
                <div>
                  <ul class="objects-list single-links">
                    {% for event in events.bookings_not_checked %}
                      {% include 'chrono/manager_event_report_fragment.html' %}
                    {% endfor %}
                  </ul>
                </div>
              </details>
            {% endif %}

            {% if 'not-checked' in form.cleaned_data.status %}
              <details class="gadjo-remember-open-status" open id="details-not_checked">
                <summary>{% blocktrans with start=form.cleaned_data.date_start end=form.cleaned_data.date_end %}Report from {{ start }} to {{ end }} - not checked events{% endblocktrans %}</summary>
                <div>
                  <ul class="objects-list single-links">
                    {% for event in events.not_checked %}
                      {% include 'chrono/manager_event_report_fragment.html' %}
                    {% endfor %}
                  </ul>
                  {% if events.not_checked and has_unjustified_absences %}
                    <button class="submit-button" name="check-absences">{% trans "Mark all bookings as unjustified absence" %}</button>
                    <ul class="messages">
                      <li class="warning">
                        <span class="pk-notice--title">{% trans 'Warning' %}</span>
                        {% trans 'Only if a check type group is set on the agenda, for each booking not checked, then the check type defined as “unjustified absence” will be used to check the booking.' %}
                        <br />
                        {% trans "Once all bookings without status have been checked, events will be marked as checked, if their agenda is configured to do so." %}
                      </li>
                    </ul>
                  {% endif %}
                </div>
              </details>
            {% endif %}

            {% if 'not-invoiced' in form.cleaned_data.status %}
              <details class="gadjo-remember-open-status" open id="details-not_invoiced">
                <summary>{% blocktrans with start=form.cleaned_data.date_start end=form.cleaned_data.date_end %}Report from {{ start }} to {{ end }} - not invoiced events{% endblocktrans %}</summary>
                <div>
                  <ul class="objects-list single-links">
                    {% for event in events.not_invoiced %}
                      {% include 'chrono/manager_event_report_fragment.html' %}
                    {% endfor %}
                  </ul>
                </div>
              </details>
            {% endif %}

            {% if 'locked' in form.cleaned_data.status %}
              <details class="gadjo-remember-open-status" open id="details-locked">
                <summary>{% blocktrans with start=form.cleaned_data.date_start end=form.cleaned_data.date_end %}Report from {{ start }} to {{ end }} - events with check locked{% endblocktrans %}</summary>
                <div>
                  <ul class="objects-list single-links">
                    {% for event in events.locked %}
                      {% include 'chrono/manager_event_report_fragment.html' %}
                    {% endfor %}
                  </ul>
                  {% if events.locked %}
                    <button class="submit-button" name="unlock">{% trans "Unlock check for these events" %}</button>
                  {% endif %}
                </div>
              </details>
            {% endif %}

            {% if 'not-locked' in form.cleaned_data.status %}
              <details class="gadjo-remember-open-status" open id="details-not_locked">
                <summary>{% blocktrans with start=form.cleaned_data.date_start end=form.cleaned_data.date_end %}Report from {{ start }} to {{ end }} - events with check not locked{% endblocktrans %}</summary>
                <div>
                  <ul class="objects-list single-links">
                    {% for event in events.not_locked %}
                      {% include 'chrono/manager_event_report_fragment.html' %}
                    {% endfor %}
                  </ul>
                  {% if events.not_locked %}
                    <button class="submit-button" name="lock">{% trans "Lock check for these events" %}</button>
                  {% endif %}
                </div>
              </details>
            {% endif %}

          {% endwith %}
        {% endif %}
      </form>
    </div>
  </div>
{% endblock %}