{% extends 'baseadmin.html' %}

{% block title %}Movimento Diário{% endblock %}

{% block pagetitle %}

    <div class="pageheader">
        <h3><i class="fa fa-bar-chart"></i> Movimento Diário</h3>
        <div class="breadcrumb-wrapper">
            <span class="label">Você está em:</span>
            <ol class="breadcrumb">
                <li> <a href="/"> Home </a> </li>
                <li class="active"> Movimento Diário </li>
            </ol>
        </div>
    </div>

{% endblock %}

{% block body %}

    <div class="panel">
        <div class="panel-body">
            <div class="pad-btm form-inline">
                <div class="row">
                    <div class="col-sm-6 text-xs-center">
                        <div class="form-group">
                            <button type="button" id="demo-btn-addrow" class="btn btn-success" data-toggle="modal" data-target="#newdailyflow">Novo Relatório Movimento Diário</button>
                        </div>
                    </div>
                    <div class="col-sm-6 text-xs-center text-right">
                        <form action="/entries/index" method="get">
                            <div class="form-group">
                                <input id="demo-input-search2" name="q" type="text" placeholder="Procurar" class="form-control" autocomplete="off">
                                <div class="btn-group">
                                    <button class="btn btn-default"><i class="fa fa fa-search"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            
            {% if entries %}

                    <table class="table table-bordered table-hover toggle-circle default no-paging footable-loaded footable">
                        <thead>
                            <tr>
                                <th class="text-center">Data</th>
                                <th class="text-center">Associação Local</th>
                                <th class="text-center">Presidente</th>
                                <th class="text-center">Total Lançamentos</th>
                                <th class="text-center"></th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            {% for entry in entries %}
                            
                                <tr>
                                    <td class="text-center">{{ entry.DATA_BR }}</td>
                                    <td class="text-center">{{ entry.nome }}</td>
                                    <td class="text-center">{{ entry.presidente }}</td>
                                    <td class="text-center">{{ entry.TOTAL_ITENS }}</td>
                                    <td class="text-center">
                                        <a href="/dailyflow/edit/{{ entry.id }}" class="btn btn-warning fa fa-edit text-center"></a>
                                        <button class="btn btn-danger fa fa-trash text-center" onclick="delEntry({{ entry.id }})"></button>
                                    </td>
                                </tr>                            
                            
                            {% endfor %}
                            
                        </tbody>

                        {% if pages > 1 %}

                            <tfoot>
                                <tr>
                                    <td colspan="6" class="footable-visible">
                                        <div class="text-center">
                                            <ul class="pagination">
                                                <li class="footable-page-arrow"><a data-page="first" href="/dailyflow/index{% if query|length > 0 %}?{{ query }}{% endif %}">«</a></li>
                                                
                                                {% if current_page > 1 %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="prev" href="/dailyflow/index?page={{ current_page - 1 }}{% if query|length > 0 %}?{{ query }}{% endif %}">‹</a></li>                                                
                                                
                                                {% else %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="prev" href="/dailyflow/index?page=1{% if query|length > 0 %}?{{ query }}{% endif %}">‹</a></li>
                                                    
                                                {% endif %}
                                                
                                                {% for i in 1..pages %}
                                                    
                                                    {% if current_page == i %}    
                                                        <li class="footable-page active"><a>{{ i }}</a></li>
                                                    {% else %}
                                                        <li class="footable-page"><a data-page="0" href="/dailyflow/index?page={{ i }}{% if query|length > 0 %}?{{ query }}{% endif %}">{{ i }}</a></li>
                                                    {% endif %}
                                                    
                                                {% endfor %}                                                
                                                
                                                {% if current_page < pages %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="next" href="/dailyflow/index?page={{ currentpage + 1 }}{% if query|length > 0 %}?{{ query }}{% endif %}">›</a></li>

                                                {% else %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="next" href="/dailyflow/index?page={{ pages }}{% if query|length > 0 %}?{{ query }}{% endif %}">›</a></li>

                                                {% endif %}                                                
                                                
                                                
                                                <li class="footable-page-arrow"><a data-page="next" href="/dailyflow/index?page={{ pages }}{% if query|length > 0 %}?{{ query }}{% endif %}">›</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            </tfoot>
                        
                        {% endif %}

                    </table>
            
            {% else %}

                <div class="panel">
                    <div class="panel-body">
                        <div class="row">
                            <p>Nenhum relatório cadastrado{% if query|length > 0 %} para a busca: '{{ query }}'{% endif %}.</p>
                        </div>
                    </div>
                </div>
            
            {% endif %}

        </div>
        <!--===================================================-->
        <!-- End Foo Table - Add & Remove Rows -->
    </div>


{% endblock %}

{% block modal %}
    <div id="newdailyflow" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="eq-box-sm">
                    <form id="dailyflowform" name="dailyflowform" action="/dailyflow/create" method="post">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Novo Relatório Movimento Diário</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label">Data*</label>
                                        <input type="text" class="form-control maimdate" id="datadailyflow" name="datadailyflow" value="" autocomplete="off" required />
                                    </div>                                        
                                    <div class="form-group">
                                        <label class="control-label">Associação Local*</label>
                                        <select id="aldailyflow" name="aldailyflow" class="form-control bootstrapselect" data-live-search="true">

                                            {% for association in associations %}
                                            
                                                <option value="{{ association.id }}">{{ association.nome }}</option>
                                                
                                            {% endfor %}
                                            
                                        </select>
                                    </div>   
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
                            <button type="submit" name="newcateg" class="btn btn-success">Salvar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>  
{% endblock %}

{% block footer %}
        <script>
            $(document).ready(function($)
                {
                    $('.bootstrapselect').selectpicker({
                      size: 4
                    });
                    
                    $('.maimdate').datepicker({
                        autoclose: true,
                        format: 'dd/mm/yyyy',                
                        language: 'pt-BR'
                    });                     
                }
            );
            function delEntry(id) 
            {
                swal({
                  title: "ATENÇÃO!",
                  text: "Deseja realmente remover esse registro? Essa ação é irreversível!",
                  icon: "warning",
                  buttons: true,
                  dangerMode: true,
                })
                .then((willDelete) => {
                  if (willDelete) {
                    window.location.replace("/dailyflow/delete/" + id);
                  }
                });
            }
        </script>
{% endblock %}