@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">Generar Cobro Débito Automático</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 Débito Automático</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->

        <form action="{{ url('cobros/debito/automatico/generar') }}" method="GET" id="frmCobro">

            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <!-- filtros -->
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Generar Cobro Débito Automático </header>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                
                                <div class="form-group col-md-2">
                                    <label for="fecha_nacimiento" class="form-label"><b>Cobros Desde</b><span class="text-danger">*</span>
                                    </label>
                                    <input type="date" value="{{$filtro_inicio}}" class="form-control" name="filtro_inicio" id="filtro_inicio" onchange="buscar_filtro('filtro_inicio')">
                                </div>

                                <div class="form-group col-md-2">
                                    <label for="fecha_nacimiento" class="form-label"><b>Cobros Hasta</b><span class="text-danger">*</span>
                                    </label>
                                    <input type="date" value="{{$filtro_fin}}" class="form-control" name="filtro_fin" id="filtro_fin" onchange="buscar_filtro('filtro_fin')">
                                </div>

                                <div class="form-group col-md-2">
                                    <label for="" class="form-label"><b>¿Banco Popular?</b></label>
                                    <div class="">
                                        <label for="cb_ambos" class="form-label">Ambos</label>
                                        <input onchange="buscar_filtro('cb_ambos')"  class="toggle" id="cb_ambos" type="checkbox" name="cb_ambos" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                    </div>
                                </div>

                                <div class="form-group col-md-3">
                                    <label  style="color:transparent" for="" class="form-label">-</label>

                                    <div class="">&nbsp;
                                        <label for="cb_solo_banco" class="form-label">Solo Banco Popular</label>
                                        <input onchange="buscar_filtro('cb_solo_banco')"  class="toggle" id="cb_solo_banco" type="checkbox" name="cb_solo_banco" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                    </div>
                                </div>

                                <div class="form-group col-md-3">
                                    <label style="color:transparent" for="" class="form-label"><b>-</b></label>

                                    <div class="">&nbsp;
                                        <label for="cb_sin_banco" class="form-label">Sin Banco Popular</label>
                                        <input onchange="buscar_filtro('cb_sin_banco')" checked  class="toggle" id="cb_sin_banco" type="checkbox" name="cb_sin_banco" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                    </div>
                                </div>
                            </form>
                                

                                @if (auth()->user()->hasPermissionTo('generarReporteDebitoAutomatico'))
                                    
                                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                                        Generar Reporte
                                    </button>
                                @endif


                                <!-- Modal -->
                                <div class="modal  fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLabel">Generar Reporte</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            {!! Form::open(['url' => 'cobros/debito/automatico/generar', 'id'=>'form_export', 'method'=>'GET']) !!}

                                                <label for=""><strong>Fecha Incicio</strong></label>
                                                {!! Form::date('filtro_inicio_generar',null, ['class'=>'form-control']) !!}
                                                <label for=""><strong>Fecha Fin</strong></label>
                                                {!! Form::date('filtro_fin_generar',null, ['class'=>'form-control']) !!}

                                                <div class="d-flex justify-content-between mt-2">
                                                    <label for="cb_ambos_generar" class="form-label">Ambos</label>
                                                <input 
                                                    class="toggle" 
                                                    id="cb_ambos_generar" 
                                                    type="checkbox" 
                                                    name="cb_ambos_generar" 
                                                    data-off="No" 
                                                    data-on="Si" 
                                                    data-toggle="toggle" 
                                                    data-onstyle="primary" 
                                                    data-offstyle="danger"
                                                >
                                               
                                                        <label for="cb_solo_banco_generar" class="form-label">Solo Banco Popular</label>

                                                        <input  
                                                            class="toggle" 
                                                            id="cb_solo_banco_generar" 
                                                            type="checkbox" 
                                                            name="cb_solo_banco_generar" 
                                                            data-off="No" 
                                                            data-on="Si" 
                                                            data-toggle="toggle" 
                                                            data-onstyle="primary" 
                                                            data-offstyle="danger">
                                                
                                                        <label for="cb_sin_banco_generar" class="form-label">Sin Banco Popular</label>
                                                        <input  class="toggle" id="cb_sin_banco_generar" type="checkbox" name="cb_sin_banco_generar" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                                   
                                                </div>
                                            
                                                <input type="hidden" name="export" id="accion" value="2">

                                                <button class="btn btn-success text-white mt-2">
                                                    <i class="fa fa-file-excel-o"></i>Exportar
                                                </button>

                                            {!! Form::close() !!}
                                        </div>
                                       
                                        </div>
                                    </div>
                                </div>


                                     

                            </div>
                        </div>
                    </div>
                    <!-- end filtros -->

                    <!-- Listado -->
                    <div class="card  card-box">
                        <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">
                                            <a href="{{ url('cobros/debito/automatico/generar') }}" class="btn bg-warning text-white"><i class="fa fa-filter"></i>Limpiar</a>
                                            <a onclick="generar_todos()" class="btn bg-primary text-white"><i class="fa fa-cogs"></i>Generar Todos</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">
                                                {!! Form::open([
                                                'url' => 'cobros/debito/automatico/generar',
                                                'method' => 'GET',
                                                'role' => 'form',
                                                'id' => 'frmFiltros',
                                                ]) !!}
                                               
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Cliente</th>
                                                        <th>Contrato #</th>
                                                        <th title="Suma los contrato_servicio_valor_cuota de cada contrato_servicio del contrato">Total Valor Cuota</th>
                                                        <th></th>
                                                    </tr>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>
                                                            {!! Form::select('cliente',$clientes, $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('filtro_contrato', $filtro_contrato, [
                                                            'id' => 'filtro_contrato',
                                                            'class' => 'form-control',
                                                            'placeholder' => 'Contrato #',
                                                            'onkeyup' => "buscar('filtro_contrato')", // Agregado para verificar la tecla Enter

                                                            ]) !!}
                                                                {{-- <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>
                                                    {!! Form::close() !!}
                                                </thead>
                                                <tbody>
                                                    @if (count($data) > 0)
                                                    @foreach ($data as $key => $item)
                                                    @php
                                                    $id_row = intval(rand(1, 999999) * rand(1000, 999999));
                                                    @endphp
                                                    <tr id="fila_{{ $key }}">
                                                        <td>{{ $contador++ }}

                                                            <input type="hidden" id="contrato_id_{{ $id_row }}" value="{{ $item->contrato_id }}">
                                                        </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" href="{{ url('contratos/' . $item->contrato_id . '/ver') }}" class="text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver Contrato">{{ $item->contrato_codigo }}</a>
                                                        </td>
                                                        <td>{{ $simbolo_moneda . number_format($item->total_cuotas, 2, ',', ',') }}
                                                        </td>
                                                        <td class="center">
                                                            <div class="btn-group">
                                                                <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-cog"></i>
                                                                </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                    @else
                                                    <tr>
                                                        <td colspan="5" class="text-center">No se encontraron
                                                            resultados.</td>
                                                    </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                            {{ $data->appends([
                                                'filtro_contrato' => $filtro_contrato,
                                                'filtro_cliente' => $cliente,
                                                'filtro_inicio' => $filtro_inicio,
                                                'filtro_fin' => $filtro_fin,
                                                'cb_ambos'=>$banco_popular=="" || $banco_popular==null?"on":null,
                                                'cb_solo_banco'=>$banco_popular==1?"on":null,
                                                'cb_sin_banco'=>$banco_popular==0?"on":null

                                                ]
                                                )->links() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end Listado -->

                </div>
            </div>

       
    </div>
</div>
@endsection
@section('script')
<script>

    $(document).ready(function() {

        $(".toggle").click(function() {
            let current = $(this)
            let currentId = current.children().attr("id")
            let currentClass = current.children().attr("class")

            //console.log('currentClass :', currentClass)

            $(".toggle").children('.' + currentClass).each(function(index, element) {
                if (!$(this).is(currentId)) {
                    $(this).bootstrapToggle('off')
                }
            });

        });
        //Initialize Select2 Elements
        $('.select2').select2();
    });


    function buscar(tipo){    

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

        switch(tipo){

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

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

                break;               

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

        
    }


    function buscar_filtro(tipo){    

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

        switch(tipo){

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

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

                break;               

                default:
                document.getElementById('frmCobro').submit();
                break;
            }


    }

    //Generar todos los cobros del listado
    function generar_todos(id_contrato) {
        var fecha_inicio = $('#filtro_inicio').val();
        var fecha_fin = $('#filtro_fin').val();

        //var page = $('#pagina_actual').val();
        //const forma_pago = 2;
        var cliente = $('#cliente').val();
        var filtro_contrato = $('#filtro_contrato').val();
        /*var cb_ambos =$('#cb_ambos').prop('checked');
        var cb_solo_banco =$('#cb_solo_banco').prop('checked');
        var cb_sin_banco =$('#cb_sin_banco').prop('checked');
        */
        var data = {};

        // Verificar si el checkbox está marcado y agregar al objeto de datos solo si está marcado
        if ($('#cb_ambos').prop('checked')) {
            data.cb_ambos = true;
        }

        if ($('#cb_solo_banco').prop('checked')) {
            data.cb_solo_banco = true;
        }

        if ($('#cb_sin_banco').prop('checked')) {
            data.cb_sin_banco = true;
        }
        data.filtro_inicio = fecha_inicio;
        data.filtro_fin = fecha_fin;
        data.cliente = cliente;
        data.filtro_contrato = filtro_contrato;
        data._token ="{{ csrf_token() }}";
        data.id_contrato=id_contrato;

        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...',
                    //timer: 4000,
                    didOpen: () => {
                        Swal.showLoading();

                        $.ajax({
                            type: "POST",
                            url: "{{ asset('') . 'cobros/debito/automatico/generar' }}",
                            //data:{  "_token": "{{ csrf_token() }}","forma_pago":2, "fecha":fecha_fin, "fecha_desde":fecha_inicio,"contrato":contrato},
                            data: data,
                           /* {
                                "_token": "{{ csrf_token() }}",
                                filtro_inicio: fecha_inicio,
                                filtro_fin: fecha_fin,
                                cliente: cliente,
                                filtro_contrato: filtro_contrato,
                                cb_ambos,
                                cb_solo_banco,
                                cb_sin_banco

                            },*/
                            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 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'>" + ( $rpt) + "</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'
                                    });
                                }
                            },
                            error: function(res) {
                                Swal.fire({
                                    title: 'Error al generar cobro',
                                    text: "No se procesaron los siguientes contratos " +
                                        res.errores,
                                    icon: 'error',
                                    showCancelButton: false,
                                    confirmButtonColor: '#3085d6'
                                });
                            },
                            dataType: "json"
                        });

                    }
                });

            }
        });
    }
