@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">Sin Sucursal</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><i class="fa fa-list-alt"></i>&nbsp;<a class="parent-item" href="{{ url('/servicios') }}">Listado de Servicios</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Servicio - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</li>
                    </ol>
                </div>
            </div>
            @php
                $disabled = isset($edit) ? 'disabled' : '';
            @endphp
            <!-- start widget -->
            <!-- start admited patient list -->
            @if(isset($edit))
                {!! Form::model($edit,['url' => ['servicio/actualizar/'.$edit->servicio_id],'method'=>'PATCH','id'=>'frmClientes']) !!}
            @else
                {!! Form::open(['url' => 'servicio','method'=>'POST','role'=>'form','id'=>'frmContratos']) !!}
            @endif
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Servicio - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</header>
                        </div>
                        <div class="card-body">
                            <div class="row col-md-12">
                                {!! Form::mtext('nombre',isset($edit) ? $edit->servicio_nombre : null,'Nombre',$errors,6,true,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}

                                {!! Form::mtextAr('descripcion',isset($edit) ? $edit->servicio_descripcion : null,'Descripción',$errors,6,false,false,'onkeyup="javascript:this.value=this.value.toUpperCase()"') !!}
                            </div>
                            <div class="row col-md-12">

                                {!! Form::mselect('tipo',$tipos, isset($edit) ? $edit->servicio_servicio_tipo_id : null,'Servicio Tipo',$errors,6,true) !!}

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Servicio/Cuota</label>
                                        <input class="form-control" type="text" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_valor, 2, ',', '.') : '' }}" name="servicio_valor" id="servicio_valor" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>

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

                                {!! Form::mselect('estado',['1'=>'Activo','0'=>'Inactivo'], isset($edit) ? $edit->servicio_estado : 1,'Estado',$errors,6,false) !!}

                                {!! Form::mNumber('limite_edad',
                                    isset($edit) ? $edit->servicio_limite_edad : null
                                    ,'Limite Edad',$errors,6,false,true,null) !!}
                            </div>
                            <div class="row col-md-12">

                                {!! Form::mselect('impuesto',$impuestos, isset($edit) ? $edit->servicio_impuesto_id : null,'Impuesto',$errors,6,false) !!}

                                <div class="col-6">
                                    <label for="impuesto_incluido" class="form-label">¿Impuesto Incluido en Valor?</label><br>
                                    <input type="checkbox" name="impuesto_incluido" id="impuesto_incluido" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_impuesto_incluido ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="interes_mora" class="form-label">¿Aplica Interes Mora?</label><br>
                                    <input type="checkbox" name="interes_mora" id="interes_mora" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_interes_mora_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-6">
                                    <label for="lote" class="form-label">¿Incluye Lote?</label><br>
                                    <input type="checkbox" name="servicio_lote_aplica" id="servicio_lote_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_lote_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="mantenimiento" class="form-label">¿Aplica Mantenimiento?</label><br>
                                    <input type="checkbox" name="mantenimiento" id="mantenimiento" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_mantenimiento_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-6">
                                    <label for="apertura" class="form-label">¿Aplica Apertura?</label><br>
                                    <input type="checkbox" name="servicio_apertura_aplica" id="servicio_apertura_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_apertura_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="servicio_debe_asociar" class="form-label">¿Se Debe Asociar a Otro Servicio?</label><br>
                                    <input type="checkbox" name="servicio_debe_asociar" id="servicio_debe_asociar" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_debe_asociar ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-6">
                                    <label for="es_programable" class="form-label">¿Es Programable?</label><br>
                                    <input type="checkbox" name="servicio_esprogramable" id="servicio_esprogramable" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_esprogramable ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <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-4">
                                    <label for="cubre_conyuge" class="form-label">¿Cubre Cónyuge?</label><br>
                                    <input type="checkbox" name="servicio_conyuge_aplica" id="servicio_conyuge_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_conyuge_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-4">
                                    <label for="cubre_hijos" class="form-label">¿Cubre Hijos?</label><br>
                                    <input type="checkbox" name="servicio_hijos_aplica" id="servicio_hijos_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_hijos_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-4">
                                    <label for="cubre_padres" class="form-label">¿Cubre Padres?</label><br>
                                    <input type="checkbox" name="servicio_padres_aplica" id="servicio_padres_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_padres_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                            </div>
                            <div class="row col-md-12">
                                {!! Form::mNumber('servicio_conyuge_limite_edad',isset($edit) ? $edit->servicio_conyuge_limite_edad : null,'Limite Edad Cónyuge',$errors,4,false,true,[['disabled']]) !!}

                                {!! Form::mNumber('servicio_hijos_limite_edad',isset($edit) ? $edit->servicio_hijos_limite_edad : null,'Limite Edad Hijos',$errors,4,false,true,[['disabled']]) !!}

                                {!! Form::mNumber('servicio_padres_limite_edad',isset($edit) ? $edit->servicio_padres_limite_edad : null,'Limite Edad Padres',$errors,4,false,true,[['disabled']]) !!}

                            </div>
                            <div class="row col-md-12">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Adicional Cónyuge</label>
                                        <input class="form-control" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_conyuge_valor_base, 2, ',', '.') : '' }}" type="text" name="servicio_conyuge_valor_base" id="servicio_conyuge_valor_base" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Adicional Hijos</label>
                                        <input class="form-control" type="text" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_hijos_valor_base, 2, ',', '.') : '' }}" name="servicio_hijos_valor_base" id="servicio_hijos_valor_base" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Adicional Padres</label>
                                        <input class="form-control" type="text" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_padres_valor_base, 2, ',', '.') : '' }}" name="servicio_padres_valor_base" id="servicio_padres_valor_base" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>
                            </div>

                            <div class="row col-md-12">
                                <div class="col-4">
                                    <label for="servicio_hermanos_aplica" class="form-label">¿Cubre Hermanos?</label><br>
                                    <input type="checkbox" name="servicio_hermanos_aplica" id="servicio_hermanos_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_hermanos_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-4">
                                    <label for="servicio_otros_aplica" class="form-label">¿Cubre Otros?</label><br>
                                    <input type="checkbox" name="servicio_otros_aplica" id="servicio_otros_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_otros_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                             <div class="row col-md-12">

                                {!! Form::mNumber('servicio_hermanos_limite_edad',isset($edit) ? $edit->servicio_hermanos_limite_edad : null,'Limite Edad Hermanos',$errors,4,false,true,[['disabled']]) !!}

                                {!! Form::mNumber('servicio_otros_limite_edad',isset($edit) ? $edit->servicio_otros_limite_edad : null,'Limite Edad Otros',$errors,4,false,true,[['disabled']]) !!}
                            </div>
                            <div class="row col-md-12">

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Adicional Hermanos</label>
                                        <input class="form-control" type="text" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_hermanos_valor_base, 2, ',', '.') : '' }}" name="servicio_hermanos_valor_base" id="servicio_hermanos_valor_base" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label  class="form-label text-color-dark text-3" for="'.$name.'">Valor Adicional Otros</label>
                                        <input class="form-control" type="text" value="{{isset($edit) ? '₡ '. number_format($edit->servicio_otros_valor_base, 2, ',', '.') : '' }}" name="servicio_otros_valor_base" id="servicio_otros_valor_base" data-thousands="." data-decimal="," data-prefix="₡ " />
                                    </div>
                                </div>

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

            <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 col-md-12">
                                <div class="col-6">

                                    <label for="servicio_financiacion_aplica" class="form-label">¿Se puede financiar?</label><br>
                                    <input 
                                        type="checkbox" 
                                        name="servicio_financiacion_aplica" 
                                        id="servicio_financiacion_aplica" 
                                        data-off="No" 
                                        data-on="Si"  
                                        {{isset($edit) ? $edit->servicio_financiacion_aplica ? 'checked' : '' : ''}}   
                                        data-toggle="toggle" 
                                        data-onstyle="primary" 
                                        data-offstyle="danger">
                                    {{-- <input type="checkbox" name="servicio_financiacion_aplica" id="servicio_financiacion_aplica" data-off="No" data-on="Si"  {{($edit->servicio_financiacion_aplica==1) ? 'checked' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"> --}}
                                </div>

                                <div class="col-6">
                                    <label for="prima" class="form-label">¿Aplica Prima (Financiación)</label><br>
                                    <input type="checkbox" name="servicio_finacniacion_aplica_pago_inicial" id="servicio_finacniacion_aplica_pago_inicial" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_finacniacion_aplica_pago_inicial ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                            </div>
                            <div class="row col-md-12">
                                {!! Form::mNumber(
                                    'servicio_financiacion_porcentaje_interes',
                                    isset($edit) ? $edit->servicio_financiacion_porcentaje_interes : null,
                                    'Porcentaje Interes (Financiación)',
                                    $errors,
                                    6,
                                     false,
                                    true,
                                    isset($edit) ? $edit->servicio_financiacion_porcentaje_interes : null,
                                   
                                    '%'
                                ) !!}

                                {!! Form::mNumber('servicio_financiacion_pago_inicial_valor',isset($edit) ? $edit->servicio_financiacion_pago_inicial_valor : null,'Porcentaje Prima (Financiación)',$errors,6,false,true,[['disabled']],'%') !!}
                            </div>
                            <div class="row col-md-12">

                                {!! Form::mNumber(
                                    'servicio_financiacion_minimo_meses',
                                    isset($edit) ? $edit->servicio_financiacion_minimo_meses : null,
                                    'Mínimo Meses (Financiación)',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    isset($edit) ? $edit->servicio_financiacion_minimo_meses : null,
                                    ) !!}


                                {!! Form::mNumber(
                                    'servicio_financiacion_maximo_meses',
                                    isset($edit) ? $edit->servicio_financiacion_maximo_meses : null,
                                    'Máximo Meses (Financiación)',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    isset($edit) ? $edit->servicio_financiacion_aplica : null,
                                   /*  $edit->servicio_financiacion_aplica != 1 ? [['disabled']]:'', */
                                    ) !!}

                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="valor_fijo" class="form-label">¿Valor Fijo?</label><br>
                                    <input type="checkbox" name="servicio_financiacion_valor_fijo" id="servicio_financiacion_valor_fijo" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_financiacion_valor_fijo ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-6">
                                    <label for="descontar_saldo" class="form-label">¿Descontar Saldo?</label><br>
                                    <input type="checkbox" name="servicio_descuenta_saldo" id="servicio_descuenta_saldo" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_descuenta_saldo ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <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="row col-md-12">
                                <div class="col-6">
                                    <label for="poliza" class="form-label">¿Permite Póliza?</label><br>
                                    <input type="checkbox" name="servicio_poliza_aplica" id="servicio_poliza_aplica" data-off="No" data-on="Si"  {{isset($edit) ? $edit->servicio_poliza_aplica ? 'checked' : '' : ''}}   data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-footer text-center">
                <div class="text-center">
                    <button type="submit" class="btn bg-success">Aceptar</button>
                        <a class="btn bg-danger" href="{{url('servicios')}}">Cancelar</a>
                </div>
            </div>

            {!! Form::close() !!}
        </div>
    </div>
@endsection
@section('script')
    <script>
        $('#servicio_conyuge_aplica').change(function() {
            var servicio_conyuge_limite_edad = document.getElementById('servicio_conyuge_limite_edad');
            var servicio_conyuge_valor_base = document.getElementById('servicio_conyuge_valor_base');
            if($(this).prop('checked')){
                servicio_conyuge_limite_edad.removeAttribute('disabled');
                servicio_conyuge_valor_base.removeAttribute('disabled');
            }else{
                servicio_conyuge_limite_edad.setAttribute('disabled', 'disabled');
                servicio_conyuge_valor_base.setAttribute('disabled', 'disabled');
            }
        });

        $('#servicio_hijos_aplica').change(function() {
            var servicio_hijos_limite_edad = document.getElementById('servicio_hijos_limite_edad');
            var servicio_hijos_valor_base = document.getElementById('servicio_hijos_valor_base');
            if($(this).prop('checked')){
                servicio_hijos_limite_edad.removeAttribute('disabled');
                servicio_hijos_valor_base.removeAttribute('disabled');
            }else{
                servicio_hijos_limite_edad.setAttribute('disabled', 'disabled');
                servicio_hijos_valor_base.setAttribute('disabled', 'disabled');
            }
        });

        $('#servicio_padres_aplica').change(function() {
            var servicio_padres_limite_edad = document.getElementById('servicio_padres_limite_edad');
            var servicio_padres_valor_base = document.getElementById('servicio_padres_valor_base');
            if($(this).prop('checked')){
                servicio_padres_limite_edad.removeAttribute('disabled');
                servicio_padres_valor_base.removeAttribute('disabled');
            }else{
                servicio_padres_limite_edad.setAttribute('disabled', 'disabled');
                servicio_padres_valor_base.setAttribute('disabled', 'disabled');
            }
        });

        $('#servicio_hermanos_aplica').change(function() {
            var servicio_hermanos_limite_edad = document.getElementById('servicio_hermanos_limite_edad');
            var servicio_hermanos_valor_base = document.getElementById('servicio_hermanos_valor_base');
            if($(this).prop('checked')){
                servicio_hermanos_limite_edad.removeAttribute('disabled');
                servicio_hermanos_valor_base.removeAttribute('disabled');
            }else{
                servicio_hermanos_limite_edad.setAttribute('disabled', 'disabled');
                servicio_hermanos_valor_base.setAttribute('disabled', 'disabled');
            }
        });

        $('#servicio_otros_aplica').change(function() {
            var servicio_otros_limite_edad = document.getElementById('servicio_otros_limite_edad');
            var servicio_otros_valor_base = document.getElementById('servicio_otros_valor_base');
            if($(this).prop('checked')){
                servicio_otros_limite_edad.removeAttribute('disabled');
                servicio_otros_valor_base.removeAttribute('disabled');
            }else{
                servicio_otros_limite_edad.setAttribute('disabled', 'disabled');
                servicio_otros_valor_base.setAttribute('disabled', 'disabled');

                @if (isset($edit))

                @endif
            }
        });

        $('#servicio_financiacion_aplica').change(function() {
            var servicio_financiacion_porcentaje_interes = document.getElementById('servicio_financiacion_porcentaje_interes');
            var servicio_financiacion_minimo_meses = document.getElementById('servicio_financiacion_minimo_meses');
            var servicio_financiacion_maximo_meses = document.getElementById('servicio_financiacion_maximo_meses');
            console.log($(this).prop('checked'));

            if($(this).prop('checked')==true){
                servicio_financiacion_porcentaje_interes.removeAttribute('disabled');
                servicio_financiacion_maximo_meses.removeAttribute('disabled');
                servicio_financiacion_minimo_meses.removeAttribute('disabled');
            }else{
                servicio_financiacion_porcentaje_interes.setAttribute('disabled', 'disabled');
                servicio_financiacion_maximo_meses.setAttribute('disabled', 'disabled');
                servicio_financiacion_minimo_meses.setAttribute('disabled', 'disabled');

            }
        });

        $('#servicio_finacniacion_aplica_pago_inicial').change(function() {
            var servicio_financiacion_pago_inicial_valor = document.getElementById('servicio_financiacion_pago_inicial_valor');
            if($(this).prop('checked')){
                servicio_financiacion_pago_inicial_valor.removeAttribute('disabled');
            }else{
                servicio_financiacion_pago_inicial_valor.setAttribute('disabled', 'disabled');
                @if (isset($edit))
                    document.getElementById('servicio_financiacion_pago_inicial_valor').removeAttribute('disabled');
                @endif
            }
        });

        @if (isset($edit))
            document.getElementById('servicio_conyuge_limite_edad').removeAttribute('disabled');
            document.getElementById('servicio_conyuge_valor_base').removeAttribute('disabled');
            document.getElementById('servicio_hijos_limite_edad').removeAttribute('disabled');
            document.getElementById('servicio_hijos_valor_base').removeAttribute('disabled');
            document.getElementById('servicio_padres_limite_edad').removeAttribute('disabled');
            document.getElementById('servicio_padres_valor_base').removeAttribute('disabled');
            document.getElementById('servicio_hermanos_limite_edad').removeAttribute('disabled');
            document.getElementById('servicio_hermanos_valor_base').removeAttribute('disabled');
            document.getElementById('servicio_otros_limite_edad').removeAttribute('disabled');
            document.getElementById('servicio_otros_valor_base').removeAttribute('disabled');
        @endif

        function cobertura(tipo){
            console.log(tipo);
        }
        $(document).ready(function () {
            $("#servicio_conyuge_valor_base").maskMoney();
            $("#servicio_hijos_valor_base").maskMoney();
            $("#servicio_padres_valor_base").maskMoney();
            $("#servicio_otros_valor_base").maskMoney();
            $("#servicio_hermanos_valor_base").maskMoney();
            $("#servicio_valor").maskMoney();

            // document.getElementById('servicio_conyuge_valor_base').click();
            // document.getElementById('servicio_hijos_valor_base').click();
            // document.getElementById('servicio_padres_valor_base').click();
             //Initialize Select2 Elements
            $('.select2').select2();

            //Initialize Select2 Elements
            $('.select2bs4').select2({
              theme: 'bootstrap4'
            });

            //var servicio_financiacion_porcentaje_interes = document.getElementById('servicio_financiacion_porcentaje_interes');
            //console.log(servicio_financiacion_porcentaje_interes);

          $('#frmContratos').validate({
                rules: {
                  nombre: {
                    required: true
                  },
                   tipo: {
                    required: true
                  },
                  valor_cuota: {
                    required: true
                  },
                  estado: {
                    required: true
                  },
                },
                messages: {
                  nombre: {
                    required: "Campo nombre es requerido"
                  },
                  tipo: {
                    required: "Campo tipo es requerido"
                  },
                  valor_cuota: {
                    required: "Campo valor servicio/cuota es requerido"
                  },
                  estado: {
                    required: "Campo estado es requerido"
                  },
                },
                errorElement: 'span',
                errorPlacement: function (error, element) {
                  error.addClass('invalid-feedback');
                  element.closest('.form-group').append(error);
                },
                highlight: function (element, errorClass, validClass) {
                  $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                  $(element).removeClass('is-invalid');
                },
                submitHandler: function(form){
                    console.log($('#impuesto_incluido').is(':checked'));
                    if($('#impuesto_incluido').is(':checked') && $('#impuesto').val() == ''){
                        Swal.fire({
                          icon: 'warning',
                          title: 'Advertencia',
                          text: 'Al indicar que el impuesto esta incluido en valor debe seleccionar un impuesto en el campo correspondiente.'
                        });
                    }else
                        form.submit();
                }
              });
            });
    </script>
@endsection