{% extends 'paginas/novomodelo.html' %}

{% load static %}

{% block titulo %}
<title>Sisgerte | Sistema de Gerenciamento Técnico</title>
{% endblock %}


{% block tituloconteudo %}
    <h4 class="m-0">Relação de Servicos Realizados</h4>
{% endblock %}



{% block conteudo %}

<div class="container">
    <form action="?" method="GET">

        <input type="text" name="busca" id="" value="{{ request.GET.busca }}" class="p-1 border" autocomplete="off" placeholder="Digite Nome/CPF/CNPJ">

        <button type="submit" class="btn btn-success btn-sm"><i class="fas fa-search"></i> Buscar</button>          
        <a href="{% url 'GeralServico' %}" class="btn btn-secondary btn-sm"><i class="fas fa-times"></i> Limpar</a>        
        <a href="{% url 'ListaPdfServico' %}"class="btn btn-secondary btn-sm"><i class="fa fa-eye"></i> Visualizar</a>               
        <a href="{% url 'ListaPdfServico' %}?busca={{ request.GET.busca }}&acao=baixar" class="btn btn-info btn-sm"><i class="fa fa-download"></i> Baixar PDF</a>         

    </form>
</div>

<div class="container">
    <p></p>
    <div>
        <table class="table table-striped" id="lista-tbvisita">
           
                <tr>
                    <th>Protocolo</th>
                    <th>Data Entrada</th>
                    <th>Cliente</th>
                    <th>CNPJ</th>
                    <th>CPF</th>
                    <th>Opções</th>
                </tr>
            

            <tbody>
                {% for servico in object_list %}
                <tr>
                    <td> {{ servico.protocolo }} </td>
                    <td> {{ servico.dataentrada |date:"d/m/Y"}} </td>
                    <td> {{ servico.cliente }} </td>
                    <td> {{ servico.cnpj }} </td>
                    <td> {{ servico.cpf }} </td>                
                    <td>
                        <a href="{% url 'VisualisarServico' servico.pk %}" class="btn btn-info btn-sm" title="Visualizar"><i class="fa fa-eye"></i></a>
                        <a href="{% url 'PrintServico' servico.pk %}" class="btn btn-info btn-sm" title="Imprimir"><i class="fa fa-print"></i></a>
                    </td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="3"> Nenhum Servico Registrado. </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div> 

    <div class="container">
    <div>
        <ul class="pagination justify-content-center">
    
            {% if page_obj.has_previous %}
    
                {% if request.GET.protocolo %}
                <li class="page-item"><a class="page-link" href="?page=1&protocolo={{request.GET.protocolo}}">&laquo; Primeira</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}&protocolo={{request.GET.protocolo}}">Anterior</a></li>
                {% else %}
                <li class="page-item"><a class="page-link" href="?page=1">&laquo; Primeira</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}&protocolo={{request.GET.protocolo}}">Anterior</a></li>
                {% endif %}
    
            {% endif %}
        
            <li class="page-item">
                <span class="page-link">Página {{ page_obj.number }} de {{ page_obj.paginator.num_pages }}.</span>
            </li>
        
            {% if page_obj.has_next %}
                {% if request.GET.protocolo %}
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}&protocolo={{request.GET.protocolo}}">Próxima</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.paginator.num_pages }}&protocolo={{request.GET.protocolo}}">Última &raquo;</a></li>
                {% else %}
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}">Próxima</a></li>
                <li class="page-item"><a class="page-link" href="?page={{ page_obj.paginator.num_pages }}">Última &raquo;</a></li>
                {% endif %}
            {% endif %}
        
        </ul>
    </div>
</div>
</div>
{% endblock %}