@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->

    {{--  @dump($data) --}}

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                                            <div class="page-title text-danger">Sin Sucursal</div>
                                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Pagos</li>
                    </ol>
                </div>
            </div>

            <div class="row card  card-box">
                <div class="col-lg-12 col-lg-12">
                    <div class="">
                        <div class="card-head">
                            <header>Listar Pagos: </header>
                            {{-- <small>Se muestran: {{ $dataProvider['total'] }}</small> --}}
                        </div>

                        <div class="tools float-right">

                            {!! Form::open(['url' => ['pagos/reporte/ajax'], 'method' => 'post', 'id' => 'frmFiltros']) !!}
                            <input type="hidden" id="accion" name="accion" value="1">
                            <div class="btn-group">
                                <a href="{{ url('pagos/reporte/ajax') }}" class="btn btn-default dropdown-toggle">
                                    <i class="fa fa-repeat"></i>
                                </a>
                            </div>

                            <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>

                        </div>

                    </div>

                </div>


                <table class="table table-striped table-responsive" id="tablaPagoLista">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Cédula Cliente</th>
                            <th>Cliente Id</th>
                            <th>Contrato</th>
                            <th>Sucursal contrato</th>
                            <th>Forma Pago</th>
                            {{-- <th>Cliente Direccion</th> --}}
                            <th>Consecutivo</th>
                            <th>Consecutivo T (Cobrador)</th>
                            <th>Consecutivo Manual</th>
                            <th>Pago Referencia</th>
                            <th>Fecha de Pago</th>
                            <th>Fecha de Pago Asociacion</th>
                            <th>Fecha Creacion</th>
                            <th>Creado por</th>
                            <th>Concepto</th>
                            <th>Valor</th>
                            <th>Saldo a Favor</th>
                            <th>Pago Total </th>
                            <th>Observaciones</th>
                            <th>Modulo Forma Pago</th>
                            <th>Modificado Por</th>
                            <th>Fecha Modificación</th>
                            <th>Pago Prima Aux</th>
                            <th>Estado</th>
                            <th></th>
                        </tr>


                        {!! Form::close() !!}
                    </thead>
                    <tbody>

                    </tbody>
                </table>

            </div>



        </div>
    </div>

    </div>
@endsection

