@extends('layouts.app')

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item">Cobranza</li>
    <li class="breadcrumb-item active">Listado</li>
    <li class="breadcrumb-item active">Crear</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12 col-xl-6">
        <h1 class="page-title">Ajuste de <span class="fw-semi-bold">Cobranza</span></h1>
    </div>
    <div class="col-12 col-xl-6 text-right">
        <a class=" button-return" href="{!! URL::previous() !!}">Regresar</a>
    </div>
</div>

<section class="widget">
    <header>
        <h3>Cliente: {{ $prestamo->cliente->user->name }} {{ $prestamo->cliente->user->a_paterno }} {{ $prestamo->cliente->user->a_materno }}</h3>
        @if($prestamo->estatus == "Liquidado")
            <a class=" button-return" href="#">Liquidado</a>
        @endif
        <p>Prestamo: {{ $prestamo->id }}</p>
        <p>Plazo: {{ $prestamo->plazo }}</p>
    </header>
    @include('adminlte-templates::common.errors')
    @include('flash::message')
    <div class="widget-body">
        {!! Form::open(['route' => 'cobranzas.aplicarAjusteCobranza']) !!}

        @include('cobranzas.fieldsCobranza')

        <input type="hidden" name="prestamo_id" value="{{ $prestamo_id }}" />

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

