{% extends "base.html" %}

{% block content %}
<main class="col-md-{{ col_val }} ms-sm-auto col-lg-{{ col_val }} px-md-0">
   <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-0 pb-0 mb-0 border-bottom">
      <div class="scroll-table">
            <table {{ t_with }}>
               <thead>
                  <tr>
                     {% for elem in aShapka %}
                        <th {{ th_style }} width="{{ aNumber[loop.index0] }}%;" >
                              {% if loop.index0 == 0 and new == 1 %}
                                 <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="{{ name_mod }}">
                                 <i class="fas fa-plus"></i></button>

                              {% else %} 
                                 {{ elem|nl2br }}
                              {% endif %}  

                           {% if  'myInput' in Finput[loop.index0] %}<br>
                                          {% if (loop.index0 != '8' and loop.index0 != '9' and loop.index0 != '11')  %}<br> {% endif %}
                                          <!-- {{ loop.index0 }} -->
                           <input type="text" size="{{ aNumber[loop.index0] - 2  }}" style="font-size: 0.7rem;" id="{{ Finput[loop.index0] }}" onkeyup="myFunction()" placeholder="Фильтр ...">
                           {% endif %} 

                           {% if  aShapka[loop.index0] == 'Действие'  %}<br>

                           
                           <button id="clearButton" type="button" class="btn btn-primary btn-sm" data-toggle="Очистить" data-placement="bottom" title="Очистить фильтр">
                           <i class="fas fa-times"></i>
                           </button>
                           &nbsp; &nbsp; 

                                    {% if  F_Actual == '+'  %}
                                       <a class="btn btn-success btn-sm" href="/jornal-all" title="Показать все заявки" role="button">
                                    {% else %} 
                                       <a class="btn btn-light btn-sm" href="/jornal-factual" title="Показать только актуальные заявки" role="button">
                                    {% endif %}                           
                                    <i class="fas fa-filter"></i></a>
                          
                              {% endif %}
                            
                        </th>
                     {% endfor %}
                  </tr>
               </thead>
         </table>
         <div class="scroll-table-body" id ='ScrollTable'>
            {% block content_table %}
              
            {% endblock %}
            </div>
            {% block itogo %}
                     
            {% endblock %}
       </div>
    </div>
  </main>
 </div>
</div>

{% endblock %}