{% 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[17] }}" title="Информация о приложениях к заявке" >
                                       <i class="fa fa-list"></i></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' %}

   {% 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 %}

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

   {% endblock %}