{% extends 'baseadmin.html' %}

{% block title %}Estoque{% endblock %}

{% block pagetitle %}

    <div class="pageheader">
        <h3><i class="fa fa-archive"></i> Estoque</h3>
        <div class="breadcrumb-wrapper">
            <span class="label">Você está em:</span>
            <ol class="breadcrumb">
                <li> <a href="/"> Home </a> </li>
                <li class="active"> Estoque </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-warning">Gerar Relatório de Estoque</button>
                        </div>
                    </div>
                    <div class="col-sm-6 text-xs-center text-right">
                        <form action="/stock/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 stock %}
            
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class="text-center">Produto</th>
                            <th class="text-center">Saldo em estoque</th>
                            <th class="text-center"></th>
                        </tr>
                    </thead>
                    <tbody>
                        
                        {% for entry in stock %}
                        
                            <tr>
                                <td class="text-center">{{ entry.nome }}</td>
                                <td class="text-center">{{ entry.STOCK_TOTAL }}</td>
                                <td class="text-center">
                                    <a href="/stock/edit/{{ entry.id }}" class="btn btn-warning fa fa-edit text-center"></a>
                                </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="/stock/index{% if query|length > 0 %}?{{ query }}{% endif %}">«</a></li>
                                                
                                                {% if current_page > 1 %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="prev" href="/stock/index?page={{ current_page - 1 }}{% if query|length > 0 %}?{{ query }}{% endif %}">‹</a></li>                                                
                                                
                                                {% else %}
                                                
                                                    <li class="footable-page-arrow"><a data-page="prev" href="/stock/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="/stock/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="/stock/index?page={{ currentpage + 1 }}{% if query|length > 0 %}?{{ query }}{% endif %}">›</a></li>

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

                                                {% endif %}                                                
                                                
                                                
                                                <li class="footable-page-arrow"><a data-page="next" href="/stock/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 produto encontrado em estoque {% if query|length > 0 %} para a busca: '{{ query }}'{% endif %}.</p>
                        </div>
                    </div>
                </div>            
            
            {% endif %}

        </div>
    </div>

{% endblock %}

{% block modal %}
{% endblock %}

{% block footer %}
{% endblock %}