{% extends '@admin/index.twig' %}

{% block content %}
  <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 mb-3 border-bottom">
    <h1 class="h2">
      <i aria-hidden="true" class="bi bi-textarea-resize"></i> {{ 'msgEditForms' | translate }}
    </h1>
  </div>

  <div class="row mb-2">
    <div class="col">
      <ul class="nav nav-tabs" id="navigation" role="tablist">
        <li class="nav-item">
          <a class="nav-link active" id="ask-question-tab" data-toggle="tab" href="#" role="tab"
             aria-controls="home" aria-selected="true">{{ 'msgQuestion' | translate }}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" id="add-content-tab" data-toggle="tab" href="#" role="tab"
             aria-controls="profile" aria-selected="false">{{ 'msgAddContent' | translate }}</a>
        </li>
      </ul>

      <div class="tab-content" id="forms" data-pmf-formid="1">
        <div class="tab-pane fade show active" id="ask-question" role="tabpanel" aria-labelledby="ask-question-tab">
          <table class="table">
            <thead>
            <tr>
              <th scope="col">{{ ad_entry_id }}</th>
              <th scope="col">{{ 'msgInputLabel' | translate }}</th>
              <th scope="col">{{ 'msgInputType' | translate }}</th>
              <th scope="col">{{ ad_entry_active }}</th>
              <th scope="col">{{ 'msgRequiredInputField' | translate }}</th>
              <th scope="col">{{ ad_categ_translate }}</th>
            </tr>
            </thead>
            <tbody>
            {% for input in formDataAskQuestion %}
              <tr>
                <th>{{ input.input_id }}</th>
                <td>{{ input.input_label }}</td>
                <td>{{ input.input_type }}</td>
                <td>
                  <input type="checkbox" data-pmf-inputid="{{ input.input_id }}"
                         data-pmf-csrf-token="{{ csrfActivate }}"
                         data-pmf-formid="1"
                         id="active"
                         {% if input.input_active %} checked {% endif %} {% if input.input_active == -1 %} disabled {% endif %} />
                </td>
                <td>
                  {% if input.input_type != 'title' and input.input_type != 'message' %}
                    <input type="checkbox" data-pmf-inputid="{{ input.input_id }}"
                           data-pmf-csrf-token="{{ csrfRequired }}"
                           data-pmf-formid="1"
                           id="required" {% if input.input_required %} checked {% endif %} {% if input.input_required == -1 %} disabled {% endif %} />
                  {% endif %}
                </td>
                <td>
                  <a href="./forms/translate/{{ input.form_id }}/{{ input.input_id }}">
                  <span class="badge bg-primary">
                    <i aria-hidden="true" class="bi bi-globe bi-white"></i></span>
                  </a>
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
      <div class="tab-content" id="forms" data-pmf-formid="2">
        <div class="tab-pane fade show" id="add-content" role="tabpanel" aria-labelledby="add-content-tab">
          <table class="table">
            <thead>
            <tr>
              <th scope="col">{{ ad_entry_id }}</th>
              <th scope="col">{{ 'msgInputLabel' | translate }}</th>
              <th scope="col">{{ 'msgInputType' | translate }}</th>
              <th scope="col">{{ ad_entry_active }}</th>
              <th scope="col">{{ 'msgRequiredInputField' | translate }}</th>
              <th scope="col">{{ ad_categ_translate }}</th>
            </tr>
            </thead>
            <tbody>
            {% for input in formDataAddContent %}
              <tr>
                <th>{{ input.input_id }}</th>
                <td>{{ input.input_label }}</td>
                <td>{{ input.input_type }}</td>
                <td>
                  <input type="checkbox" data-pmf-inputid="{{ input.input_id }}"
                         data-pmf-csrf-token="{{ csrfActivate }}"
                         data-pmf-formid="2"
                         id="active" {% if input.input_active %} checked {% endif %} {% if input.input_active == -1 %} disabled {% endif %} />
                </td>
                <td>
                  {% if input.input_type != 'title' and input.input_type != 'message' %}
                    <input type="checkbox" data-pmf-inputid="{{ input.input_id }}"
                           data-pmf-csrf-token="{{ csrfRequired }}"
                           data-pmf-formid="2"
                           id="required" {% if input.input_required %} checked {% endif %} {% if input.input_required == -1 %} disabled {% endif %}/>
                  {% endif %}
                </td>
                <td>
                  <a href="?action=forms-translations&formid={{ input.form_id }}&inputid={{ input.input_id }}">
                  <span class="badge bg-primary">
                    <i aria-hidden="true" class="bi bi-globe bi-white"></i></span>
                  </a>
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div class="mt-4 alert alert-info" role="alert">
    {{ msgHintDeactivateForms | raw }}
  </div>
{% endblock %}