{% extends "base_sidebar.html" %}

{% block sidebar_block %}

{% endblock %}

{% block content_table %}
<table class="table" id="myTable">
   <tbody>
      {% for row in result %}
      {% if row[6] == '+' %}
      <tr style="background-color:#ffc107;">
         {% else %}
      <tr>
         {% endif %}
         {% for elem in row %}
         <td width="{{ aNumber[loop.index0] }}%" {# цвет для первой ячейки #} {% if loop.first %} {% if
            row[11]|length==8 %} style="background: green; color:white;" {% elseif row[8]=='' %}
            style="background: purple; color:white;" {% elseif row[11] < 1 %} style="background: red; color:white;" {%
            elseif row[11] < 4 %} style="background: rgb(255, 153, 0); color:white;" {% endif %} {% endif %}>
            {% if loop.last %}
            {% if row[6] == '+' %}
            Аннулирована
            {% else %}
            {% if edit == 1 or fio == row[2] %}
            <a class="btn btn-success btn-sm" href="{{ urlEdit }}/{{ elem }}" title="редактировать заявку"
               role="button">
               <i class="fas fa-edit"></i></a>&nbsp;
            {% if del_yes == 1 %}
            <a class="btn btn-warning btn-sm" href="{{ urlCancel }}/{{ elem }}" title="аннулировать заявку"
               role="button">
               <i class="fas fa-times"></i></a>&nbsp;
            <a class="btn btn-danger btn-sm" onclick="del('{{ row[0]}}','{{ urlDel }}','{{ elem }}')"
               title="удалить заявку" role="button">
               <i class="fas fa-trash"></i></a>&nbsp;
            {% endif %}
            {% else %}
            &nbsp;
            {% endif %}
            {% endif %}
            {% elseif aShapka[loop.index0] =='ТЗ'%}
            <a class="btn btn-{% if row[6] > 0 %}success{% else %}danger{% endif %} btn-sm "
               href="{{ urlTZ }}/{{ row[18] }}" title="Информация о приложениях к заявке">
               <i class="fa fa-list"></i></a>
            {% elseif aShapka[loop.index0] =='Зам.'%}
            <a class="btn btn-{% if row[6] > 0 %}success{% else %}danger{% endif %} btn-sm "
               href="{{ urlZAM }}/{{ row[18] }}" title="Информация о замечаниях к заявке">
               !</a>
            {% elseif aShapka[loop.index0] =='Исполнитель'%}
            {{ elem|nl2br }}
            {% else %}
            {% if elem == '00.00.0000' %}
            &nbsp;
            {% else %}
            {% if row[6] == '+' and loop.index0 == 0 and del_yes == 1 %}
            <a class="btn btn-success btn-sm" href="{{ urlRestore }}/{{ row[17] }}" title="восстановить заявку"
               role="button">
               <i class="far fa-arrow-alt-circle-up"></i></a>
            {% else %}

            {% if (elem|length > 0 and loop.index0 != 11 ) or ( elem|length == 8 and loop.index0 == 11) %}
            {{ elem }}
            {% else %}
            <p style="color:white"> &nbsp;.. &nbsp; </p>
            {% endif %}
            {% endif %}
            {% endif %}
            {% endif %}
         </td>
         {% endfor %}
      </tr>
      {% endfor %}
   </tbody>
</table>
{% endblock %}

{% block modal %}

{% include 'modal_jornal.html' %}

{% include 'modal_TZ.html' %}

{% include 'modal_ZAM.html' %}

{% endblock %}

{% block scriptjs%}
{% if resOne[0] > 0 %}
<script type="text/javascript">
   // элемент, содержащий контент модального окна (например, имеющий id="modal")
   const elemModal = document.querySelector('#jornal_modal');
   // активируем элемент в качестве модального окна с параметрами по умолчанию
   const modal = new bootstrap.Modal(elemModal);
   // откроем модальное окно
   modal.show();
           // });
</script>
{% endif %}

{% if TZ_view > 0 %}
<script type="text/javascript">
   // элемент, содержащий контент модального окна (например, имеющий id="modal")
   const elemModalTZ = document.querySelector('#modal_TZ');
   // активируем элемент в качестве модального окна с параметрами по умолчанию
   const modalTZ = new bootstrap.Modal(elemModalTZ);
   // откроем модальное окно
   modalTZ.show();
</script>
{% endif %}

{% if ZAM_view > 0 %}
<script type="text/javascript">
   // Ждем полной загрузки DOM
   document.addEventListener('DOMContentLoaded', function () {
      const elemModalZAM = document.querySelector('#modal_ZAM');
      // alert("ZAM_1");
      if (elemModalZAM) {
         const modalZAM = new bootstrap.Modal(elemModalZAM);
         // alert("ZAM_2");
         modalZAM.show();
      } else {
         console.error('Модальное окно #modal_ZAM не найдено');
      }
   });
</script>
{% endif %}

<script src="/resources/js/filter.js"></script>

{% endblock %}