@extends('layouts.app')

@section('content')

@php
  use Carbon\Carbon;
@endphp
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <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 Eliminados</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="card  card-box">
                    <div class="card-head">
                        <header>Pagos Eliminados</header>
                    </div>
                    <div class="card-body ">
                        <div class="row">
                            <div class="col-11">
<!--                                 <a href="{{ url('camposantos/crear') }}" class="btn btn-info mb-3">Crear Camposanto</a>&nbsp;&nbsp;
                                <a onclick="limpiar()" class="btn btn-warning mb-3">Limpiar Filtro</a> -->
                            </div>


                            <div class="tools float-right">
                                {!! Form::open(['url' => 'reportes/reportes_pagos_eliminados','method'=>'get','id'=>'frmFiltros']) !!}
                                <input type="hidden" id="accion" name="accion" value="1">
                                <!-- Example split danger button -->
                                <div class="btn-group">
                                  <a  href="{{url('/reportes/reportes_pagos_eliminados')}}" class="btn btn-default" >
                                    <!-- <a onclick="limpiar()"> -->
                                        <i class="fa fa-repeat"></i>
                                    <!-- </a> -->
                                  </a href>

                                </div>

                                <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>
                            </div>
                        </div>
                        @if ($message = Session::get('success'))
                        <div class="sufee-alert alert with-close bg-success alert-dismissible fade show">
                            {{ $message }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        @endif
                        <div class="table-wrap">
                        <span class="text-muted">Mostrando {{$data->firstItem()}} - {{$data->lastItem()}} de {{$data->total()}}</span>
                            <div class="table-responsive">
                                <table class="table display product-overview mb-30">
                                    <thead>
                                        <tr>
                                            <th style="width: 100px;"><b>Cédula Cliente</b></th>
                                            <th style="width: 250px;"><b>Cliente</b></th>
                                            <th style="width: 120px;"><b>Contrato</b></th>
                                            <th style="width: 100px;"><b>Forma pago</b></th>
                                            <th style="width: 120px;"><b>Consecutivo</b></th>
                                            <th style="width: 150px;"><b>Consecutivo T (Cobrador)</b></th>
                                            <th style="width: 120px;"><b>Consecutivo Manual</b></th>
                                            <th style="width: 150px;"><b>Pago referencial</b></th>
                                            <th style="width: 200px;"><b>Fecha de Pago</b></th>
                                            <th style="width: 120px;"><b>Fecha Creación</b></th>
                                            <th style="width: 150px;"><b>Concepto</b></th>
                                            <th style="width: 100px;"><b>Valor</b></th>
                                            <th style="width: 150px;"><b>Observaciones</b></th>
                                            <th style="width: 120px;"><b>Modulo forma de pago</b></th>
                                            <th style="width: 150px;"><b>Modificado Por</b></th>
                                            <th style="width: 120px;"><b>Fecha Modificación</b></th>
                                            <th style="width: 100px;"><b>Pago Prima Aux</b></th>
                                            <th style="width: 100px;"><b>Estado</b></th>
                                            <th style="width: 150px;"><b>Acciones</b></th>
                                        </tr>
                                        <tr>
                                            <th>

                                            </th>
                                            <th>
                                                <input type="hidden" name="cliente_id" value="{{$cliente}}">
                                                {!! Form::select('cliente', [], $cliente, ['id'=>'cliente','class'=>'form-control','placeholder'=>'Cliente']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('contrato',$contrato,['id'=>'contrato','class'=>'form-control','placeholder'=>'Contrato']) !!}
                                            </th>
                                            <th>
                                                {{-- formaDePago --}}
                                                {!! Form::select('forma_pago', $formaDePago, $forma_pago, ['id'=>'forma_pago','class'=>'form-control','placeholder'=>'Forma Pago']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivo',$consecutivo,['id'=>'consecutivo','class'=>'form-control','placeholder'=>'Consecutivo']) !!}

                                            </th>
                                            <th>
                                                {!! Form::text('consecutivoT',$consecutivoT,['id'=>'consecutivoT','class'=>'form-control','placeholder'=>'Consecutivo Temporal']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('consecutivo_manual',$consecutivo_manual,['id'=>'consecutivo_manual','class'=>'form-control','placeholder'=>'Consecutivo Manual']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('pago_referencia',$pago_referencia,['id'=>'pago_referencia','class'=>'form-control','placeholder'=>'Pago Referencia']) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('fecha_pago',$fecha_pago,['id'=>'fecha_pago','class'=>'form-control','placeholder'=>'Fecha Pago']) !!}
                                            <th>
                                                {!! Form::text('fecha_creacion',$fecha_creacion,['id'=>'fecha_creacion','class'=>'form-control','placeholder'=>'Fecha Creacion']) !!}
                                            </th>
                                            <th>

                                            </th>
                                            <th>

                                            </th>
                                            <th>
                                                {!! Form::text('observaciones',$observaciones,['id'=>'observaciones','class'=>'form-control','placeholder'=>'Observaciones']) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('modulo_forma_pago', $formaDePago, $modulo_forma_pago, ['id'=>'modulo_forma_pago','class'=>'form-control','placeholder'=>'Modulo Forma 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','placeholder'=>'Modificado Por']) !!}
                                                {{-- {!! Form::select('modificado_por',$modificado_por,['id'=>'modificado_por','class'=>'form-control','placeholder'=>'Modificado Por']) !!} --}}
                                            </th>
                                            <th>
                                                {!! Form::text('fecha_modificacion',$fecha_modificacion,['id'=>'fecha_modifi','class'=>'form-control','placeholder'=>'Fecha Modificacion']) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('pago_prima_aux', [1=>'Si',0=>'No'], $pago_prima_aux, ['id'=>'pago_prima_aux','class'=>'form-control','placeholder'=>'Pago Prima Aux']) !!}
                                            </th>
                                            <th>

                                            </th>
                                            <th>

                                            </th>

                                        </tr>
                                    </thead>

                                    <tbody>
                                        @if(count($data)>0)
                                        @foreach($data as $key => $item)
                                        <tr class="gradeX odd" role="row">
                                            <td>{{$item->cliente_documento}}</td>
                                            <td>{{$item->nombre_completo}}</td>
                                            <td>{{$item->pago_contrato_id}}</td>
                                            <td>{{$item->pago_forma_pago_id}}</td>
                                            <td>{{$item->pago_consecutivo}}</td>
                                            <td>{{$item->pago_consecutivoT}}</td>
                                            <td>{{$item->pago_consecutivo_manual}}</td>
                                            <td>{{$item->pago_referencia}}</td>
                                            <td>
                                                {{ Carbon::parse($item->pago_fecha)->format('Y-m-d') }}
                                            </td>
                                            <td>
                                                {{ Carbon::parse($item->pago_fecha_creacion)->format('Y-m-d h:i:s') }}
                                            </td>
                                            <td>{{$item->servicio_nombre}}</td>
                                            <td>{{$item->pago_valor}}</td>
                                            <td>{{$item->pago_observaciones}}</td>
                                            <td>{{$item->pago_forma_pago_modulo_manual}}</td>
                                            <td>{{$item->modificado_por}}</td>
                                            <td>{{$item->pago_fechamodificacion}}</td>
                                            <td>
                                                @if ($item->pago_es_prima == 0)
                                                    {{ 'No' }}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->pago_estado == 3)
                                                    <span class="badge badge-pill badge-danger">{{ 'Eliminado' }}</span>
                                                @endif
                                            </td>
                                            <td>{{$item->modificado_por}}</td>
                                        </tr>
                                        @endforeach
                                        @else
                                        <tr>
                                            <td colspan="10" class="text-center">No se encontraron resultados.</td>
                                        </tr>
                                        @endif

                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer">
                        <div class="float-right">
                        {{-- $data->appends(['nombre'=>$nombre,'estado'=>$estado])->links() --}}
                      {{  $data->appends([ 'cliente' => $cliente,
                      'contrato' => $contrato,
                      'forma_pago' => $forma_pago,
                      'consecutivo' => $consecutivo,
                      'consecutivoT' => $consecutivoT,
                      'consecutivo_manual' => $consecutivo_manual,
                      'pago_referencia' => $pago_referencia,
                      'fecha_pago' => $fecha_pago,
                      'fecha_creacion' => $fecha_creacion,
                      'observaciones' => $observaciones,
                      'modulo_forma_pago' => $modulo_forma_pago,
                      'modificado_por' => $modificado_por,
                      'fecha_modificacion' => $fecha_modificacion,
                      'pago_prima_aux' => $pago_prima_aux])->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script type="text/javascript">
    function generar() {
        $('#accion').val(2);
        document.getElementById("frmFiltros").submit();
    }

    function chkMarcados() {
        console.log('marcar chk');
    }

    function limpiar() {
        $('#nombre').val('');
        $('#descripcion').val('');

        $('#estado').val('').change();

        document.getElementById("frmFiltros").submit();
    }

    $('#cliente,#contrato,#forma_pago,#consecutivo,#consecutivoT,#consecutivo_manual,#pago_referencia,#fecha_pago,#fecha_creacion,#observaciones,#modulo_forma_pago,#modificado_por,#fecha_modificacion,#pago_prima_aux').on('change', function(e) {
        const ENTER_KEY_CODE = 13;
        //console.log($(this).attr('type'));
        if($(this).attr('type')=='text' || $(this).attr('type')=='date'){

            if (e.keyCode === ENTER_KEY_CODE) {
                document.getElementById("frmFiltros").submit();
            }
        }else{
                document.getElementById("frmFiltros").submit();
            }

    });


    function buscar(tipo) {

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

        switch (tipo) {
            // case 'nombre':
            //     if(textoSelect.length > 3){
            //         document.getElementById("frmFiltros").submit();
            //     }
            // break;
            // case 'descripcion':
            //     if(textoSelect.length > 3){
            //         document.getElementById("frmFiltros").submit();
            //     }
            // break;
            default:
                document.getElementById("frmFiltros").submit();
                break;
        }

    }

    $(document).keypress(function(event){
  var keycode = (event.keyCode ? event.keyCode : event.which);
  if(keycode == '13'){
    buscar();
  }
});

$(document).ready(function(){
    $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url("cliente/data/ajax") }}',
                    delay: 250,
                    //minimumInputLength: 3,
                    data: function(param) {
                            let q = param.term.toLowerCase()
                            var query = {
                                search: q
                            }

                        console.log('query :', query)
                        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"
                }
            });

//inicializar daterange picker
            let fecha_pago = @json($fecha_pago);

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

    var fecha_fin = fechas[1];

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

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

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

}

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

})


let fecha_creacion = @json($fecha_creacion);


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

    var fecha_fin = fechas[1];

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

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

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

}

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

})

//fecha_modifi
let fecha_modifi = @json($fecha_modificacion);


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

    var fecha_fin = fechas[1];

    $('input[name="fecha_modificacion"]').daterangepicker({
    //timePicker: true,
    startDate: fecha_modifi != null ? fecha_inicio : '',
    endDate: fecha_modifi != 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();
    }

})

})
</script>
@endsection