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

{% load static %}

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


{% block tituloconteudo %}
    <h4 class="m-0">Lista dos Clientes Cadastrados </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 'GeralCliente' %}" class="btn btn-secondary btn-sm"><i class="fas fa-times"></i> Limpar</a>
        <a href="{% url 'ListaPdfCliente' %}" class="btn btn-secondary btn-sm"><i class="fa fa-eye"></i> Visualizar</a>
        <a href="{% url 'ListaPdfCliente' %}?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">
            <tr>
                <th>ID</th>
                <th>Codigo</th>
                <th>Nome</th>
                <th>CPF</th>
                <th>CNPJ</th>
                <th>Telefone</th>
                <th>Opções</th>
            </tr>

            {% for cliente in object_list %}
            <tr>
                <td> {{ cliente.pk }} </td>
                <td> {{ cliente.codigo }} </td>
                <td> {{ cliente.nome }} </td>
                <td> {{ cliente.cpf }} </td>
                <td> {{ cliente.cnpj }} </td>
                <td> {{ cliente.telefone01 }} </td>
                <td>
                    <a href="{% url 'VisualisarCliente' cliente.pk %}" class="btn btn-info btn-sm" title="Visualizar"><i class="fa fa-eye"></i></a>
                    <a href="{% url 'PrintCliente' cliente.pk %}" class="btn btn-info btn-sm" title="Imprimir"><i class="fa fa-print"></i></a>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="3"> Nenhum Cliente Registrado. </td>
            </tr>
            {% endfor %}

        </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 %}