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

{% load static %}

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


{% block tituloconteudo %}
    <h4>Lista de Serviços Prestados</h4>
{% endblock %}

{% block conteudo %}
<div class="table-responsive mt-3">
    <table id="lista-tbservico" class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>Protocolo</th>
                <th>Data Entrada</th>
                <th>Cliente</th>
                <th>CNPJ/CPF</th>
                <th>Status</th>
                <th>Opções</th>
            </tr>
        </thead>
        <tbody>
            {% for servico in object_list %}
            <tr>
                <td>{{ servico.protocolo }}</td>
                <td>{{ servico.dataentrada|date:"d/m/Y" }}</td>
                <td>{{ servico.cliente }}</td>
                <td>
                    {% if servico.cnpj %}{{ servico.cnpj }}{% else %}{{ servico.cpf }}{% endif %}
                </td>
                <td>
                    {% if servico.status == 'Analise' or servico.status == 'Análise' %}
                    <span class="badge badge-warning text-dark">Análise</span>
                    {% elif servico.status == 'Cancelado' %}
                    <span class="badge badge-danger">Cancelado</span>
                    {% elif servico.status == 'Concluido' %}
                    <span class="badge badge-success">Concluído</span>                    
                    {% endif %}
                </td>
                <td>
                    <a href="{% url 'EditarServico' servico.pk %}" class="btn btn-primary btn-sm" title="Editar"><i class="fa fa-edit"></i></a>
                    <a href="{% url 'PrintServicoCliente' servico.pk %}" class="btn btn-info btn-sm" title="Imprimir OS"><i class="fa fa-print"></i></a>                    
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="6" class="text-center">Nenhum Serviço Registrado.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}

{% block scripts %}
<script src={% static "js/jquery.js" %}></script>
<script src={% static "js/jquery.mask.js" %}></script>
<script src={% static "datatables/datatables.min.js" %}></script>

<script>
    $(document).ready(function () {
        $('#lista-tbservico').DataTable({
            responsive: true,
            // "bSort": false,
            "aaSorting": [],
            "pageLength": 10,
            "language": {
                "decimal": "",
                "emptyTable": "Sem dados disponíveis",
                "info": " ",
                "infoEmpty": "Mostrando de 0 até 0 de 0 registos",
                "infoFiltered": " ",
                "infoPostFix": "",
                "thousands": ",",
                "loadingRecords": "A carregar dados...",
                "processing": "A processar...",
                "search": "Procurar:",
                "zeroRecords": "Não foram encontrados resultados",
                "paginate": {
                    "first": "Primeiro",
                    "last": "Último",
                    "next": "Seguinte",
                    "previous": "Anterior"
                },
                "aria": {
                    "sortAscending": ": ordem crescente",
                    "sortDescending": ": ordem decrescente"
                }
            }
        });
    });

</script>

</body>
{% endblock %}