@extends('layouts.app')
@section('style')
<style>

</style>
@endsection
@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">Generar Cobro Asociaciones Solidaristas</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">Generar Cobro Asociaciones Solidaristas</li>
                </ol>
            </div>
        </div>


        <form action="{{ url('cobros/generar') }}" method="GET" id="frmCobro">
            <!-- BUSCAR -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Buscar Contratos & Generar Cobros</header>
                        </div>

                        <div class="card-body">
                            <!-- BUSCAR-->
                            <div class="row col-md-12">

                                {!! Form::mselect(
                                'asociacion_filtro',
                                $asociaciones,
                                $id_asociacion,
                                'Asociación Solidarista',
                                $errors,
                                6,
                                false,
                                true,
                                false,
                                ) !!}
                                <div class="col-2"><br>
                                    <a class="btn btn-primary" onClick="buscar()"><i class="fa fa-search"></i>Buscar
                                        Contratos</a>
                                </div>

                            </div>
                           

                            <!-- GENERAR-->
                            <div style="display:none" class="row col-md-12">

                                <div class="col-6">
                                    <div class="form-group">
                                        <label class="form-label text-color-dark text-3" for="">Cobros Hasta</label>
                                        {!! Form::date('fecha_hasta', date('Y-m-d'), ['class' => 'form-control', 'id' => 'fecha_hasta']) !!}
                                    </div>
                                </div>
                                <div class="col-6"><br>
                                    <a onClick="generar_todos()" class="btn bg-success text-white"><i class="fa fa-cogs"></i>Generar Todos</a>
                                </div>

                                
                            </div>


                        </div>
                    </div>

                </div>
            </div>
        </form>
            <!-- BUSCAR -->
            @if (count($data) > 0)
            @if (auth()->user()->hasPermissionTo('generarReporteDepositoTransferencia'))
            <div class="col-6">
                <p>Generar Reporte Cobros</p>
                <div class="form-group">
                    {!! Form::open(['url' => 'cobros/asociaciones/generar/reporte', 'id'=>'form_export', 'method' => 'GET']) !!}
                        <label class="form-label text-color-dark text-3" for="">Cobros Desde</label>
                       {{--  {!! Form::date('filtro_inicio', null) !!} --}}
                        <input type="date" name="filtro_inicio" required>
                        <label class="form-label text-color-dark text-3" for="">Cobros Hasta</label>
                        {{-- {!! Form::date('filtro_fin', null) !!} --}}
                        <input type="date" name="filtro_fin" required>
                        {!! Form::hidden('export', 1) !!}

                        <input type="hidden" name="asociacion_filtro" id="asociacion_filtro" value="{{ $id_asociacion }}">

                        <button 
                            class="btn btn-success text-white"><i
                            class="fa fa-file-excel-o">
                        </i>Exportar</button>
                    {!! Form::close() !!}     
                </div>
            </div>
            @endif
            @endif


            <!-- LISTADO BUSCAR -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <form action="{{ url('cobros/generar') }}" method="GET" id="frmCobro">
                    <div>
                        <div class="panel">
                            <header class="panel-heading panel-heading-blue">Lista Contratos </header>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-12 mb-3">
                                        <div class="tools float-right">

                                    <!--<div class="form-group row">
                                        <label class="col-sm-4 control-label" for="">Cobros Hasta</label>
                                        <div class="col-sm-6">
                                        {!! Form::date('fecha_hasta', date('Y-m-d'), ['class' => 'form-control', 'id' => 'fecha_hasta']) !!}
                                        </div>
                                    </div>-->

                                            <a class="btn bg-warning text-white" onclick="limpiar()"><i class="fa fa-filter"></i>Limpiar</a>
                                            <input type="hidden" id="pagina_actual" value="{{ $page }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Cliente</th>
                                                        <th>Contrato #</th>
                                                        <th>Valor Actual</th>
                                                        <th></th>
                                                        <th></th>
                                                    </tr>
                                                    <tr>
                                                        <th></th>
                                                        <th>
                                                            {!! Form::select('cliente', $clientes, $id_cliente, [
                                                            'name' => 'cliente',
                                                            'id' => 'cliente',
                                                            'placeholder' => '-Seleccionar-',
                                                            'class' => 'form-control select2',
                                                            'style' => 'width: 80%;',
                                                            'onchange' => "buscar('cliente')",
                                                            ]) !!}
                                                        </th>
                                                        <th>
                                                            <div class="input-group input-group-sm">
                                                                {!! Form::text('contrato', $id_contrato, [
                                                                'id' => 'contrato',
                                                                'class' => 'form-control',
                                                                'placeholder' => 'Contrato #'
                                                                ])
                                                                !!}
                                                                <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>
                                                        </th>
                                                        <th>

                                                        </th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @if (count($data) > 0)
                                                    @foreach ($data as $item)
                                                    @php
                                                    $id_row = intval(rand(1, 999999) * rand(1000, 999999));
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            <!-- <input type="hidden" name="servicio_id[]"
                                                                                id="servicio_id_{{ $id_row }}"
                                                                                value="{{ $item->contrato_servicio_id }}">
                                                                            <input type="hidden" name="contrato_id[]"
                                                                                id="contrato_id_{{ $id_row }}"
                                                                                value="{{ $item->contrato_id }}">-->
                                                            {{ $contador++ }}
                                                        </td>
                                                        <td>{{ $item->cliente_nombres . ' ' . $item->cliente_apellido1 . ' ' . $item->cliente_apellido2 }}
                                                        </td>
                                                        <td><a target="_blank" href="{{route('contratos.show', ['id' => $item->contrato_id])}}">{{ $item->contrato_codigo }}</a></td>
                                                        <td>{{ $simbolo_moneda . number_format($contralador->getValorActual($item->contrato_id), 2, ',', ',') }}
                                                        </td>
                                                        <td>
                                                        <td class="center">
                                                            <div class="btn-group">
                                                                <!--<a onclick="cobrar({{ $id_row }})"
                                                                                    class="btn btn-tbl-update btn-xs text-white"
                                                                                    data-bs-toggle="tooltip"
                                                                                    data-bs-placement="top"
                                                                                    title="Generar Cobro">
                                                                                    <i class="fa fa-cog"></i>
                                                                                </a>-->

                                                                <a onclick="generar_todos({{ $item->contrato_id }})" class="btn btn-tbl-update btn-xs text-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Generar Cobro">
                                                                    <i class="fa fa-credit-card"></i>
                                                                </a>


                                                            </div>
                                                        </td>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @else
                                                    <tr>
                                                        <td colspan="5" class="text-center">Sin registros</td>
                                                    </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="panel-foot">
                                            {{ $data->appends([
                                                            'asociacion_filtro'=>$id_asociacion,
                                                            'cliente' => $id_cliente,
                                                            'contrato' => $id_contrato,
                                                        ])->links() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- LISTADO BUSCAR -->
        </form>
    </div>
    
</div>
@endsection


@section('script')
<script>
    function alerta() {
        Swal.fire({
            title: 'Generar Cobro',
            text: "Favor de seleccionar una asociación",
            icon: 'warning',
            showCancelButton: false,
            confirmButtonColor: '#3085d6'
        });
    }

    function buscar() {
        var filtro_id = $('#asociacion_filtro').val();
        //var filtro_cliente_id = $('#cliente').val();
        //console.log(filtro_id);
        if (filtro_id != '') {
            document.getElementById('frmCobro').submit();
        } else {
            alerta();
        }
    }

    function limpiar() {
        var filtro_id = $('#asociacion_filtro').val();
        if (filtro_id != '' && ($('#cliente').val() != '' || $('#contrato').val() != '')) {
            $('#cliente').val('').change();
            $('#contrato').val('');
            document.getElementById('frmCobro').submit();
        }
    }
    function escapeHtml(html) {
        var text = document.createTextNode(html);
        var div = document.createElement('div');
        div.appendChild(text);
        return div.innerHTML;
    }

    function generar_todos(id_contrato="") {
        //  var contrato_id = $('#contrato_id_' + index).val();
        var asociacion = $('#asociacion_filtro').val();
        var cliente = $('#cliente').val();
        var contrato = $('#contrato').val();
        var fecha_hasta = $('#fecha_hasta').val();
        var page = $('#pagina_actual').val();
        console.log(id_contrato);

        $text = id_contrato != "" ? " generar el cobro para el contrato CO" + id_contrato : " generar todos los cobros";
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está seguro de que desea ' + $text + '?',
            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('') . 'asociacion/generar/cobro' }}",
                            data: {
                                "_token": "{{ csrf_token() }}",
                                "forma_pago": 1,
                                "asociacion_filtro": asociacion,
                                "fecha": fecha_hasta,
                                "cliente": cliente,
                                "contrato": id_contrato,
                                page: page
                            },
                            success: function(res) {
                                console.log(res);

                                //res.respuesta_cobros;
                                if (res.ok) {
                                    Swal.fire({
                                        title: 'Generar Cobro',
                                        html: "<p style='display: inline;'>Se ejecutó con exito 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'>" + (res.respuesta_cobros) + "</div></i>",
                                        icon: 'success',
                                        showCancelButton: false,
                                        confirmButtonColor: '#3085d6'
                                    });

                                } else {
                                    Swal.fire({
                                        title: 'Error al generar cobro',
                                        text: "Error al generar el cobros de los siguientes contratos " +
                                            res.errores,
                                        icon: 'error',
                                        showCancelButton: false,
                                        confirmButtonColor: '#3085d6'
                                    });
                                }
                            },
                            dataType: "json"
                        });


                    }
                });



            }
        });
    }




    /*function cobrar(index) {

        var contrato_id = $('#contrato_id_' + index).val();
        var servicio_id = $('#servicio_id_' + index).val();
        var fecha_inicio = $('#fecha_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: fecha_inicio,
                    contrato_id: contrato_id,
                    servicio_id: servicio_id
                },
                success: function(res) {
                    if (res) {
                        Swal.fire({
                            title: 'Generar Cobro',
                            text: "Se genero el cobro satisfactoriamente.",
                            icon: 'success',
                            showCancelButton: false,
                            confirmButtonColor: '#3085d6'
                        });
                    }
                },
                error: function(res) {
                    if (res) {
                        Swal.fire({
                            title: 'Cobro no genrado',
                            text: "Error generando el cobro",
                            icon: 'error',
                            showCancelButton: false,
                            confirmButtonColor: '#3085d6'
                        });
                    }
                },
                dataType: "json"
            });
        });
        //var fecha_fin = $('#fin').val();
        console.log(contrato_id+' '+servicio_id+' '+fecha_inicio);
        Swal.fire({
          title: 'Generar Cobro',
          html: 'Procesando...',
          timer: 4000,
          didOpen: () => {
            Swal.showLoading();
             $.ajax({
                type: "POST",
                url: "{{ asset('') . 'cobros/debito/automatico/generar/cobros' }}",
                data:{  "_token": "{{ csrf_token() }}", inicio:fecha_inicio ,contrato_id:contrato_id, servicio_id: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"
            });
            Swal.fire({
                title: 'Generar Cobro',
                text: "Se genero el cobro satisfactoriamente.",
                icon: 'success',
                showCancelButton: false,
                confirmButtonColor: '#3085d6'
            });
          }
        });
    }*/
    var page = 1
    // listar(1)

    $(document).ready(function() {
         $('.select2').select2()

        $(document).on('click', '.pagination a', function(event) {
            console.log("click paginte");
           /* event.preventDefault()
            $('li').removeClass('active')
            $(this).parent('li').addClass('active')
            page = $(this).attr('href').split('page=')[1]
            listar(page);*/
        })
    })

    function listar(page) {
         console.log('listando ...'+page);
        // return
        var asociacion = $('#asociacion_filtro').val();
        var cliente = $('#cliente').val();
        var contrato = $('#contrato').val();
        var fecha_hasta = $('#fecha_hasta').val();
        //var page = $('#pagina_actual').val();
        var page = page;

        //let asociacionId = $("#asociacion_filtro").val()
        //let fecha_hasta = $("#fecha_hasta").val()
        //let url = `contratos-asociacion-ajax/${asociacion}`;
        let url=`generar?asociacion_filtro=${asociacion}&fecha_hasta=${fecha_hasta}&cliente=${cliente}&contrato=${contrato}&page=${page}`;
        window.location.href = url;
       /* $.ajax({
            //url: url + `?page=${page}&fecha_hasta=${fecha_hasta}`,
            url: url,
        }).done((data) => {
            $('#tablaContratos').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            alert('No response from server')
        })*/
    }

    function generarCobro(contratoId) {
        var filtro_id = $('#asociacion_filtro').val();

        if (filtro_id != '') {
            document.getElementById('frmCobro').submit();
        } else {
            alerta();
        }
        //alert('Generando cobro del contratoId :'+ contratoId)
    }

    function generarCobroTodos() {
        //alert('Generando cobros...')
        var filtro_id = $('#asociacion_filtro').val();

        if (filtro_id != '') {
            document.getElementById('frmCobro').submit();
        } else {
            alerta();
        }
    }

    //$(document).ready(function() {

        // $("#asociacion_filtro").change(() => {
        //     console.log('$(this) :', $(this))
        // })
        //Initialize Select2 Elements


        /* $('#frmContratos').validate({
             rules: {
                 nombre: {
                     required: true
                 },
                 estado: {
                     required: true
                 },
             },
             messages: {
                 nombre: {
                     required: "Campo nombre es requerido"
                 },
                 estado: {
                     required: "Campo estado es requerido"
                 },
             },
             errorElement: 'span',
             errorPlacement: function(error, element) {
                 error.addClass('invalid-feedback');
                 element.closest('.form-group').append(error);
             },
             highlight: function(element, errorClass, validClass) {
                 $(element).addClass('is-invalid');
             },
             unhighlight: function(element, errorClass, validClass) {
                 $(element).removeClass('is-invalid');
             }
         });*/
   // });
</script>
@endsection