/*
    function cobrar(index) {
        var fecha_inicio = $('#inicio').val();
        var fecha_fin = $('#fin').val();
        var contrato_id = $('#contrato_id_' + index).val();
        var servicio_id = $('#servicio_id_' + index).val();

        Swal.fire({
            title: 'Confirmar',
            text: '¿Está seguro de que desea generar el cobro?',
            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) => {
            if (result.isConfirmed) {

                Swal.fire({
                    title: 'Generarando Cobros',
                    html: 'Procesando...',
                    //timer: 4000,
                    allowOutsideClick: false,
                    didOpen: () => {
                        Swal.showLoading();

                        $.ajax({
                            type: "POST",
                            url: "{{ asset('') . 'cobros/debito/automatico/generar' }}",
                            data: {
                                "_token": "{{ csrf_token() }}",
                                opcion: 'cobro',
                                inicio: fecha_fin,
                                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: 'Error al generar cobro',
                                        text: "Cobro no generados",
                                        icon: 'error',
                                        showCancelButton: false,
                                        confirmButtonColor: '#3085d6'
                                    });
                                }
                            },
                            dataType: "json"
                        });
                    }
                });
            }
        });


        /*Swal.fire({
          title: 'Generar Cobro',
          html: 'Procesando...',
          timer: 4000,
          didOpen: () => {
            Swal.showLoading();
             $.ajax({
                type: "POST",
                url: "{{ asset('') . 'cobros/debito/automatico/generar' }}",
                data:{  "_token": "{{ csrf_token() }}", inicio:fecha_fin ,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"
            });
          }
        });
    }
    */



    function limpiar() {
        $('#cliente').val('').change();
        $('#contrato').val('');
        document.getElementById("frmCobros").submit();
    }


</script>
@endsection