@extends('layouts.app')

@section('content')
    <!-- 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">{{ $title }}</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">Listado de Contratos</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <label><b>Cobros hasta</b></label>
                    <input type="date" value="{{$filtro_fin}}" class="form-control" name="filtro_fin" id="filtro_fin">
                </div>
                <div class="col-md-8">
                    <label style="color: transparent;">-</label><br>
                    <a onclick="limpiar()" class="btn bg-warning text-white"><i class="fa fa-filter"></i> Limpiar</a>
                    <a onclick="generar_cobros()" href="javascript:void(0)" class="btn bg-primary text-white"><i class="fa fa-cogs"></i> Generar Todos</a>
                </div>

                <div class="col-md-2" style="text-align: end;">
                    <label style="color: transparent;">-</label><br>
                    <a href="{{ route('cobrador_ruta.show', $id) }}" class="btn bg-warning text-white"><i class="fa fa-arrow-left"></i> Volver a Lista</a>
                </div>
            </div>
            <br />
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card card-topline-lightblue">
                        <div class="card-head">
                            <header>Listado de Contratos</header>
                        </div>
                        <div class="card-body ">
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        {!! Form::open(['url' => 'cobros/cobrador/rutas/generar/cobros/'.$id,'method'=>'get','id'=>'frmFiltros']) !!}

                                        <thead>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>Cliente</b></th>
                                                <th><b>Contrato</b></th>
                                                <th><b></b></th>
                                            </tr>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>
                                                    {!! Form::select('cliente',$data_cliente,$filtro_cliente, [ 'name' => 'filtro_cliente','id'=>'cliente','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 80%;','onchange'=>"buscar(event,'cliente')"])  !!}
                                                </b></th>
                                                <th><b>
                                                    <div class="input-group input-group-sm">
                                                    {!! Form::text('contrato',$filtro_contrato,['name' => 'filtro_contrato','id'=>'contrato','class'=>'form-control','placeholder'=>'Contrato #','onkeyup' => "if(event.keyCode == 13) { buscar(); }"]) !!}
                                                    <span class="input-group-btn">
                                                                    <button onclick="buscar()" type="button" class="btn btn-info btn-flat"><i class="fa fa-search"></i></button>
                                                                </span>
                                                            </div>
                                                </b></th>
                                                <th><b></b></th>
                                            </tr>
                                        </thead>
                                        {!! Form::close() !!}
                                        <tbody>
                                        @if(count($dataProvider)>0)
                                            @foreach($dataProvider as $item)

                                                <tr>
                                                    <td>
                                                        {{ $contador++ }}
                                                    </td>
                                                    <td>

                                                        <a target="_blank" href="{{ url('contratos/' . $item->contrato_id . '/ver') }}"class="text-primary" data-bs-toggle="tooltip"data-bs-placement="top"title="Ver Contrato">{{ $item->cliente_nombres . ' ' . $item->cliente_apellido1 . ' ' . $item->cliente_apellido2 }}</a>
                                                    </td>

                                                    <td><a target="_blank" class="text-primary" href="{{ route('contratos.show', $item->contrato_id) }}">{{ $item->contrato_codigo != null ? $item->contrato_codigo : $item->contrato_codigo_fm }}</a></td>
                                                    <td><a onclick="generar_cobros('{{ $item->contrato_id}}')" class="btn btn-tbl-update btn-xs text-white"><i class="fa fa-cog"></i></a></td>
                                                </tr>
                                            @endforeach
                                        @else
                                        <tr>
                                            <td colspan="4" class="text-center">Sin registros.</td>
                                        </tr>
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $dataProvider->appends([
                                    'filtro_cliente' => $filtro_cliente,
                                    'filtro_contrato' => $filtro_contrato,
                                    'filtro_fin' => $filtro_fin
                                ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
<script type="text/javascript">
    function limpiar(){
        $('#contrato').val('');
        $('#cliente').val('').change();

        document.getElementById("frmFiltros").submit();
    }
    function buscar(e,tipo){
        $('#accion').val(1);
        document.getElementById("frmFiltros").submit();
       /* if (e.keyCode === 13 && !e.shiftKey){
            var textoSelect = $('#'+tipo).val();

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

        }
        if(tipo == 'cliente'){
            if($('#'+tipo).val() != '')
                document.getElementById("frmFiltros").submit();
        }*/
    }

    $(document).ready(function () {
        $('#cliente').select2();

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

                        console.log('query :', query)
                        return query;
                    },
                    processResults: function (data, page) {
                    return {
                        results: data
                    };
                    },
                    theme: "classic"
                }
                });*/
                /*$('#cliente').select2({
                        allowClear: true,

                        ajax: {
                            dataType: 'json',
                            url: '{{ url("cliente/data/ajax2") }}',
                            delay: 250,
                            minimumInputLength: 3,
                            data: function(param) {
                                return {
                                    search: param.term
                                };
                            },
                            processResults: function (data) {
                                data.unshift({ id: '', text: 'Seleccionar' });
                                return {
                                    results: $.map(data, function (data) {
                                        return {
                                            text: data.text+' '+data.cliente_nombres + ' ' + data.cliente_apellido1,
                                            id: data.id
                                        };
                                    })
                                };
                            },
                            theme: "classic"
                        }

                    });*/


    });

    //$('#cliente').val([]).trigger('change');
    $('#cliente').on('select2:unselect', function (e) {
        buscar();
    });
    function generar_cobros(id_contrato){


            var fecha_fin = $('#filtro_fin').val();
            var cliente = $('#filtro_cliente').val();
            var filtro_contrato = $('#filtro_contrato').val();

        Swal.fire({
              title: 'Confirmar',
              text: '¿Está seguro de que desea generar los cobros?',
              icon: 'question',
              showCancelButton: true,
              confirmButtonText:`<i class="fa fa-check"></i> De Acuerdo`,
              cancelButtonText:'<i class="fa fa-ban"></i> Cancelar',
              confirmButtonColor: '#3085d6'
            }).then((result) => {
              /* Read more about isConfirmed, isDenied below */
              if (result.isConfirmed) {

                Swal.fire({
                    title: 'Generar Cobro',
                    html: 'Procesando...',
                    didOpen: () => {
                        Swal.showLoading();

                $.ajax({
                    type: "POST",
                    url: "{{asset('').'cobros/cobrador/rutas/generar/cobros/ajax'}}",
                    data:{
                        "_token": "{{ csrf_token() }}",
                        "id": '{{$id}}',
                        "filtro_fin": fecha_fin,
                        "filtro_cliente": cliente,
                        "filtro_contrato": filtro_contrato,
                        "forma_pago" :4,
                        "id_contrato":id_contrato
                        },
                    success: function (res) {
                        console.log(res);
                        if (res.ok) {
                            $rpt= (res.respuesta_cobros) ==""?"Sin cobros generados":(res.respuesta_cobros) ;
                                        Swal.fire({
                                            title: 'Generar Cobro',
                                            html: "<p style='display: inline;'>Se ejecutó con éxito el proceso de cobros</p> <i style='display: inline-block;border-radius: 60px;box-shadow: 0 0 2px #888;padding: 0.5em 0.6em;' class='fa fa-exclamation hover'  class='fa fa-warning'><div class='tooltip'>" + ( $rpt) + "</div></i>",
                                            icon: 'success',
                                            showCancelButton: false,
                                            confirmButtonColor: '#3085d6'
                                        });
                        }
                    },
                    error: function(res) {
                                    if (res) {
                                        Swal.fire({
                                            title: 'Error al generar cobros',
                                            text: "Error al generar el cobros de los siguientes contratos " +
                                            res.errores,
                                            icon: 'error',
                                            showCancelButton: false,
                                            confirmButtonColor: '#3085d6'
                                        });
                                    }
                                },
                        dataType: "json"
                });
            }
                });

              }
            });
    }
   /* function generar_cobro(row){
        var prm_servicio_id = $('#servicio_id_'+row).val();
        var prm_contrato_id = $('#contrato_id_'+row).val();
        var prm_fecha = $('#fecha_cobro_hasta').val();
         Swal.fire({
                title: 'Confirmar',
                text: '¿Está seguro de que desea generar el cobro?',
                icon: 'question',
                showLoaderOnConfirm: true,
                showCancelButton: true,
                confirmButtonText: `<i class="fa fa-check"></i> De Acuerdo`,
                cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
                confirmButtonColor: '#3085d6'
            }).then((result) => {
                 $.ajax({
                    type: "POST",
                    url: "{{asset('').'cobros/debito/automatico/generar/cobros'}}",
                    data:{  "_token": "{{ csrf_token() }}", inicio:prm_fecha ,contrato_id:prm_contrato_id, servicio_id:prm_servicio_id},
                    success: function (res) {
                        if(res){
                            Swal.fire({
                              title: 'Generar Cobro',
                              text: "Se genero el cobro satisfactoriamente.",
                              icon: 'success',
                              showCancelButton: false,
                              confirmButtonColor: '#3085d6'
                            });
                        }
                    },
                        dataType: "json"
                });
            });
    }
*/
</script>
@endsection