{% load i18n %}
{% block cell-content %}
  {% if json.data %}

    {% if cell.title %}
      <{{ cell.title_level }} class="cell--title">
      {{ cell.title }}
      </{{ cell.title_level }}>
    {% endif %}

    {% if booking_form_url and cell.booking_button_position == 'top' %}
      <a class="pk-button weekly-agenda-cell--edit-btn top">
        {{ booking_button_title }}
      </a>
    {% endif %}
    <div class="weekly-agenda-cell weekly-agenda-cell-{{ cell.pk }} cell--body" data-cell-id="{{ cell.pk }}">
      {% with first_monday=json.data.0.date|date|adjust_to_week_monday last_item=json.data|last %}
        {% with last_day=last_item.date|date|adjust_to_week_monday|add_days:6 %}
          {% now 'W' as current_week %}
          {% spaceless %}
            <button class="weekly-agenda-cell--previous-week">←</button>
            <div class="weekly-agenda-cell--week-list">
              <div class="weekly-agenda-cell--slider">
                {% for day in first_monday|iterate_days_until:last_day %}
                  {% if day.weekday == 0 %}
                    {% with sunday=day|add_days:6 %}
                      <h3 class="weekly-agenda-cell--week-title {% if current_week == day|date:'W' %}current{% endif %}"
                          {% if booking_form_url %}data-edit-url="{{ booking_form_url }}{% if '?' in booking_form_url %}&{% else %}?{% endif %}current={{ day|adjust_to_week_monday|date:'Y-m-d' }}"{% endif %}>
                        {% blocktrans with day_date=day|date:'d/m' sunday_date=sunday|date:'d/m' %}Week<br class="weekbreak"> of {{ day_date }} to {{ sunday_date }}{% endblocktrans %}
                      </h3>
                    {% endwith %}
                  {% endif %}
                  <div class="weekly-agenda-cell--day-item" data-weekday="{{ day.weekday }}">
                    <h4 class="weekly-agenda-cell--day-title" >
                      {{ day|date:"l d/m" }}
                    </h4>
                    {% with day_str=day|date:"Y-m-d" %}
                      {% for item in json.data %}
                        {% if item.date == day_str %}
                          <div class="weekly-agenda-cell--activity-item {% if item.disabled %}disabled{% endif %}">
                            <div
                              class="weekly-agenda-cell--activity-status {{ item.status }}"
                              {% if item.check_type_color %}style="background: {{ item.check_type_color }}"{% endif %}
                            ></div>
                            <div class="weekly-agenda-cell--activity-label">
                              {% if item|get:cell.not_paid_extra_data == cell.booking_not_paid_value %}
                                <span title="{% trans 'pending payment' %}" class="weekly-agenda-cell--pending-payment">
                                  <span class="weekly-agenda-cell--pending-payment-icon" aria-hidden="true"></span>
                                  <span class="sr-only">({% trans 'pending payment' %}) </span>
                                </span>
                              {% elif item|get:cell.without_invoice_extra_data == cell.booking_without_invoice_value %}
                                <span title="{% trans 'without invoice' %}" class="weekly-agenda-cell--without-invoice">
                                  <span class="weekly-agenda-cell--without-invoice-icon" aria-hidden="true"></span>
                                  <span class="sr-only">({% trans 'without invoice' %}) </span>
                                </span>
                              {% endif %}
                              <span>{% if item.has_display_template %}{{ item.text }}{% else %}{{ item.label }}{% endif %}{% if item.places.full and item.status != "booked" %} ({% trans "full" %}){% endif %}</span>
                            </div>
                          </div>
                        {% endif %}
                      {% endfor %}
                    {% endwith %}
                    <div class="weekly-agenda-cell--day-no-activity">{% trans "No activity this day" %}</div>
                  </div>
                {% endfor %}
              </div>
            </div>
            <button class="weekly-agenda-cell--next-week">→</button>
            {% if booking_form_url and cell.booking_button_position == 'bottom' %}
              <a class="pk-button weekly-agenda-cell--edit-btn bottom">
                {{ booking_button_title }}
              </a>
            {% endif %}
          {% endspaceless %}
        {% endwith %}
      {% endwith %}
    </div>
  {% endif %}
{% endblock %}