@section('script')
<script src="{{ asset('css/bootstrap_sunrey/assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('css/bootstrap_sunrey/assets/plugins/datatables/plugins/bootstrap/dataTables.bootstrap4.min.js') }}"></script>
    <script>
        $(document).ready(function() {

            loadTabla()


        })


        function loadTabla() {
           // alert("hola mundo");
            $('#tablaPagoLista').DataTable().clear();
            $('#tablaPagoLista').DataTable().destroy();

            //  $('#tablaPagoLista thead th').each(function() {
            //     var title = $(this).text();

            //     if ($(this).attr("id") === 'documento') {
            //         $(this).html('<select class="form-control input-sm select2" id="cliente"  /></select>');


            //     } else if ($(this).attr("id") === 'fecha_nacimiento') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_fecha_nacimiento"/>');
            //     }
            //     //codigo_contrato
            //     else if ($(this).attr("id") === 'codigo_contrato') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_codigo_contrato"/>');
            //     }
            //     //contrato_fm
            //     else if ($(this).attr("id") === 'contrato_fm') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_contrato_fm"/>');
            //     }
            //     //fecha_inicio_contrato
            //     else if ($(this).attr("id") === 'fecha_inicio_contrato') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_fecha_inicio_contrato"/>');
            //     }
            //     //fecha_primer_cobro
            //     else if ($(this).attr("id") === 'fecha_primer_cobro') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_fecha_primer_cobro"/>');
            //     }
            //     //sede_contrato
            //     else if ($(this).attr("id") === 'sede_contrato') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_sede_contrato" /></select>');
            //     }
            //     //forma_pago
            //     else if ($(this).attr("id") === 'forma_pago') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_forma_pago" /><option></option></select>');
            //     }
            //     //asociasion
            //     else if ($(this).attr("id") === 'asociasion') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_asociacion" /></select>');
            //     }
            //     //modalidad_cobro
            //     else if ($(this).attr("id") === 'modalidad_cobro') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_modalidad_cobro" /><option></option></select>');
            //     }
            //     //vendedor
            //     else if ($(this).attr("id") === 'vendedor') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_vendedor" /></select>');
            //     }
            //     //observaciones_fijas   
            //     else if ($(this).attr("id") === 'observaciones_fijas') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_observaciones_fijas" /><option></option></select>');
            //     }
            //     //fecha_registro datarange input
            //     else if ($(this).attr("id") === 'fecha_registro') {
            //         $(this).html('<input class="form-control input-sm"   autocomplete="off"  type="text" placeholder="Busca ' + title + '" id="inp_fecha_registro"/>');
            //     }
            //     //tipo_novedad_contrato
            //     else if ($(this).attr("id") === 'tipo_novedad_contrato') {
            //         $(this).html('<select class="form-control input-sm select2" id="inp_tipo_novedad_contrato" /><option></option></select>');
            //     }

            // });




            var table = $("#tablaPagoLista").DataTable({

                "fixedHeader": true,
                "lengthMenu": [15, 25, 50, 75, 100],
                "language": {

                    "processing": "Procesando",
                    "search": "Buscar:",
                    "searchPlaceholder": "Presione enter para buscar...",
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontraron resultados",
                    "info": "Mostrando página _PAGE_ de _PAGES_",
                    "infoEmpty": "No hay registros disponibles",
                    "infoFiltered": "(filtrado de _MAX_ total registros)",
                    "loadingRecords": "Cargando...",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    },
                    "aria": {
                        "sortAscending": ": Activar para ordenar la columna de manera ascendente",
                        "sortDescending": ": Activar para ordenar la columna de manera descendente"
                    },
                },

                "processing": true,
                "serverSide": true,
                "filter": false,
                "orderMulti": false,
                "bLengthChange": false,
                "bInfo": false,
                "pageLength": 25,
                "lengthChange": false,
                "info": false,
                "searching": true,
                "order": [],
                "responsive": false,
                "ordering": false, // Desactiva el ordenamiento de columnas

                "ajax": {
                    "url": "{{ url('pagos/reporte/ajax') }}",
                    "type": "POST",
                    "headers": {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                },
                "preDrawCallback": function() {
                    $('#tablaPagoLista tbody').addClass('blur-effect');
                },
                initComplete: function() {
                    var api = this.api();

                    // Apply the search
                    api.columns().every(function() {
                        var that = this;

                        $('input,select', this.header()).on('keyup change', function() {
                            if (that.search() !== this.value) {
                                that.search(this.value)
                                    .draw();
                            }
                        });
                    });
                },
/*  'documento',
            'pago_cliente_id',
            'contrato_codigo',
            'concepto',
            'pago_consecutivo',
            'consecutivo_temporal',
            'pago_consecutivo_manual',
            'pago_referencia',
            'pago_fecha',
            'pago_fecha_creacion',
            'pago_total',
            'pago_forma_pago_modulo_manual',
            'saldo_a_favor',
            'pago_observaciones',
            'pago_fechamodificacion',
            'pago_es_prima',
            'pago_estado' */
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                    },
                    {
                        data: 'documento',
                        name: 'documento'
                    },
                    {
                        data: 'pago_cliente_id',
                        name: 'pago_cliente_id'
                    },
                    {
                        data: 'contrato_codigo',
                        name: 'contrato_codigo'
                    },
                    {
                        data:'concepto',
                        name:'concepto'
                    },
                    {
                        data: 'pago_forma_pago_modulo_manual',
                        name: 'pago_forma_pago_modulo_manual'
                    },
                    {
                        data: 'pago_consecutivo',
                        name: 'pago_consecutivo'
                    },
                    {
                        data: 'consecutivo_temporal',
                        name: 'consecutivo_temporal'
                    },
                    {
                        data: 'pago_consecutivo_manual',
                        name: 'pago_consecutivo_manual'
                    },
                    {
                        data: 'pago_referencia',
                        name: 'pago_referencia'
                    },
                    {
                        data: 'pago_fecha',
                        name: 'pago_fecha'
                    },
                    {
                        data: 'pago_fecha_creacion',
                        name: 'pago_fecha_creacion'
                    },
                    {
                        data: 'pago_fechamodificacion',
                        name: 'pago_fechamodificacion'
                    },
                    {
                        data: 'pago_creadopor',
                        name: 'pago_creadopor'
                    },
                    {
                        data: 'concepto',
                        name: 'concepto'
                    },
                    {
                        data: 'pago_total',
                        name: 'pago_total'
                    },
                    {
                        data: 'saldo_a_favor',
                        name: 'saldo_a_favor'
                    },
                    {
                        data: 'pago_total',
                        name: 'pago_total'
                    },
                    {
                        data: 'pago_observaciones',
                        name: 'pago_observaciones'
                    },
                    {
                        data: 'pago_forma_pago_modulo_manual',
                        name: 'pago_forma_pago_modulo_manual'
                    },
                    {
                        data: 'pago_modificadopor',
                        name: 'pago_modificadopor'
                    },
                    {
                        data: 'pago_fechamodificacion',
                        name: 'pago_fechamodificacion'
                    },
                    {
                        data: 'pago_es_prima',
                        name: 'pago_es_prima'
                    },
                    {
                        data: 'pago_estado',
                        name: 'pago_estado'
                    },
                    /* {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    } */



                ],

            });
            table.on('draw.dt', function(e, settings, json, xhr) {
                $('#tablaPagoLista tbody').removeClass('blur-effect');
            });
        }
    </script>
@endsection