@section('scripts')
    <script type="text/javascript">
        $('#fecha_pago').datetimepicker({
            format: 'YYYY-MM-DD HH:mm:ss',
            useCurrent: false
        })
    </script>
    <script type="text/javascript">
        console.log('Entra Scripts' );
        var contador = 1;
        var ids = 1;
        var array_options_disable = [];
        var previous;

        $(document).ready(function(){

            $(document).on('focus', '.select2-selection.select2-selection--single', function (e) {
                previous = $(this).text();
            });

            $('#guardar').on('click',function(event){
                console.log('form');
                event.preventDefault();
                aplicar_validacion(event);
            });

            $('.js-example-basic-single').select2({
                templateResult: formatState,
                placeholder: 'Select an option',
            });

            $('.js-example-basic-single2').select2({
                placeholder: 'Select an option',
            });

        })


        if($('#proveedor option:selected').val() == '-1'){
            $('.button_success').attr('type','button');
        }

        $('#proveedor').change(function(){
            var id = $(this).val();
            if(id != 'id'){
                $('.button_success').attr('type','submit');
            }
        });

        $('#add_semana').on('click',function(){
            more_append();
        });

        $('#add_semanaMora').on('click',function(){
            more_appendMora();
        });

        $('#add_semanaMoraSinPago').on('click',function(){
            more_appendMoraSinPago();
        });

        $('#boton_flotante').on('click',function(event){
            event.preventDefault();
            more_append();
        })

        function agregarProdcutoBloqueado(id){
            array_options_disable.push(id);
            bloquearProductos();
        }

        function quitarProdcutoBloqueado(){

            for (let index = 0; index < array_options_disable.length; index++) {
                if(previous == array_options_disable[index]){
                    array_options_disable.splice(index, 1);
                }
            }

            bloquearProductos();
        }

        function aplicar_validacion(event)
        {
            var validacion = true;

            if (!validar_seleccion('#proveedor', '#mensaje_error', 3)) {
                validacion = false;
            }else{
                $("#mensaje_error").slideUp();
            }

            let contador_interno = 0;
            $(".class_productos").each(function(){
                console.log('valor: ' + $(this).val());
                if($(this).val() == 0 || $(this).val() == null){
                    console.log('entra if');
                    console.log($(this).val());
                    validacion = false;
                    $("#mensaje"+ contador_interno + " span").html("El campo es obligatorio");
                    $("#mensaje"+ contador_interno).slideDown();
                }else{
                    $("#mensaje"+ contador_interno).slideUp();
                }
                contador_interno++;
            });

            contador_interno = 0;
            $(".campo").each(function(){
                // console.log('valor de campo ' + $(this).val() + 'valor cantidad campo ' + $(this).val().length);

                if($(this).val().length == 0){
                    validacion = false;
                    // console.log($(this).val().length, $(this));
                    $("#mensaje_cantidad"+ contador_interno + " span").html("El campo es obligatorio");
                    $("#mensaje_cantidad"+ contador_interno).slideDown();
                }else{
                    $("#mensaje_cantidad"+ contador_interno).slideUp();
                }

                contador_interno++;
                // console.log(validacion);
            });

            if (validacion) {
                //event.target.submit();
                //$('#guardar').trigger('click');
                $("#form").submit();
            }
        }

        function eliminar(element,id){

            console.log('eliminamos');
            $('#eliminados').append(`<input type="hidden" name="id_edit_elimianr[]" maxlength="191" class="form-control" value="${id}" >`)
            element.parent().parent().remove();
        }

        var contSemIpa = parseInt($("input[name='semana_siutek_[]']").last().val());
        var contNoSem = parseInt($("input[name='no_semana_[]']").last().val());
        var tarSem = parseInt($("input[name='tarifa_semanal_[]']").last().val());
        var atrasos = parseInt($("input[name='atrasos_[]']").last().val());
        var fechaPago7 = new Date($("input[name='fecha_pago_[]']").last().val());
        var balanceAnterior = parseInt($("input[name='balance_final_[]']").last().val());
        var pagoEsperado = parseInt($("input[name='pago_esperado_[]']").last().val());

        console.log(fechaPago7.toISOString(), "fecha");

        var fechaPagoMas7;

        function addDays(dateObj, numDays) {

            var last = new Date(dateObj.getTime() + (numDays * 24 * 60 * 60 * 1000));
            let fecha = last.toISOString();
            fecha = fecha.substring(0, 10);
            console.log(fecha);
            return fecha;
        }

        function more_append(){
            console.log(ids);
            contSemIpa = parseInt(contSemIpa + 1);
            contNoSem = parseInt(contNoSem + 1);
            
            fechaPagoMas7 = addDays(fechaPago7,7);

            console.log(fechaPagoMas7);
            $('#add_block').append(
                    `<div class="row border-bottom pt-3">

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('semana_siutek_n_`+ids+`', 'Semana Ipadka:') !!}
                            {!! Form::number('semana_siutek_n_[]', '`+contSemIpa+`', ['class' => 'form-control']) !!}
                            <input type="hidden" name="nuevaSem[]" value="`+ids+`" />
                        </div>

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('no_semana_n_`+ids+`', 'No. Semana:') !!}
                            {!! Form::number('no_semana_n_[]', '`+contNoSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Fecha Pago Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('fecha_pago_n_`+ids+`', 'Fecha de Pago:') !!}
                            {!! Form::date('fecha_pago_n_[]', '`+fechaPagoMas7+`', ['class' => 'form-control','id'=>'fecha_pago']) !!}
                        </div>

                        <!-- Tarifa Semanal Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('tarifa_semanal_n_`+ids+`', 'Tarifa Semanal:') !!}
                            {!! Form::number('tarifa_semanal_n_[]', '`+tarSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Atrasos Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('atrasos_n_`+ids+`', 'Atrasos:') !!}
                            {!! Form::number('atrasos_n_[]', '`+atrasos+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Cargo Moratorio Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('cargo_moratorio_n_`+ids+`', 'Cargo Moratorio:') !!}
                            {!! Form::number('cargo_moratorio_n_[]', '0', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_esperado_n_`+ids+`', 'Pago Esperado:') !!}
                            {!! Form::number('pago_esperado_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Recibido Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_recibido_n_`+ids+`', 'Pago Recibido:') !!}
                            {!! Form::number('pago_recibido_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_n_`+ids+`', 'Balance Final:') !!}
                            {!! Form::number('balance_final_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_esperado_n_`+ids+`', 'Balance Final Esperado:') !!}
                            {!! Form::number('balance_final_esperado_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Anterior -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_anterior_n_`+ids+`', 'Balance Anterior:') !!}
                            {!! Form::number('balance_anterior_n_[]', '`+balanceAnterior+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Estatus Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('estatus_n_`+ids+`', 'Estatus:') !!}
                            {!! Form::select('estatus_n_[]', array('Espera' => 'Espera', 'Realizado' => 'Realizado', 'No Realizado' => 'No Realizado', 'Incompleto' => 'Incompleto', 'Saldo a favor' => 'Saldo a favor') ) !!}
                        </div>

                        <div class="col-sm-1 remove_card">
                            <button type="button" class="remove_item" data-remove="yes" onclick="$(this).parent().parent().remove()">-</button>
                        </div>

                    </div>`);

                    $('.remove_item').click(function(){});

                    contador++;
                    ids++;
                    // bloquearProductos();
        }

        function more_appendMora(){
            console.log(ids);
            contSemIpa = parseInt(contSemIpa + 1);
            contNoSem = parseInt(contNoSem + 1);
            
            fechaPagoMas7 = addDays(fechaPago7,7);

            console.log(fechaPagoMas7);
            $('#add_block').append(
                    `<div class="row border-bottom pt-3">

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('semana_siutek_n_`+ids+`', 'Semana Ipadka:') !!}
                            {!! Form::number('semana_siutek_n_[]', '`+contSemIpa+`', ['class' => 'form-control']) !!}
                            <input type="hidden" name="nuevaSem[]" value="`+ids+`" />
                        </div>

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('no_semana_n_`+ids+`', 'No. Semana:') !!}
                            {!! Form::number('no_semana_n_[]', '`+contNoSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Fecha Pago Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('fecha_pago_n_`+ids+`', 'Fecha de Pago:') !!}
                            {!! Form::date('fecha_pago_n_[]', '`+fechaPagoMas7+`', ['class' => 'form-control','id'=>'fecha_pago']) !!}
                        </div>

                        <!-- Tarifa Semanal Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('tarifa_semanal_n_`+ids+`', 'Tarifa Semanal:') !!}
                            {!! Form::number('tarifa_semanal_n_[]', '`+tarSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Atrasos Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('atrasos_n_`+ids+`', 'Atrasos:') !!}
                            {!! Form::number('atrasos_n_[]', '`+parseInt(atrasos+1)+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Cargo Moratorio Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('cargo_moratorio_n_`+ids+`', 'Cargo Moratorio:') !!}
                            {!! Form::number('cargo_moratorio_n_[]', '100', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_esperado_n_`+ids+`', 'Pago Esperado:') !!}
                            {!! Form::number('pago_esperado_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Recibido Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_recibido_n_`+ids+`', 'Pago Recibido:') !!}
                            {!! Form::number('pago_recibido_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_n_`+ids+`', 'Balance Final:') !!}
                            {!! Form::number('balance_final_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_esperado_n_`+ids+`', 'Balance Final Esperado:') !!}
                            {!! Form::number('balance_final_esperado_n_[]', null, ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Anterior -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_anterior_n_`+ids+`', 'Balance Anterior:') !!}
                            {!! Form::number('balance_anterior_n_[]', '`+balanceAnterior+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Estatus Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('estatus_n_`+ids+`', 'Estatus:') !!}
                            {!! Form::select('estatus_n_[]', array('Espera' => 'Espera', 'Realizado' => 'Realizado', 'No Realizado' => 'No Realizado', 'Incompleto' => 'Incompleto', 'Saldo a favor' => 'Saldo a favor') ) !!}
                        </div>

                        <div class="col-sm-1 remove_card">
                            <button type="button" class="remove_item" data-remove="yes" onclick="$(this).parent().parent().remove()">-</button>
                        </div>

                    </div>`);

                    $('.remove_item').click(function(){});

                    contador++;
                    ids++;
                    // bloquearProductos();
        }

        function more_appendMoraSinPago(){
            console.log(ids);
            contSemIpa = parseInt(contSemIpa + 1);
            contNoSem = parseInt(contNoSem + 1);
            
            fechaPagoMas7 = addDays(fechaPago7,7);

            console.log(fechaPagoMas7);
            $('#add_block').append(
                    `<div class="row border-bottom pt-3">

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('semana_siutek_n_`+ids+`', 'Semana Ipadka:') !!}
                            {!! Form::number('semana_siutek_n_[]', '`+contSemIpa+`', ['class' => 'form-control']) !!}
                            <input type="hidden" name="nuevaSem[]" value="`+ids+`" />
                        </div>

                        <!-- No Semana Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('no_semana_n_`+ids+`', 'No. Semana:') !!}
                            {!! Form::number('no_semana_n_[]', '`+contNoSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Fecha Pago Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('fecha_pago_n_`+ids+`', 'Fecha de Pago:') !!}
                            {!! Form::date('fecha_pago_n_[]', '`+fechaPagoMas7+`', ['class' => 'form-control','id'=>'fecha_pago']) !!}
                        </div>

                        <!-- Tarifa Semanal Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('tarifa_semanal_n_`+ids+`', 'Tarifa Semanal:') !!}
                            {!! Form::number('tarifa_semanal_n_[]', '`+tarSem+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Atrasos Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('atrasos_n_`+ids+`', 'Atrasos:') !!}
                            {!! Form::number('atrasos_n_[]', '`+parseInt(atrasos+1)+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Cargo Moratorio Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('cargo_moratorio_n_`+ids+`', 'Cargo Moratorio:') !!}
                            {!! Form::number('cargo_moratorio_n_[]', '100', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_esperado_n_`+ids+`', 'Pago Esperado:') !!}
                            {!! Form::number('pago_esperado_n_[]', '`+parseInt(pagoEsperado+100)+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Pago Recibido Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('pago_recibido_n_`+ids+`', 'Pago Recibido:') !!}
                            {!! Form::number('pago_recibido_n_[]', '0', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_n_`+ids+`', 'Balance Final:') !!}
                            {!! Form::number('balance_final_n_[]', '`+parseInt(pagoEsperado+100)+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Final Esperado Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_final_esperado_n_`+ids+`', 'Balance Final Esperado:') !!}
                            {!! Form::number('balance_final_esperado_n_[]', '0', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Balance Anterior -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('balance_anterior_n_`+ids+`', 'Balance Anterior:') !!}
                            {!! Form::number('balance_anterior_n_[]', '`+balanceAnterior+`', ['class' => 'form-control']) !!}
                        </div>

                        <!-- Estatus Field -->
                        <div class="form-group col-sm-1">
                            {!! Form::label('estatus_n_`+ids+`', 'Estatus:') !!}
                            {!! Form::select('estatus_n_[]', array('No Realizado' => 'No Realizado', 'Espera' => 'Espera', 'Realizado' => 'Realizado', 'Incompleto' => 'Incompleto', 'Saldo a favor' => 'Saldo a favor') ) !!}
                        </div>

                        <div class="col-sm-1 remove_card">
                            <button type="button" class="remove_item" data-remove="yes" onclick="$(this).parent().parent().remove()">-</button>
                        </div>

                    </div>`);

                    $('.remove_item').click(function(){});

                    contador++;
                    ids++;
                    // bloquearProductos();
        }


        function formatState (state) {
            if (!state.id) {
                return state.text;
            }
            
            
            if (state.id == 0) {
                return state.text;
            }

            let dividir =  state.text.split('--');

            let $state = $(
                '<span> <span class="badge badge-secondary"> ' + dividir[1] + ' </span>' + dividir[0] + '</span>'
            );

            return $state;
        }
    </script>

@endsection