@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 Depósito o Transferencia</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 Depósito o Transferencia</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    {!! Form::open([
                        'url' => 'cobros/deposito/tranferencia/generar',
                        'method' => 'GET',
                        'role' => 'form',
                        'id' => 'frmCobros',
                    ]) !!}
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Generar Cobro Depósito o Transferencia</header>
                        </div>
                        <div class="card-body">

                            <div class="row col-md-12 mb-3">
                                <!--Form::mDate('inicio', date('Y-m-d'), 'Cobros Desde', $errors, 6)

                                 Form::mDate('fin', date('Y-m-d'), 'Cobros Hasta', $errors, 6)-->
                                <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()" --}}>
                                </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()" --}}>
                                </div>
                                <div class="form-group col-md-8">
                                    <label for="fecha_nacimiento" style="color:transparent">-</span>
                                    </label><br>
                                    {{-- create-planilla-deposito-transferenciaCobro-planilla --}}
                                    
                                    <a class="btn btn-warning text-white" href="{{ url('cobros/deposito/tranferencia/generar') }}"><i
                                                class="fa fa-filter"></i>Limpiar</a>
                                    @if (auth()->user()->hasPermissionTo('create-planilla-deposito-transferenciaCobro-planilla'))                                     
                                        <a class="btn bg-primary text-white" onclick="generar_todos()"><i
                                            class="fa fa-cogs"></i>Generar Todos los Cobros</a>
                                    @endif

                                    {{-- exportar --}}
                                    @if (auth()->user()->hasPermissionTo('generarReporteDepositoTransferencia'))
                                    {!! Form::open(['url' => 'cobros/deposito/tranferencia/generar', 'id'=>'form_export']) !!}
                                            
                                        {!! Form::date('filtro_inicio', $filtro_inicio) !!}
                                        {!! Form::date('filtro_fin', $filtro_fin) !!}
                                       
                                        {!! Form::hidden('export', 1) !!}

                                        <button class="btn btn-success text-white"><i
                                        class="fa fa-file-excel-o"></i>Exportar</button>
                                    {!! Form::close() !!}     
                                    @endif  
                                </div>
                            </div>
                        </div>
                    </div>
                    <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">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Cliente</th>
                                                        <th>Contrato #</th>
                                                        <!--<th>Valor Actual</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>
                                                            <input type="hidden" value="{{$filtro_cliente}}">
                                                            {!! Form::select('cliente', $clientes, $filtro_cliente, [
                                                                'id' => 'cliente',
                                                                'placeholder' => '-Seleccionar-',
                                                                'class' => 'form-control select2',
                                                                'style' => 'width: 80%;',
                                                                'onchange' => "buscar('cliente')",
                                                                'name' => 'filtro_cliente',  // Agrega este atributo 'name'
                                                            ]) !!}

                                                        </th>
                                                        <th>
                                                        <div class="input-group input-group-sm">
                                                            {!! Form::text('contrato', $filtro_contrato, [
                                                                'id' => 'filtro_contrato',
                                                                'class' => 'form-control',
                                                                'placeholder' => 'Contrato #',
                                                                'onkeyup' => "if(event.keyCode == 13) { buscar(); }", // Agregado para verificar la tecla Enter
                                                                'name' => 'filtro_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 $key => $item)
                                                            @php
                                                                $id_row = intval(rand(1, 999999) * rand(1000, 999999));
                                                            @endphp
                                                            <tr>
                                                                <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>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-foot">
                                {{ $data->appends([
                                        'filtro_cliente' => $filtro_cliente,
                                        'filtro_contrato' => $filtro_contrato,
                                        'filtro_inicio' => $filtro_inicio,
                                        'filtro_fin' => $filtro_fin
                                    ])->links() }}
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>


           /* $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url('cliente/data/ajax') }}',
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        console.log(params);
                        var query = {
                            search: params.term,
                            page: params.page
                        }
                        return query;
                    },
                    processResults: function(data, page) {
                        console.log(data);
                        return {
                            results: data
                        };
                    }
                }
            });*/


        function generar_todos(id_contrato) {
            var fecha_inicio = $('#filtro_inicio').val();
            var fecha_fin = $('#filtro_fin').val();

            var cliente = $('#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: 'Generarando Cobros',
                        html: 'Procesando...',
                        //timer: 4000,
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading();

                            $.ajax({
                                type: "POST",
                                url: "{{ asset('') . 'cobros/deposito/tranferencia/generar' }}",
                                data: {
                                    "_token": "{{ csrf_token() }}",
                                    'opcion': 'cobros',
                                    "filtro_inicio": fecha_inicio,
                                    "filtro_fin": fecha_fin,
                                    "filtro_cliente": cliente,
                                    "filtro_contrato": filtro_contrato,
                                    "forma_pago" :3,
                                    "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 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/deposito/tranferencia/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 cobrar(index){
                var contrato_id = $('#contrato_id_'+index).val();
                var fecha_inicio = $('#inicio').val();
                var fecha_fin = $('#fin').val();
                Swal.fire({
                  title: 'Generar Cobro',
                  html: 'Procesando...',
                  timer: 4000,
                  didOpen: () => {
                    Swal.showLoading();
                     $.ajax({
                        type: "POST",
                        url: "{{ asset('') . 'cobros/deposito/tranferencia/generar' }}",
                        data:{  "_token": "{{ csrf_token() }}", inicio:fecha_inicio ,fin:fecha_fin, contrato:contrato_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 buscar(control) {
               /* if (control == 'cliente') {
                    if ($('#' + control).val() != '') {
                        document.getElementById("frmCobros").submit();
                    }
                } else {
                    if ($('#´' + control).val() != '') {
                        document.getElementById("frmCobros").submit();
                    }
                }*/
                document.getElementById('frmCobros').submit();
            }

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

            $(document).ready(function() {
                $('.select2').select2();
                //Initialize Select2 Elements
               /* $('#cliente').select2({
                    ajax: {
                        dataType: 'json',
                        url: '{{ url('cliente/data/ajax') }}',
                        delay: 250,
                        minimumInputLength: 3,
                        data: function(params) {
                            console.log(params);
                            var query = {
                                search: params.term,
                                page: params.page
                            }
                            return query;
                        },
                        processResults: function(data, page) {
                            console.log(data);
                            return {
                                results: data
                            };
                        }
                    }
                });*/
            });
    </script>
@endsection