@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>Pagos</header>
                        </div>

                        <div class="tools float-right">

                            {!! Form::open(['url' => 'reportes/listar_pagos', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                            <input type="hidden" id="accion" name="accion" value="1">
                            <div class="btn-group">
                                <a href="{{ url('reportes/listar_pagos') }}" 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>

               {{--  <span class="text-muted">Mostrando {{ $data->firstItem() }} - {{ $data->lastItem() }} de
                    {{ $data->total() }}</span> --}}
                <table class="table table-striped table-responsive">
                    <thead>
                        <tr>
                            <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>

                        <tr>

                            <th>

                            </th>
                            <th>
                                <input type="hidden" name="cliente_id" value="{{ $cliente }}">
                                {!! Form::select('cliente', [], $cliente, [
                                    'id' => 'cliente_id',
                                    'class' => 'form-control',
                                    'placeholder' => 'Cliente Id',
                                    'onchange' => "buscar('cliente_id')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('contrato_codigo', $contrato_codigo, [
                                    'id' => 'contrato_codigo',
                                    'class' => 'form-control',
                                    'placeholder' => 'Contrato Código',
                                    'onchange' => "buscar('contrato_codigo')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::select('sede', $sedes, $sede, [
                                    'id' => 'sede',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar sede',
                                    'onchange' => "buscar('sede')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::select('contrato_forma_pago_id', $formaDePago, $contrato_forma_pago_id, [
                                    'id' => 'forma_pago',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar forma de pago',
                                    'onchange' => "buscar('forma_pago')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('consecutivo', $consecutivo, [
                                    'id' => 'consecutivo',
                                    'class' => 'form-control',
                                    'placeholder' => 'Consecutivo',
                                    'onchange' => "buscar('consecutivo')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('consecutivoT', $consecutivoT, [
                                    'id' => 'consecutivoT',
                                    'class' => 'form-control',
                                    'placeholder' => 'ConsecutivoT',
                                    'onchange' => "buscar('consecutivoT')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('consecutivoManual', $consecutivoManual, [
                                    'id' => 'consecutivoManual',
                                    'class' => 'form-control',
                                    'placeholder' => 'Consecutivo Manual',
                                    'onchange' => "buscar('consecutivoManual')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('referencia', $referencia, [
                                    'id' => 'referencia',
                                    'class' => 'form-control',
                                    'placeholder' => 'Referencia',
                                    'onchange' => "buscar('referencia')",
                                ]) !!}

                            </th>
                            <th>
                                {!! Form::text('pagoFecha', $pagoFecha, [
                                    'id' => 'pagoFecha',
                                    'class' => 'form-control',
                                    'placeholder' => 'Pago Fecha',
                                ]) !!}

                            </th>
                            <th>
                                {!! Form::text('pagoFechaAsociacion', $pagoFechaAsociacion, [
                                    'id' => 'pagoFechaAsociacion',
                                    'class' => 'form-control',
                                    'placeholder' => 'Pago Fecha Asociación',
                                ]) !!}

                            </th>
                            <th>
                                {!! Form::text('fechaCreacion', $fechaCreacion, [
                                    'id' => 'fechaCreacion',
                                    'class' => 'form-control',
                                    'placeholder' => 'Pago Fecha Creación',
                                ]) !!}
                            </th>
                            <th>
                                <input type="hidden" name="empleado_id" value="{{ $empleado }}">
                                {!! Form::select('empleados', [], $empleado, [
                                    'id' => 'empleados',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar vendedor',
                                    'onchange' => "buscar('empleados')",
                                ]) !!}
                            </th>
                            <th>

                            </th>
                            <th>

                            </th>
                            <th>

                            </th>
                            <th>

                            </th>
                            <th>
                                {!! Form::text('observacion', $observacion, [
                                    'id' => 'observacion',
                                    'class' => 'form-control',
                                    'placeholder' => 'Observación',
                                    'onchange' => "buscar('observacion')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::select('medio_de_pago', $mediosPago, $medio_de_pago, [
                                    'id' => 'medio_de_pago',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar medio de pago',
                                    'onchange' => "buscar('medio_de_pago')",
                                ]) !!}
                            </th>
                            <th>
                                <input type="hidden" name="modificado_por_id" value="{{ $modificado_por }}">
                                {!! Form::select('modificado_por', [], $modificado_por, [
                                    'id' => 'modificado_por',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('modificado_por')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::text('fecha_modificacion', $fecha_modificacion, [
                                    'id' => 'fecha_modificacion',
                                    'class' => 'form-control',
                                    'placeholder' => 'Fecha Modiicación',
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::select('pago_es_prima', [1 => 'Si', 0 => 'No'], $pago_es_prima, [
                                    'id' => 'pago_es_prima',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar si es prima',
                                    'onchange' => "buscar('pago_es_prima')",
                                ]) !!}
                            </th>
                            <th>
                                {!! Form::select(
                                    'cobro_estado',
                                    ['1' => 'Activo', '0' => 'Anulado', '2' => 'Por confirmar', '3' => 'Eliminado'],
                                    $cobro_estado,
                                    [
                                        'id' => 'cobro_estado',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                        'onchange' => "buscar('cobro_estado')",
                                    ],
                                ) !!}
                            </th>

                        </tr>
                        {!! Form::close() !!}
                    </thead>
                    <tbody>
                        @foreach ($data as $item)
                            <tr>
                                <input type="hidden" id="pago_id" value="{{ $item->pago_id }}">
                                <td>{{ $item->cliente_documento }}</td>
                                <td>{{ $item->cliente_nombres }} {{ $item->cliente_apellido1 }}</td>
                                <td>{{ $item->contrato_codigo }}</td>
                                <td>{{ $item->entidad_nombre }}</td>
                                <td>{{ $item->forma_pago_nombre }}</td>
                                <td>
                                    @if ($item->pago_consecutivo)
                                        {{ $item->pago_consecutivo }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif

                                </td>
                                <td>
                                    @if ($item->pago_consecutivoT)
                                        {{ $item->pago_consecutivoT }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif
                                </td>
                                <td>
                                    @if ($item->pago_consecutivo_manual)
                                        {{ $item->pago_consecutivo_manual }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif
                                </td>
                                <td>
                                    @if ($item->pago_referencia)
                                        {{ $item->pago_referencia }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif
                                </td>
                                <td>{{ $item->pago_fecha ? date('d-m-Y', strtotime($item->pago_fecha)) : '' }}</td>
                                <td>
                                    {{ $item->pago_planilla_fecha_pago_factura }}
                                </td>
                                <td>{{ $item->pago_fecha_creacion ? date('d-m-Y', strtotime($item->pago_fecha_creacion)) : '' }}
                                </td>
                                <td>{{ $item->empleado_nombres }} {{ $item->empleado_apellido1 }}</td>
                                <td>{{ $item->pago_detalle_concepto }}</td>
                                <td>{{ $item->pago_valor }}</td>
                                <td>{{ $item->pago_detalle_saldo }}</td>
                                <td>{{ $item->pago_detalle_valor }}</td>
                                <td>
                                    @if ($item->pago_observaciones)
                                        {{ $item->pago_observaciones }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif
                                </td>
                                <td>{{ $item->medio_de_pago_nombre }}</td>
                                <td>
                                    @if ($item->nombre_modificado_por)
                                        {{ $item->nombre_modificado_por }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif
                                </td>
                                <td>
                                    @if ($item->pago_fechamodificacion)
                                        {{ $item->pago_fechamodificacion }}
                                    @else
                                        <span class="text-danger"></span>
                                    @endif

                                </td>
                                <td>
                                    @if ($item->pago_es_prima == 1)
                                        Si
                                    @else
                                        No
                                    @endif
                                </td>
                                <td>
                                    @if ($item->pago_estado == 1)
                                        Activo
                                    @elseif ($item->pago_estado == 0)
                                        Anulado
                                    @elseif ($item->pago_estado == 2)
                                        Por confirmar
                                    @elseif ($item->pago_estado == 3)
                                        Eliminado
                                    @endif
                                </td>
                                <td>

                                    <a onclick="anularPago({{ $item->pago_id }})" class="btn btn-danger btn-xs">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    {{-- print --}}
                                    <a href="{{ url('reportes/pago/print/' . $item->pago_id) }}" target="_blank"
                                        class="btn btn-info btn-xs">
                                        <i class="fa fa-print"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>


            <div>
                {{ $data->appends([
                        'cliente' => $cliente,
                        'contrato_codigo' => $contrato_codigo,
                        'sede' => $sede,
                        'contrato_forma_pago_id' => $contrato_forma_pago_id,
                        'consecutivo' => $consecutivo,
                        'consecutivoT' => $consecutivoT,
                        'consecutivoManual' => $consecutivoManual,
                        'referencia' => $referencia,
                        'pagoFecha' => $pagoFecha,
                        'fechaCreacion' => $fechaCreacion,
                        'empleados' => $empleado,
                        'observacion' => $observacion,
                        'medio_de_pago' => $medio_de_pago,
                        'modificado_por' => $modificado_por,
                        'fecha_modificacion' => $fecha_modificacion,
                        'pago_es_prima' => $pago_es_prima,
                        'cobro_estado' => $cobro_estado,
                        'empleado_id' => $empleado,
                    ])->links() }}
            </div>

        </div>

    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#empleados').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });
            $('#modificado_por').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });
            $('#cliente_id').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });
            $('#servicio').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'servicio/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            //inicializar daterange

            let pagoFecha = @json($pagoFecha);


            if (pagoFecha != null) {
                let fechas = pagoFecha.split(' - ')
                var fecha_inicio = fechas[0];

                var fecha_fin = fechas[1];

                $('input[name="pagoFecha"]').daterangepicker({
                    //timePicker: true,
                    startDate: pagoFecha != null ? fecha_inicio : '',
                    endDate: pagoFecha != null ? fecha_fin : '',
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

            } else {
                $('input[name="pagoFecha"]').daterangepicker({
                    //timePicker: true,
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

                $('input[name="pagoFecha"]').val('');
                $('input[name="pagoFecha"]').attr('placeholder', moment().format('DD-MM-YYYY') + ' ' + moment()
                    .format('DD-MM-YYYY'));

            }


            let pagoFechaAsociacion = @json($pagoFechaAsociacion);


            if (pagoFechaAsociacion != null) {
                let fechas = pagoFechaAsociacion.split(' - ')
                var fecha_inicio = fechas[0];

                var fecha_fin = fechas[1];

                $('input[name="pagoFechaAsociacion"]').daterangepicker({
                    //timePicker: true,
                    startDate: pagoFechaAsociacion != null ? fecha_inicio : '',
                    endDate: pagoFechaAsociacion != null ? fecha_fin : '',
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

            } else {
                $('input[name="pagoFechaAsociacion"]').daterangepicker({
                    //timePicker: true,
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

                $('input[name="pagoFechaAsociacion"]').val('');
                $('input[name="pagoFechaAsociacion"]').attr('placeholder', moment().format('DD-MM-YYYY') + ' ' + moment()
                    .format('DD-MM-YYYY'));

            }

            $('input[name=pagoFechaAsociacion]').on('apply.daterangepicker', function() {
                console.log($(this).val());
                if ($(this).val() != '') {
                    document.getElementById("frmFiltros").submit();
                }

            })


            let fechaCreacion = @json($fechaCreacion);


            if (fechaCreacion != null) {
                let fechas = fechaCreacion.split(' - ')
                var fecha_inicio = fechas[0];

                var fecha_fin = fechas[1];

                $('input[name="fechaCreacion"]').daterangepicker({
                    //timePicker: true,
                    startDate: fechaCreacion != null ? fecha_inicio : '',
                    endDate: fechaCreacion != null ? fecha_fin : '',
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

            } else {
                $('input[name="fechaCreacion"]').daterangepicker({
                    //timePicker: true,
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });



                $('input[name="fechaCreacion"]').val('');
                $('input[name="fechaCreacion"]').attr('placeholder', moment().format('DD-MM-YYYY') + ' ' + moment()
                    .format('DD-MM-YYYY'));

            }

            $('input[name=fechaCreacion]').on('apply.daterangepicker', function() {
                console.log($(this).val());
                if ($(this).val() != '') {
                    document.getElementById("frmFiltros").submit();
                }

            })

            //fecha_modificacion

            let fecha_modificacion = @json($fecha_modificacion);


            if (fecha_modificacion != null) {
                let fechas = fecha_modificacion.split(' - ')
                var fecha_inicio = fechas[0];

                var fecha_fin = fechas[1];

                $('input[name="fecha_modificacion"]').daterangepicker({
                    //timePicker: true,
                    startDate: fecha_modificacion != null ? fecha_inicio : '',
                    endDate: fecha_modificacion != null ? fecha_fin : '',
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

            } else {
                $('input[name="fecha_modificacion"]').daterangepicker({
                    //timePicker: true,
                    locale: {
                        format: 'DD-MM-YYYY'
                    }
                });

                $('input[name="fecha_modificacion"]').val('');
                $('input[name="fecha_modificacion"]').attr('placeholder', moment().format('DD-MM-YYYY') + ' ' +
                    moment().format('DD-MM-YYYY'));

            }

            $('input[name=fecha_modificacion]').on('apply.daterangepicker', function() {
                console.log($(this).val());
                if ($(this).val() != '') {
                    document.getElementById("frmFiltros").submit();
                }

            })


        });

        function generar() {
            $('input[type="text"], select').each(function() {
                if ($(this).val() === '') {
                    $(this).prop('disabled', true);
                }
            });
            $('#accion').val(2);
           
          
            $("#frmFiltros").submit();
        }

        function anularPago(id) {

            Swal.fire({
                title: '¿Está seguro de anular el pago?',
                text: "¡Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Si, anular',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    var pago_id = $('#pago_id').val();
                    $.ajax({
                        url: "{{ asset('') }}pago/anular/" + id,
                        type: 'PUT',
                        data: {
                            "_token": "{{ csrf_token() }}",

                        },
                        success: function(data) {
                            if (data.success) {
                                Swal.fire({
                                    title: 'Anulado!',
                                    text: 'El pago se anuló correctamente.',
                                    icon: 'success',
                                    confirmButtonColor: '#28a745',
                                    confirmButtonText: 'Ok'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }

                                })
                            } else {
                                Swal.fire({
                                    title: 'Error!',
                                    text: 'El pago no se pudo anular.',
                                    icon: 'error',
                                    confirmButtonColor: '#28a745',
                                    confirmButtonText: 'Ok'
                                })
                            }
                        }
                    });
                }
            })

        }

        function buscar(tipo) {

            $('#accion').val(1);
            var textoSelect = $('#' + tipo).val();
            const ENTER_KEY_CODE = 13;

            switch (tipo) {

                case 'contrato_codigo':
                    document.querySelector('#contrato_codigo').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;


                case 'referencia':
                    document.querySelector('#referencia').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;

                case 'consecutivo':
                    document.querySelector('#consecutivo').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;

                case 'consecutivoT':
                    document.querySelector('#consecutivoT').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'consecutivoManual':
                    document.querySelector('#consecutivoManual').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'observacion':
                    document.querySelector('#observacion').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'fecha_modificacion':
                    document.querySelector('#fecha_modificacion').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'fechaCreacion':
                    document.querySelector('#fechaCreacion').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'pagoFecha':
                    document.querySelector('#pagoFecha').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;

                case 'pagoFechaAsociacion':
                    document.querySelector('#pagoFechaAsociacion').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;



                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }
    </script>
@endsection