@extends('layouts.tributos')
@section('content')
<div class="panel panel-default">
    <div class="panel-heading"><b>Pesquisar</b></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-3">
                <form name="FrmPorNome" method="post">
                    <input type="text" name="contribuinte" id="contribuinte" class="form-control"
                           placeholder="Por contribuinte">
                </form>
            </div>
            <div class="col-md-3">
                <form name="FrmPorLogradouro" method="post">
                    <input type="text" name="logradouro" id="logradouro" class="form-control"
                           placeholder="Por logradouro">
                </form>
            </div>
            <div class="col-md-2">
                <form name="FrmPorNumero" method="post">
                    <input type="text" name="numero" id="numero" class="form-control" placeholder="Por número"
                           maxlength="5">
                </form>
            </div>
            <div class="col-md-2">
                <form name="FrmPorImovel" method="post">
                    <input type="text" name="imovel" id="imovel" class="form-control"
                           placeholder="Por código do imóvel" maxlength="19" onkeypress="return digitos(event);">
                </form>
            </div>
            <div class="col-md-2">
                <form name="FrmPorCpfCnpj" method="post">
                    <input type="text" name="cpfcnpj" id="cpfcnpj" class="form-control"
                           placeholder="Por CPF ou CNPJ" maxlength="14" onkeypress="return digitos(event);">
                </form>
            </div>
{{--            <div class="col-md-1">--}}
{{--                <select name="ano" id="ano" class="form-control">--}}
{{--                    @for($i = date('Y')-5; $i <= date('Y'); $i++)--}}
{{--                        @if($i == date('Y'))--}}
{{--                            <option value="{{$i}}" selected="selected">{{$i}}</option>--}}
{{--                        @else--}}
{{--                            <option value="{{$i}}">{{$i}}</option>--}}
{{--                        @endif--}}
{{--                    @endfor--}}
{{--                </select>--}}
{{--            </div>--}}
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-2 col-md-offset-10">
        <a href="{{route('iptu.create')}}" class="btn btn-primary btn-block"><i class="fa fa-plus-square" aria-hidden="true"></i>&nbsp;Lançar IPTU</a>
    </div>
</div>
<h3 class="page-header"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Lista de IPTU</h3>
<table class="table table-hover data-table">
    <thead>
    <tr>
        <th width="8%">CÓD. IMÓVEL</th>
        <th width="8%">CPF/CNPJ</th>
        <th width="26%">CONTRIBUINTE</th>
        <th width="4%">ANO</th>
        <th width="10%">VALOR DAM</th>
        <th width="8%">VENCIMENTO</th>
        <th width="10%">VALOR PAGO</th>
        <th width="10%">PAGAMENTO</th>
        <th width="10%">2ª VIA</th>
        <th width="6%">GERÊNCIAR</th>
    </tr>
    </thead>
</table>
@endsection
@push('script')
    <script type="text/javascript">
        $(document).ready(function () {
            var oTable = $('.data-table').DataTable({
                searching: false,
                lengthChange: false,
                iDisplayLength: 15,
                processing: true,
                serverSide: true,
                ordering: false,
                //order: [[3, "desc"]],
                ajax: {
                    url: '{{ route('iptu.index') }}',
                    data: function (d) {
                        d.contribuinte = $('input[name=contribuinte]').val();
                        d.logradouro = $('input[name=logradouro]').val();
                        d.numero = $('input[name=numero]').val();
                        d.imovel = $('input[name=imovel]').val();
                        d.cpfcnpj = $('input[name=cpfcnpj]').val();
                        d.ano = $('select[name=ano]').val();
                    }
                },
                columns: [
                    {data: 'IDIMOVEL', name: 'IDIMOVEL'},
                    {data: 'CPFCNPJ', name: 'CPFCNPJ'},
                    {data: 'CONTRIBUINTE', name: 'CONTRIBUINTE'},
                    {data: 'ANO', name: 'ANO'},
                    {data: 'N_VALORFINAL', name: 'N_VALORFINAL'},
                    {data: 'D_VENCIMENTO', name: 'D_VENCIMENTO'},
                    {data: 'N_PAGAMENTO', name: 'N_PAGAMENTO'},
                    {data: 'D_PAGAMENTO', name: 'D_PAGAMENTO'},
                    {data: 'via', name: 'via', orderable: false, searchable: false},
                    {data: 'gerenciar', name: 'gerenciar', orderable: false, searchable: false},
                ],
                language: {
                    "sEmptyTable": "Nenhum registro encontrado",
                    "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                    "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sInfoThousands": ".",
                    "sLengthMenu": "_MENU_ resultados por página",
                    "sLoadingRecords": "Carregando...",
                    "sProcessing": "Processando...",
                    "sZeroRecords": "Nenhum registro encontrado",
                    "sSearch": "Pesquisar",
                    "oPaginate": {
                        "sNext": "Próximo",
                        "sPrevious": "Anterior",
                        "sFirst": "Primeiro",
                        "sLast": "Último"
                    },
                    "oAria": {
                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                        "sSortDescending": ": Ordenar colunas de forma descendente"
                    }
                }
            });

            // $('#search-logradouro, #search-bairro').on('submit', function (e) {
            //     oTable.draw();
            //     e.preventDefault();
            // });

            $('#contribuinte, #logradouro, #numero, #imovel, #cpfcnpj').keyup(function () {
                oTable.draw();
            });

            $('#ano').change(function () {
                oTable.draw();
            });

            $(document).on("click", '.deleteRecord', function () {
                let id = $(this).attr('data-id');
                let token = $("meta[name='csrf-token']").attr("content");

                if (window.confirm("Deseja excluir registro?")) {
                    $.ajax(
                        {
                            url: urlBase + '/tributo/iptu/' + id,
                            type: 'DELETE',
                            data: {
                                "id": id,
                                "_token": token,
                            },
                            success: function () {
                                $.blockUI({
                                    message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> registro excluído com sucesso (:',
                                    timeout: 1500,
                                    onOverlayClick: $.unblockUI
                                });
                                oTable.draw();
                            },
                            error: function (data) {
                                if (data.status === 405) {
                                    alert('Você não tem permissão para esta ação.')
                                }
                            }
                        });
                }
            });
        });
    </script>
@endpush