@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
{{-- @dump($servicio_cambio_plan) --}}
<div class="page-content-wrapper">
    <div class="page-content" style="min-height:1200px">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
            <div class="pull-left">
                    <!--<div class="page-title">Actualizar Servicio del Contrato:  {{ $servicio_cambio_plan->contrato_id }}</div>-->
                    <div class="page-title">Actualizar Contrato Servicio:  {{ $id }}</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><a class="parent-item" href="{{ url('contratos/'. $servicio_cambio_plan->contrato_id . '/ver') }}">Contrato Servicio</a>&nbsp;<i class="fa fa-angle-right"></i></li>
                    <li><a class="parent-item" href="{{ url('contrato_servicio/'. $servicio_cambio_plan->contrato_id.'/'. $id) }}"> {{ $id }}</a>&nbsp;<i class="fa fa-angle-right"></i></li>
                    <li class="active">Actualizar </li>
                </ol>

            </div>



        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <input type="hidden" value="{{$id}}" id="contrato_servicio_id">
        {!! Form::open(['url' => ['servicio/contrato/editar/' . $servicio_cambio_plan->contrato_servicio_id], 'method'=>'PUT' ,'id'=>'frmFiltros']) !!}
        <div class="card-box p-5">
            <div class="row">
                <div class="col-4">
                    <!--<div class="mb-5">
                        <a href="{{ url('contratos/' . $servicio_cambio_plan->contrato_servicio_contrato_id . '/ver') }}" class="btn btn-primary">Ir
                            atras</a>
                    </div>-->
                </div>
            </div>

            <div class="row">


                <div class="col-4 mt-4">
                    <label for="">Servicio <span class="text-danger">*</span></label>
                    <input type="text" readonly value="{{ $servicio_text }}" class="form-control" />
                    <input type="hidden" name="servicio" id="servicio" readonly value="{{ $servicio_id }}" class="form-control" />
                </div>

                <div class="col-4 mt-4">
                    <label for="">Servicio Cambio Plan</label>
                    <input type="text" readonly value="{{ $servicio_cambio_plan_texto }}" class="form-control" />
                </div>

                <div class="col-4 mt-4">
                                        <label for="">Valor Servicio/Cuota <span class="text-danger">*</span></label>
                    @if (auth()->user()->hasPermissionTo('actualizar_valor_servicio_contrato'))
                    <input class="form-control" type="text" name="monto" id="valor" data-thousands="." data-decimal="," data-prefix="₡ "  value="{{ $contrato_servicio->contrato_servicio_valor }}" />                        
                    @else
                    <input class="form-control" type="text" name="monto" id="valor" data-thousands="." data-decimal="," data-prefix="₡ "  value="{{ $contrato_servicio->contrato_servicio_valor }}" disabled />
                        
                    @endif
                    <input type="hidden" name="contrato_id" value="{{ $contrato->contrato_id}}">
                </div>



                <div class="col-4 mt-4" id="servicio_asocicar">
                    <label for="">Servicio a Asociar</label>

                    <select name="servicio_asociar" id="" class="form-control" readonly>
                        <option value="">Seleccionar</option>
                        @foreach ($servicio_asociar as $item)
                        <option value="{{ $item->contrato_servicio_id }}" {{ $fk_asociado == $item->contrato_servicio_id ? 'selected' : '' }}>{{ $item->servicio_nombre }}</option>
                        @endforeach
                    </select>
                </div>



                <div class="col-4 mt-4">
                    <label for="">Fecha Primer Cobro Servicio</label>
                    @php
                    $hoy = isset($servicio_cambio_plan->contrato_servicio_fecha_primer_cobro) ?
                    $servicio_cambio_plan->contrato_servicio_fecha_primer_cobro : $today;
                    @endphp

                    {!! Form::date('fecha_inicio', $hoy,['id'=>'fecha_inicio','class'=>'form-control','style'=>'width: 100%;']) !!}
                </div>

                <div class="col-4 mt-4">
                    <label for="">Fecha Aplicacion</label>

                    @php
                    //$hoy = isset($contrato->contrato_proxima_fecha_incremento) ?
                    //$contrato->contrato_proxima_fecha_incremento : $today;
                    //$hoy =$cobro->cobro_fecha_aplicacion ?? $today;
                    $hoy = $today;
                    @endphp

                    {!! Form::date('fecha_aplica', $hoy,['id'=>'fecha_aplica','class'=>'form-control','style'=>'width: 100%;','readonly']) !!}

                </div>

                <div class="col-4 mt-4" id="div_apertura">
                    <label for="telefonos" class="form-label">Aplica Apertura?</label><br>
                    <input {{ $contrato_servicio->contrato_servicio_apertura_aplica ? 'checked' : ''}} type="checkbox" readonly disabled name="contrato_servicio_poliza_aplica" data-off="NO" data-on="SI" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                </div>


                <div class="col-4 mt-4" id="porcentaje_interes_mora" style="">

                    <label for="telefonos" class="form-label">Porcentaje Interés Mora</label><br />
                    <div class="input-group">

                        <input type="number" readonly disabled class="form-control mt-1" name="" id="" aria-label="" value="{{ $contrato_servicio->contrato_servicio_porcentaje_interes_mora}}">
                        <div class="input-group-append mt-1">
                            <span class="input-group-text">%</span>
                        </div>
                    </div>

                </div>


               {{--  <div class="col-4 mt-4" id="div_mantenimiento">

                    <label for="telefonos" class="form-label">Mantenimiento Incluido en Valor?</label><br>
                    <input type="checkbox" readonly disabled name="contrato_servicio_valor_mantenimiento" data-off="NO" data-on="SI" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                </div>

                <div class="col-4 mt-4" id="div_monto_mantenimiento">
                    <label for="" class="form-label">Valor Mantenimiento</label>
                    <input class="form-control" readonly disabled type="text" name="contrato_servicio_mantenimiento_envalor" id="monto_mantenimiento" data-thousands="." data-decimal="," data-prefix="₡ " value="{{ $contrato_servicio->contrato_servicio_valor_mantenimiento }}" />
                </div> --}}


                <div class="col-4 mt-4" id="div_mantenimiento">

                    <label for="telefonos" class="form-label">Mantenimiento Incluido en Valor?</label><br>
                    <input type="checkbox"  name="contrato_servicio_valor_mantenimiento" data-off="NO" data-on="SI" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                </div>

                <div class="col-4 mt-4" id="div_monto_mantenimiento">
                    <label for="" class="form-label">Valor Mantenimiento</label>
                    <input class="form-control"  type="text" name="contrato_servicio_mantenimiento_envalor" id="monto_mantenimiento" data-thousands="." data-decimal="," data-prefix="₡ " value="{{ $contrato_servicio->contrato_servicio_valor_mantenimiento }}" />
                </div>





                <div class="col-4 mt-4">
                    <label for="" class="form-label">Saldo Actual</label>
                                        @if(auth()->user()->hasPermissionTo('actualizar_saldo_servicio_contrato'))
                    {!! Form::text('contrato_servicio_saldo_actual', $contrato_servicio->contrato_servicio_saldo_actual ,['id'=>'monto','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Valor Servicio/Cuota', 'data-thousands="."' , 'data-decimal=","' , 'data-prefix="₡ "' ]) !!}
                    @else
                    {!! Form::text('contrato_servicio_saldo_actual', $contrato_servicio->contrato_servicio_saldo_actual ,['id'=>'monto','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Valor Servicio/Cuota','readonly', 'data-thousands="."' , 'data-decimal=","' , 'data-prefix="₡ "' ]) !!}
                        
                    @endif
                </div>


                <div class="col-4 mt-4">
                    <label for="" class="form-label">Comunicación realizada al cilente</label>
                    <!--{!! Form::select('comunicacion', [],
                            null,['id'=>'comunicacion','class'=>'form-control select2','style'=>'width:
                            100%;','placeholder'=>'Seleccionar']) !!}-->

                    {!!Form::select('comunicacion', $tipo_comunicacion,
                    $comunicacion,['id'=>'comunicacion','class'=>'form-control
                    select2','style'=>'width:
                    100%;','placeholder'=>'Seleccionar']) !!}

                </div>



                <div class="col-4 mt-4">
                    <label for="" class="form-label">Observaciones</label>
                    {!! Form::textarea('observaciones', $servicio_cambio_plan->contrato_servicio_observaciones,['id'=>'observaciones','class'=>'form-control','style'=>'width: 100%; resize:none','placeholder'=>'Observaciones']) !!}
                </div>



            </div>
        </div><!--div card-->

        <div class='row' id="aplica_poliza" style="display: none;">
            <div class="col-md-12 col-sm-12">
                <div class="card  card-box">
                    <div class="card-head">
                        <header>Póliza</header>
                        <div class="tools">
                            <a class="t-collapse btn-color fa fa-chevron-up" href="javascript:;"></a>
                        </div>
                    </div>
                    <div class="card-body " id="bar-parent" style="display: none;">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="contrato_servicio_poliza_aplica" class="form-label">Tiene Póliza? </label><br>
                                <input type="checkbox"  name="contrato_servicio_poliza_aplica" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" {{ $servicio_cambio_plan->contrato_servicio_poliza_aplica ? 'checked' : ''}} onchange="h_aplica_poliza()" id="contrato_servicio_poliza_aplica">
                            </div>
                            <div class="col-md-6">
                                {{-- @dump( $servicio_cambio_plan->contrato_servicio_poliza_envalor) --}}
                                <label for="contrato_servicio_poliza_envalor" class="form-label">Poliza Incluida en Valor? </label><br>
                                <input type="checkbox" name="contrato_servicio_poliza_envalor" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"  {{ $servicio_cambio_plan->contrato_servicio_poliza_envalor ? 'checked' : ''}} onchange="h_aplica_valor()" id="contrato_servicio_poliza_envalor">
                            </div>
                        </div>
                        <div class="row">
                            <br>
                            <div class="col-md-6 mt-4">
                                <input type="text" id="contrato_servicio_poliza_cobertura"  name="contrato_servicio_poliza_cobertura" value="{{ '₡ '.number_format($servicio_cambio_plan->contrato_servicio_poliza_cobertura,2,'.',',') }}"  data-thousands="." data-decimal="," data-prefix="₡ "class="form-control" />
                            </div>

                            <div class="col-md-6 mt-4">
                                <input type="text" id="contrato_servicio_poliza_valor" name="contrato_servicio_poliza_valor"  value="{{ '₡ '.number_format($servicio_cambio_plan->contrato_servicio_poliza_valor,2,'.',',') }}"  data-thousands="." data-decimal="," data-prefix="₡ " class="form-control" />
                            </div>


                            <!-- Form::mMonedaFormato('contrato_servicio_poliza_valor','₡ '.number_format($servicio_cambio_plan->contrato_servicio_poliza_valor,2,'.',','),'Valor Póliza',$errors,6,false)-->
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!--<div class="row">
            <div class="col-md-12">
                <div id="aplica_poliza"></div>
            </div>

        </div>-->

        <div class="row" id="aplica_conyu">
            <div class="col-md-12">
                <div id="cubreConyugue"></div>
            </div>
        </div>

        <div class="row" id="aplica_finan">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="card  card-box">
                            <div class="card-head">
                                <header>Financiación</header>
                                <div class="tools">
                                    <a class="t-collapse btn-color fa fa-chevron-up" href="javascript:;"></a>
                                </div>
                            </div>
                            <div class="card-body " id="bar-parent" style="display: none;">
                                <div class="row mt-2">
                                    <div class="col-6 mt-1">
                                        <label for="">Pago Inicial</label>
                                        <input class="form-control" type="text" disabled name="pago_inicial_financiacion" id="pago_inicial" data-thousands="." data-decimal="," data-prefix="₡ " onchange="getValueIni()" value={{$servicio_cambio_plan->contrato_servicio_pago_inicial}} />
                                    </div>
                                    <div class="col-6 mt-1">
                                        <label for="">Saldo Inicial (₡)</label>
                                        <input class="form-control" type="text" disabled name="saldo_inicial_financiacion" id="saldo_inicial" data-thousands="." data-decimal="," data-prefix="₡ " value={{$servicio_cambio_plan->contrato_servicio_saldo_inicial}} />
                                    </div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-6 mt-1">
                                        <label for="">Meses de Financiación</label> <span class="small" style="color: red;" id="rango_meses"></span>

                                        <input disabled type="number" name="meses_financiacion" id="meses_financiacion" onchange="getValueIni()" class="form-control" value={{$servicio_cambio_plan->contrato_servicio_financiacion_meses}}>
                                    </div>

                                    <div class="col-6 mt-1">
                                        <label for="">Porcentaje Interés (Financiación)</label>

                                        <div class="input-group mb-3">

                                            <input disabled type="number" class="form-control mt-1" value="{{ $contrato_servicio->contrato_servicio_financiacion_porcentaje_interes }}" name="porcentaje_financiacion" aria-label="Amount (to the nearest dollar)">
                                            <div class="input-group-append mt-1">
                                                <span class="input-group-text">%</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-6 mt-1">
                                        <label for="">Valor Adicional</label>
                                        <input disabled type="text" name="valor_adicional_financiacion" id="valor_adicional" data-thousands="." data-decimal="," data-prefix="₡ " onchange="getValueIni()" class="form-control" value="{{$servicio_cambio_plan->contrato_servicio_valor_adicional}}">
                                    </div>
                                    <div class="col-6 mt-1">
                                        <label for="">Valor Cuota (₡)</label>
                                        <input disabled type="text" data-thousands="." data-decimal="," data-prefix="₡ " name="valor_cuota_financiacion" id="valor_cuota_financiacion" class="form-control" value="{{$servicio_cambio_plan->contrato_servicio_valor_cuota}}">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row" id="aplica_lotes_display">
            <div class="col-md-12">

                <div class="card  card-box">
                    <div class="card-head">
                        <header>Lotes</header>
                        <div class="tools">
                            <a class="t-collapse btn-color fa fa-chevron-up" href="javascript:;"></a>
                        </div>
                    </div>
                    <div class="card-body " id="bar-parent" style="display: none;">
                        <div class="row">
                            <!--<div class="col-4">
                                <label for="">Campo Santo</label>
                                {!!Form::select('campo', $campo_santo, $campo,['id'=>'campo','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar', 'onchange'=>'busqueda(this)']) !!}
                            </div>
                            <div class="col-4">
                                <label for="">Lotes</label>
                                <select class="form-control" name="lotes" id="lotes"></select>
                            </div>-->
                            <!--<div class="col-4">
                                <label for="">Agregar</label><br />
                                <button class="btn btn-primary" id="add_detalle" disabled>
                                    +
                                </button>
                            </div>-->
                        </div>

                    </div>
                    <div class="col-md-12">
                        <table border="0" id="tablaDetallesLote" class="table table-hover">
                            <thead>
                                <tr>
                                    <th style="text-align: center">Camposanto</th>
                                    <th style="text-align: center">Lote</th>
                                    <th style="text-align: center">Acciones</th>
                                </tr>
                            </thead>
                            <tbody id="items_lotes">
                                @if ($lotes_campos->isEmpty())
                                    <tr>
                                        <td colspan="3" style="text-align: center">No hay lotes registrados</td>
                                    </tr>
                                @else
                                    @foreach ($lotes_campos as $row)
                                    <tr>
                                        <td class="center">{{ $row->camposanto_nombre }}</td>
                                        <td class="center"> {{ $row->lote_text }}</td>
                                        <td class="center">--</td>
                                    </tr>
                                    @endforeach
                                @endif


                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>

        <div class="text-center">
            <button type="submit" class="btn btn-primary"> Actualizar</button>
            <a href="{{ url('contratos/'. $contrato_servicio->contrato_servicio_contrato_id . '/ver') }}" class="btn btn-warning">Cancelar</a>
        </div>
        {!! Form::close() !!}
    </div>

</div>



@endsection
@section('styles')
<style>
    .select2-container .select2-selection--single {
        height: auto !important;
    }
</style>
@endsection

@section('script')
<script>
    document.getElementById('servicio_asocicar').style.display = 'none';
    document.getElementById('aplica_finan').style.display = 'none';
    document.getElementById('aplica_lotes_display').style.display = 'none';

    function h_aplica_poliza() {
        var aplica_po = $("#contrato_servicio_poliza_aplica").is(":checked"); // document.getElementById('contrato_servicio_poliza_aplica').checked;
        console.log(aplica_po);
        $('#h_contrato_servicio_poliza_aplica').val(aplica_po);
    }

    function h_aplica_valor() {
        var aplica_val = $("#contrato_servicio_poliza_envalor").is(":checked"); //document.getElementById('contrato_servicio_poliza_envalor').checked;
        console.log(aplica_val);
        $('#h_contrato_servicio_poliza_envalor').val(aplica_val);
    }

    function busqueda(e) {
        var id_lote = $("#campo").val();

        if (id_lote != "") {
            var url = "{{ URL::asset('lote/ajax') }}" + "/" + id_lote;
            $.get(url, function(res) {
                var obj = $.parseJSON(res);

                document.getElementById("lotes").innerHTML = "";
                document.getElementById("lotes").options[
                    document.getElementById("lotes").options.length
                ] = new Option("Seleccionar", " ");
                if (obj.length > 0) {
                    for (i = 0; i < obj.length; i++) {
                        document.getElementById("lotes").options[
                            document.getElementById("lotes").options.length
                        ] = new Option(
                            obj[i]["lote_codigo"],
                            obj[i]["lote_id"]
                        );
                    }
                }
            });
        }
    }

    let data_servicios = [];
    consultar_valor();

    function consultar_valor() {
        console.log("consultar_valor1");

        $("#cubreConyugue").empty();
        //$("#aplica_poliza").empty();
        $("#aplica_financiacion").empty();
        $("#aplica_lote").empty();

        let id_servicio = $("#servicio").val(); //'198752';//$('#servicio').val();
        let id_contrato = $("#contrato_servicio_id").val(); //'198752';//$('#servicio').val();
        let servicio = data_servicios.find(
            (element) => element.id == id_servicio
        );

        var url =
            "{{ URL::asset('contrato/servicio/ObtenerService') }}" +
            "/" +
            id_servicio+'/'+id_contrato;

        $.get(url, function(res) {
            console.log("consultar_valor2");


           res =  JSON.parse(res);
            console.log(res);

            let obj=res.servicio;

            let contrato_servicio =res.contrato_servicios;
            //console.log(contrato_servicio);

            var valor_cuota = obj[0].servicio_valor;

            //document.getElementById("valor").value = Number(valor_cuota).toFixed(2);
            //document.getElementById("valor").focus();


            var limite_edad_conyuge = obj[0].servicio_conyuge_limite_edad > 0 ? ' - Limite de edad: ' + obj[0].servicio_conyuge_limite_edad : '';
            var limite_edad_hijos = obj[0].servicio_hijos_limite_edad > 0 ? ' - Limite de edad: ' + obj[0].servicio_hijos_limite_edad : '';
            var limite_edad_padres = obj[0].servicio_padres_limite_edad > 0 ? ' - Limite de edad: ' + obj[0].servicio_padres_limite_edad : '';
            var limite_edad_hermanos = obj[0].servicio_hermanos_limite_edad > 0 ? ' - Limite de edad: ' + obj[0].servicio_hermanos_limite_edad : '';
            var limite_edad_otros = obj[0].servicio_otros_limite_edad > 0 ? ' - Limite de edad: ' + obj[0].servicio_otros_limite_edad : '';

            var h4_adicionales_beneficiarios = (contrato_servicio.contrato_servicio_conyuge_valor !="" ||
            contrato_servicio.contrato_servicio_hijos_valor !="" ||
            contrato_servicio.contrato_servicio_padres_valor !="" ||
            contrato_servicio.contrato_servicio_hermanos_valor !="" ||
            contrato_servicio.contrato_servicio_otros_valor !=""
            ) ? '<h4 style="font-weight:600" id="beneficiarios-title-valores">Valores adicionales por beneficiarios.</h4>' : '';




            var valor_adicional_conyugue = (contrato_servicio.contrato_servicio_conyuge_valor !="" ) ? '<div class="col-sm-6"><label class="mt-4">Valor Cónyuge</label><input readonly class="form-control" data-thousands="." data-decimal="," data-prefix="₡ " type="text" name="servicio_conyuge_valor" id="servicio_conyuge_valor" value="' + contrato_servicio.contrato_servicio_conyuge_valor + '"/></div>' : '';
            var valor_adicional_hijos = (contrato_servicio.contrato_servicio_hijos_valor !="") ? '<div class="col-sm-6"><label class="mt-4">Valor Hijos</label><input readonly data-thousands="." data-decimal="," data-prefix="₡ " class="form-control" type="text" name="servicio_hijo_valor" id="servicio_hijo_valor" value="' + contrato_servicio.contrato_servicio_hijos_valor + '"/></div>' : '';
            var valor_adicional_padres = (contrato_servicio.contrato_servicio_padres_valor !="") ? '<div class="col-sm-6"><label class="mt-4">Valor Padres</label><input  readonly data-thousands="." data-decimal="," data-prefix="₡ " class="form-control" type="text" name="servicio_padres_valor" id="servicio_padres_valor" value="' + contrato_servicio.contrato_servicio_padres_valor + '"/></div>' : '';
            var valor_adicional_hermanos = (contrato_servicio.contrato_servicio_hermanos_valor !="") ? '<div class="col-sm-6"><label class="mt-4">Valor Hermanos</label><input  readonly data-thousands="." data-decimal="," data-prefix="₡ " class="form-control" type="text" name="servicio_hermanos_valor" id="servicio_hermanos_valor" value="' + contrato_servicio.contrato_servicio_hermanos_valor + '"/></div>' : '';
            var valor_adicional_otros = (contrato_servicio.contrato_servicio_otros_valor !="") ? '<div class="col-sm-6"><label class="mt-4">Valor Otras Personas</label><input readonly data-thousands="." data-decimal="," data-prefix="₡ " class="form-control" type="text" name="servicio_otros_valor" id="servicio_otros_valor" value="' + contrato_servicio.contrato_servicio_otros_valor + '"/></div>' : '';

            if (obj[0].servicio_conyuge_aplica === 1) {
                let cubreConyugue = `
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="card  card-box">
                                <div class="card-head">
                                    <header>Beneficiarios</header>
                                    <div class="tools">
                                        <a class="t-collapse btn-color fa fa-chevron-up" href="javascript:;"></a>
                                    </div>
                                </div>
                                <div class="card-body " id="bar-parent" style="display: none;">
                                    <div class="row col-md-12">
                                        <div class="col-12">
                                            <h2>El servicio seleccionado beneficia a parientes con los siguientes parentesco.</h2>
                                            <ul>

                                                ${obj[0].servicio_conyuge_aplica?  ` <li>Cónyuge ${limite_edad_conyuge} </li>`: ""}
                                                ${obj[0].servicio_hijos_aplica?    ` <li>Hijo (a) ${limite_edad_hijos}</li>`: ""}
                                                ${obj[0].servicio_padres_aplica?   ` <li>Padre / Madre ${limite_edad_padres}</li>`: ""}
                                                ${obj[0].servicio_hermanos_aplica? ` <li>Hermano (a) ${limite_edad_hermanos}</li>`: ""}
                                                ${obj[0].servicio_otros_aplica?    ` <li>Otro ${limite_edad_otros}</li>`: ""}


                                            </ul>
                                            ${h4_adicionales_beneficiarios}

                                            <div class="row">
                                            ${valor_adicional_conyugue}
                                            ${valor_adicional_hijos}
                                            ${valor_adicional_padres}
                                            ${valor_adicional_hermanos}
                                            ${valor_adicional_otros}
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>`;


                //$("#cubreConyugue").append(cubreConyugue);
                //$('#cubreConyugue').innerHTML = cubreConyugue;
                document.getElementById('cubreConyugue').innerHTML = cubreConyugue;
                $("#servicio_conyuge_valor").maskMoney().maskMoney('mask');
                $("#servicio_padres_valor").maskMoney().maskMoney('mask');
                $("#servicio_otros_valor").maskMoney().maskMoney('mask');
                $("#servicio_hijo_valor").maskMoney().maskMoney('mask');
                $("#servicio_hermanos_valor").maskMoney().maskMoney('mask');
            }

            if (obj[0].servicio_poliza_aplica) {
                /*let aplica_poliza = `
                    <div class='row'>
                        <div class="col-md-12 col-sm-12">
                            <div class="card  card-box">
                                <div class="card-head">
                                    <header>Póliza</header>
                                    <div class="tools">
                                        <a class="t-collapse btn-color fa fa-chevron-up" href="javascript:;"></a>
                                    </div>
                                </div>
                                <div class="card-body " id="bar-parent" style="display: none;">
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-sm-6">

                                                <label class='control-label' >Tiene Póliza?</label>

                                                <input type='checkbox' name='contrato_servicio_poliza_aplica' data-off='No' data-on='Si' data-toggle='toggle' data-onstyle='primary' data-offstyle='danger'>


                                            </div>

                                            <div class="col-sm-6">

                                                <label class="control-label" >Poliza Incluida en Valor?</label>

                                                <input type="checkbox" name="contrato_servicio_poliza_envalor" id="gestor_carrera" data-off="No" data-on="Si"   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">

                                            </div>

                                        </div>

                                        <div class="row">
                                            <div class="col-sm-6">



                                                    <label class="control-label" >Cobertura de la Póliza</label>

                                                    <input
                                                        class="form-control"
                                                        type="text"
                                                        name="contrato_servicio_poliza_cobertura"
                                                        id="valor"
                                                        data-thousands="."
                                                        data-decimal=","
                                                        data-prefix="₡ "
                                                    />


                                                </div>



                                                <div class="col-sm-6">

                                                    <label class="control-label" for="contratoservicio-contrato_servicio_poliza_valor">Valor Póliza</label>


                                                        <input
                                                            class="form-control"
                                                            type="text"
                                                            name="contrato_servicio_poliza_valor"
                                                            id="valor"
                                                            data-thousands="."
                                                            data-decimal=","
                                                            data-prefix="₡ "
                                                        />

                                                    </div>



                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            `;*/

                document.getElementById("aplica_poliza").style.display = "block";
                ///$("#aplica_poliza").append(aplica_poliza);
                //document.getElementById('aplica_poliza').innerHTML = aplica_poliza;
            } else {
                document.getElementById("aplica_poliza").style.display = "none";
            }

            if (obj[0].servicio_debe_asociar === 1) {
                document.getElementById('servicio_asocicar').style.display = 'block';
            } else {
                document.getElementById('servicio_asocicar').style.display = 'none';
            }



            if (obj[0].servicio_lote_aplica === 1) {
                document.getElementById('aplica_lotes_display').style.display = 'block';
                $("#lote_mantenimiento").show();
            } else {
                document.getElementById('aplica_lotes_display').style.display = 'none';
                $("#lote_mantenimiento").hide();
            }

            if (obj[0].servicio_financiacion_aplica === 1) {

                document.getElementById('aplica_finan').style.display = 'block';
                $('#pago_inicial').maskMoney().maskMoney('mask');
                $('#valor_adicional').maskMoney().maskMoney('mask');
                $('#saldo_inicial').maskMoney().maskMoney('mask');
                $('#valor_cuota_financiacion').maskMoney().maskMoney('mask');

                var texto =" Rango configurado (Min: "+obj[0].servicio_financiacion_minimo_meses +" / Max: "+obj[0].servicio_financiacion_maximo_meses+")";
                $('#rango_meses').empty().append(texto);


            } else {
                document.getElementById('aplica_finan').style.display = 'none'
            }

            if (obj[0].servicio_interes_mora_aplica === 1) {
                $("#porcentaje_interes_mora").show();
            } else {
                $("#porcentaje_interes_mora").hide();
            }
            if (obj[0].servicio_apertura_aplica == 1) {
                $("#div_apertura").show();
            } else {
                $("#div_apertura").hide();
            }

            if (obj[0].servicio_mantenimiento_aplica === 1) {
                //$("#mantenimiento_incluido_valor").show();
                //$("#valor_mantenimiento").show();
                $("#div_monto_mantenimiento").show();
                $("#monto_mantenimiento").maskMoney().maskMoney('mask');
                $("#div_mantenimiento").show();
            } else {
                //$("#mantenimiento_incluido_valor").hide();
                //$("#valor_mantenimiento").hide();
                $("#div_monto_mantenimiento").hide();
                $("#div_mantenimiento").hide();
            }


        });
        /*  document.getElementById("valor").focus */

    }

    function getValueIni() {

        console.log("getValueIni");

        let valor_ret = $('#valor').val().replaceAll('₡', '');
        valor_ret = parseFloat(valor_ret.replaceAll('.', ''));
        let valUltimo = 0;
        if ($('#pago_inicial').val() != '') {

            let valor_inicial = $('#pago_inicial').val().replaceAll('₡', '');

            valor_inicial = parseFloat(valor_inicial.replaceAll('.', ''));


            valUltimo = valor_ret - valor_inicial;
            console.log({
                valUltimo,
                valor_ret
            })

            $('#saldo_inicial').val(Number(valUltimo).toFixed(2));

            if ($('#meses_financiacion').val() != '') {
                var valor_cuota = Number($('#meses_financiacion').val());

                let valor_saldo = $('#saldo_inicial').val().replaceAll('₡', '');
                /*  valor_saldo = parseFloat(valor_saldo.replaceAll('.', ''));  */
                let valor_cuota_real = valor_saldo / valor_cuota
                console.log({
                    valor_cuota,
                    valor_saldo
                })

                if ($('#valor_adicional').val() != '') {
                    /* valor_cuota_financiacion */
                    let valor_adicional = $('#valor_adicional').val().replaceAll('₡', '');
                    valor_adicional = parseFloat(valor_adicional.replaceAll('.', ''));


                    let valUltimo = Math.round((valor_adicional + valor_cuota_real)).toFixed(2)
                    $('#valor_cuota_financiacion').val(valUltimo)

                } else {

                    $('#valor_cuota_financiacion').val(Number(valor_cuota_real).toFixed(2))
                }
            } else {
                $('#valor_cuota_financiacion').val(Number(valUltimo).toFixed(2))
            }


        } else {

            let valor_inicial = 0;

            valUltimo = valor_ret - valor_inicial;

            $('#saldo_inicial').val(Number(valUltimo).toFixed(2));

            if ($('#meses_financiacion').val() != '') {
                var valor_cuota = Number($('#meses_financiacion').val());

                let valor_saldo = $('#saldo_inicial').val().replaceAll('₡', '');
                /*  valor_saldo = parseFloat(valor_saldo.replaceAll('.', ''));  */
                let valor_cuota_real = valor_saldo / valor_cuota


                if ($('#valor_adicional').val() != '') {
                    /* valor_cuota_financiacion */
                    let valor_adicional = $('#valor_adicional').val().replaceAll('₡', '');
                    valor_adicional = parseFloat(valor_adicional.replaceAll('.', ''));


                    let valUltimo = Math.round((valor_adicional + valor_cuota_real)).toFixed(2)
                    $('#valor_cuota_financiacion').val(valUltimo)

                } else {

                    $('#valor_cuota_financiacion').val(Number(valor_cuota_real).toFixed(2))
                }
            } else {
                $('#valor_cuota_financiacion').val(Number(valUltimo).toFixed(2))
            }

        }




    }

    /*function reCalculaCuota() {
        let valor_ret = $('#valor').val();
    }*/


    function validateDepartamento(departamento_id) {
        let departamentos = $("input[name='departamentos[]'");
        let existe = false;
        for (let i = 0; i < departamentos.length; i++) {
            if (departamentos[i].getAttribute("value") == departamento_id) {
                existe = true;
            }
        }

        return existe;
    }

    $(document).ready(function() {

        $("#lote_mantenimiento").hide();

        $("#valor").maskMoney().maskMoney('mask');
        $("#monto").maskMoney().maskMoney('mask');
        $("#monto").on('blur', function() {
            $(this).maskMoney('mask');
        });

        $("#valor_plan").maskMoney();
        $("#monto_mantenimiento").maskMoney().maskMoney('mask');
        $("#valor_inicial").maskMoney();
        $("#pago_inicial").maskMoney();
        $("#saldo_inicial").maskMoney();
        $("#valor_adicional").maskMoney();

        
        $('#contrato_servicio_poliza_cobertura').maskMoney().maskMoney('mask');

        $("#contrato_servicio_poliza_cobertura").on('blur', function() {
            $(this).maskMoney('mask');
        });

        $('#contrato_servicio_poliza_valor').maskMoney().maskMoney('mask');

        $("#contrato_servicio_poliza_valor").on('blur', function() {
            $(this).maskMoney('mask');
        });
        console.log("mask");
        //Initialize Select2 Elements
        $(".select2").select2();

        $("#add_detalle").click(function() {
            /* document.getElementById('btnValid').disabled = false; */
            let lotes = $("#lotes").val();
            console.log("Click");

            let lotes_text = $("#lotes option:selected").text();

            let access_html =
                "<input type='hidden' name='accesos[]' value='nada' />";

            if (departamento_id && puesto_id) {
                if (!validateDepartamento(departamento_id)) {
                    if (crm == "1") {
                        $("#loadData").append(
                            "<tr><td><input type='hidden' name='departamentos[]' value='" +
                            departamento_id +
                            "'/>" +
                            departamento_text +
                            "<span class='badge badge-info'>Este departamento accede al CRM</span></td><td><input type='hidden' name='puestos[]' value='" +
                            puesto_id +
                            "' />" +
                            puesto_text +
                            "</td><td>" +
                            access_html +
                            "</td><td><button type='button' class='btn btn-danger delete-row'>Borrar</button></td></tr>"
                        );
                    } else {
                        $("#loadData").append(
                            "<tr><td><input type='hidden' name='departamentos[]' value='" +
                            departamento_id +
                            "'/>" +
                            departamento_text +
                            "</td><td><input type='hidden' name='puestos[]' value='" +
                            puesto_id +
                            "' />" +
                            puesto_text +
                            "</td><td>" +
                            access_html +
                            "</td><td><button type='button' class='btn btn-danger delete-row'>Borrar</button></td></tr>"
                        );
                    }
                } else {
                    Swal.fire(
                        "Error!",
                        "El departamento que intenta agregar ya existe en la Lista!",
                        "error"
                    );
                }

                $("#departamento").val("").trigger("change");
                $("#puesto").html("");
                $("#accesss").val("");
            }
        });
    });

    function goBack() {
        window.location(-1);
    }
</script>
@endsection