{% extends "base.html" %}

{% block content %}
<div class="row">
   <div class="col col-1">
      &nbsp;   
   </div>   
   <div class="col col-5">
 
      <div class="scroll-table">
            <table {{ t_with }}>
               <thead>
                  <tr>
                     {% for elem in aShapka1 %}
                        <th width="{{ aNumber[loop.index0] }}%;">
                           {% if loop.index0 == 0 %}
                           <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="{{ name_mod1 }}">
                              <i class="fas fa-plus"></i></button>
                           {% endif %} 
                           <h6>{{ elem }}</h6>
                        </th>
                     {% endfor %}
                  </tr>
               </thead>
            </table>
         <div class="scroll-table-body" id ='ScrollTable'>
   
            <table class="table" id="myTable1" {{ t_with }} >
               <tbody>
                        {% for row in result1 %}
                              <tr> 
                                 {% for elem in row %}
                                    <td width="{{ aNumber[loop.index0] }}%;">         
                                    {% if loop.last %}
                                       <a class="btn btn-primary btn-sm" href="{{ urlEdit1 }}/{{ elem }}" title="редактировать" role="button">
                                          <i class="fas fa-edit"></i></a>
                                    <!--    <a class="btn btn-danger btn-sm" onclick="del('{{ row[0]}}','{{ urlDel }}','{{ elem }}')"  title="удалить" role="button">
                                          <i class="fas fa-trash"></i></a>&nbsp; -->
                                    {% else %}
                                        {{ elem }} 
                                    {% endif %}
                                    </td>
                                 {% endfor %}
                              </tr>                     
                              {% endfor %}
                </tbody>
              </table>
          </div>
      </div>
     </div>
  <!-- вторая таблица -->
  <div class="col col-5">
      <div class="scroll-table">
            <table {{ t_with }}>
               <thead>
                  <tr>
                     {% for elem2 in aShapka2 %}
                        <th width="{{ aNumber[loop.index0] }}%;">
                           {% if loop.index0 == 0 %}
                           <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="{{ name_mod2 }}">
                              <i class="fas fa-plus"></i></button>
                           {% endif %} 
                           <h6>{{ elem2 }}</h6>
                        </th>
                     {% endfor %}
                  </tr>
               </thead>
         </table>
         <div class="scroll-table-body" id ='ScrollTable'>
            <table class="table" id="myTable2" {{ t_with }} >
               <tbody>
                        {% for row2 in result2 %}
                              <tr> 
                                 {% for elem2 in row2 %}
                                    <td width="{{ aNumber[loop.index0] }}%;">         
                                    {% if loop.last %}
                                       <a class="btn btn-primary btn-sm" href="{{ urlEdit2 }}/{{ elem2 }}" title="редактировать" role="button">
                                          <i class="fas fa-edit"></i></a>
                                    <!--    <a class="btn btn-danger btn-sm" onclick="del('{{ row[0]}}','{{ urlDel }}','{{ elem }}')"  title="удалить" role="button">
                                          <i class="fas fa-trash"></i></a>&nbsp; -->
                                    {% else %}
                                       {{ elem2 }} 
                                    {% endif %}
                                    </td>
                                 {% endfor %}
                              </tr>                     
                              {% endfor %}
                      </tbody>
                 </table>
            </div>
         </div>
      </div>
  </div> 

{% endblock %}

   {% block modal %}
         {% include 'modal_term.html' %}
   {% endblock %}

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

   {% block scriptjs2%}
   {% if resOne2[1]> 0 %}
   <script type="text/javascript">
      const elemModal2 = document.querySelector('#relevant_modal');
      // активируем элемент в качестве модального окна с параметрами по умолчанию
      const modal2 = new bootstrap.Modal(elemModal2);
      // откроем модальное окно
      modal2.show();
     // });
    </script>
   {% endif %}
{% endblock %}