{% load gadjo i18n %}
{% block cell-form %}
  <div class="cell-properties pk-tabs">
    <div class="pk-tabs--tab-list" role="tablist" aria-label="{% trans "Cell Properties" %}">
      {% for tab in manager_tabs %}
        <button role="tab"
                aria-selected="{{ forloop.first|yesno:"true,false" }}"
                aria-controls="panel-{{ cell.get_reference }}-{{ tab.slug }}"
                id="tab-{{ cell.get_reference }}-{{ tab.slug }}"
                tabindex="{{ forloop.first|yesno:"0,-1" }}"
                {% if tab.is_not_default %}class="pk-tabs--button-marker"{% endif %}>{{ tab.name }}</button>
      {% endfor %}
    </div>

    <form class="pk-tabs--container" action="{{ url }}" method="post">
      {% csrf_token %}
      {% for tab in manager_tabs %}
        <div id="panel-{{ cell.get_reference }}-{{ tab.slug }}"
             role="tabpanel" tabindex="0" {% if not forloop.first %}hidden{% endif %}
             data-tab-slug="{{ tab.slug }}"
             aria-labelledby="tab-{{ cell.get_reference }}-{{ tab.slug }}">
          {% if tab.template %}{% include tab.template %}{% else %}{{ tab.form_instance|with_template }}{% endif %}
        </div>
      {% endfor %}
      {% if not is_readonly %}
        <div class="cell-properties--buttons">
          {% block cell-buttons %}
            <button class="submit-button save">{% trans 'Save' %}</button>
            <span>
              {% if cell.allow_refresh_from_manager %}
                <a class="pk-button refresh-button" title="{% trans 'Refresh cached elements' %}"
                ><span>{% trans 'Refresh' %}</span></a>
              {% endif %}
              <a class="pk-button duplicate-button" rel="popup" title="{% trans 'Duplicate' %}"
                 href="{% url 'combo-manager-page-duplicate-cell' page_pk=page.id cell_reference=cell.get_reference %}"
              ><span>{% trans 'Duplicate' %}</span></a>
              <a class="pk-button delete-button" rel="popup" title="{% trans 'Delete' %}"
                 href="{% url 'combo-manager-page-delete-cell' page_pk=page.id cell_reference=cell.get_reference %}"
              ><span>{% trans 'Delete' %}</span></a>
            </span>
          {% endblock %}
        </div>
      {% endif %}
    </form>
  </div>
{% endblock %}