@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-square"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/contratos/lista') }}">Listado de Contratos</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Contrato - {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Contrato - {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</header>
                        </div>
                        @if (isset($edit))
                            {!! Form::model($edit, [
                                'url' => ['contratos/actualizar/' . $edit->contrato_id],
                                'method' => 'PATCH',
                                'id' => 'frmContratos',
                            ]) !!}
                        @else
                            {!! Form::open(['url' => 'contratos', 'method' => 'POST', 'role' => 'form', 'id' => 'frmContratos']) !!}
                        @endif
                        <div class="card-body">
                            <div class="row col-md-12">
                                {!! Form::mtext(
                                    'contrato_codigo',
                                    isset($edit) ? $edit->contrato_codigo : null,
                                    'Contrato #',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}

                                {!! Form::mtext(
                                    'contrato_codigo_vista_verde',
                                    isset($edit) ? $edit->contrato_codigo_vista_verde : null,
                                    'Contrato Vista Verde #',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext(
                                    'contrato_codigo_fm',
                                    isset($edit) ? $edit->contrato_codigo_fm : null,
                                    'Contrato File Maker #',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}

                                {!! Form::mtext(
                                    'contrato_codigo_sistema_viejo',
                                    isset($edit) ? $edit->contrato_codigo_sistema_viejo : null,
                                    'Contrato Sistema Viejo #',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="encargado" class="form-label">Cliente<span
                                            class="text-danger">*</span></label><br>

                                    @if (isset($data_cliente))
                                        <select name="cliente" id="cliente" disabled="disabled" class="form-control">
                                            @foreach ($data_cliente as $key => $item)
                                                <option value="{{ $key }}">{{ $item }}</option>
                                            @endforeach
                                        </select>
                                    @else
                                        <div class="input-group mb-3">
                                            {!! Form::select('cliente', [], isset($data_cliente) ? $data_cliente : null, [
                                                'id' => 'cliente',
                                                'class' => 'form-control',
                                                'style' => 'width: 90%;',
                                                'placeholder' => 'Seleccionar',
                                                'onchange' => 'buscar_tarjetas_cliente()',
                                            ]) !!}
                                            <div class="input-group-append">
                                                <a class="btn btn-info" data-toggle="modal" data-target="#staticModal"><i
                                                        class="fa fa-plus"></i></a>
                                            </div>
                                        </div>
                                    @endif
                                    @isset($data_cliente)
                                        <input type="hidden" id="cliente_id" value="{{ $id_cliente }}" name="cliente">
                                    @endisset
                                </div>
                                @php
                                    $resSedes = isset($edit) ? explode(',', str_replace(']', '', str_replace('[', '', str_replace('"', '', $edit->empleado_entidad_id)))) : session()->get('data_entidad')->entidad_id;

                                @endphp

                                <div class="col-6">
                                    {!! Form::mselect(
                                        'contrato_entidad_id',
                                        $sedes,
                                        isset($edit) ? $edit->contrato_entidad_id : $resSedes,
                                        'Sede',
                                        $errors,
                                        6,
                                        true,
                                    ) !!}
                                </div>


                            </div>

                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label class="form-label">
                                        Vendedor <span class="text-danger">*</span>
                                    </label>


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



                                </div>

                                {!! Form::mDate(
                                    'contrato_fecha_inicial',
                                    isset($edit) ? $edit->contrato_fecha_inicial : null,
                                    'Fecha Inicial',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect(
                                    'contrato_forma_pago_id',
                                    $forma_pago,
                                    isset($edit) ? $edit->contrato_forma_pago_id : null,
                                    'Forma de Pago',
                                    $errors,
                                    6,
                                    true,
                                ) !!}

                                {!! Form::mselect(
                                    'contrato_modalidad_cobro_id',
                                    $modalidad_cobro,
                                    isset($edit) ? $edit->cliente_entidad_medio_de_pago_id : null,
                                    'Modalidad de Cobro',
                                    $errors,
                                    6,
                                    true,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <div style="display:none" id="select_asociacion">
                                        <label for="encargado" class="form-label">Asociación Solidarista <span
                                                class="text-danger">*</span>
                                        </label>
                                        <div class="input-group mb-3">
                                            {!! Form::select('contrato_forma_pago_cliente_entidad_id', [], null, [
                                                'id' => 'contrato_forma_pago_cliente_entidad_id',
                                                'onchange' => 'buscar_fecha_inicial()',
                                                'class' => 'form-control',
                                                'style' => 'width: 90%;',
                                                'placeholder' => 'Seleccionar',
                                            ]) !!}
                                            <div class="input-group-append">
                                                <a class="btn btn-info" data-toggle="modal"
                                                    data-target="#modalAsociacion"><i class="fa fa-plus"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    @isset($edit)
                                        <input type="hidden" id="contrato_cliente_id" value="{{ $edit->contrato_cliente_id }}">
                                        <input type="hidden" id="contrato_id" value="{{ $edit->contrato_empleado_id }}">
                                    @endisset
                                    <div style="display:none" id="select_tarjeta">
                                        <div class="input-group mb-3">

                                            <label for="encargado" class="form-label">Tarjeta a Debitar <span
                                                    class="text-danger">*</span>
                                            </label>
                                            {!! Form::select('contrato_forma_pago_tarjeta_id', isset($edit) ? [] : [], null, [
                                                'id' => 'contrato_forma_pago_tarjeta_id',
                                                'class' => 'form-control',
                                                'style' => 'width: 90%;',
                                                'placeholder' => 'Seleccionar',
                                            ]) !!}

                                            <div class="input-group-append">
                                                <a class="btn btn-info" data-toggle="modal" data-target="#modalTarjeta"><i
                                                        class="fa fa-plus"></i></a>
                                            </div>

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

                                    {!! Form::mtextTags('contrato_incremento_exclude_anos', null, 'Años sin Incremento', $errors, 12, false, true, [
                                        ['onkeyup' => 'return event.charCode > 47 && event.charCode < 58;'],
                                        ['onchange' => 'addYears()'],
                                    ]) !!}
                                    <p class="text-uppercase">

                                        <input type="checkbox" onchange="addYears()"><strong>Calcular proxima fecha
                                            incrementos</strong>
                                    </p>
                                </div>



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

                               {{--  @dump($edit->contrato_id) --}}

                                {{--  {!! Form::mDate('fecha_primer_cobro',isset($edit) ? $date : null,'Fecha Primer Cobro',null,6,false, ['id' => 'fecha_primer_cobro']) !!} --}}

                                {!! Form::mDate(
                                    'fecha_primer_cobro',
                                    isset($edit) ? $edit->contrato_fecha_primer_cobro : null,
                                    'Fecha Primer Cobro',
                                    $errors,
                                    6,
                                    false,
                                ) !!}


                                {!! Form::mNumber(
                                    'contrato_incremento_porcentaje',
                                    isset($edit) ? $edit->contrato_incremento_porcentaje : null,
                                    'Porcentaje de Incremento',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    null,
                                    '%',
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mNumber(
                                    'contrato_dia_pago',
                                    isset($edit) ? $edit->contrato_dia_pago : null,
                                    'Día de Pago',
                                    $errors,
                                    6,
                                    true,
                                    true,
                                    null,
                                ) !!}

                                {!! Form::mNumber(
                                    'contrato_incremento_periodicidad_anos',
                                    isset($edit) ? $edit->contrato_incremento_periodicidad_anos : null,
                                    'Periodicidad de Incremento',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    null,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect('novedad_actual', $novedades, null, 'Contrato Novedad Actual', $errors, 6, true) !!}
                                <div id="contrato_recuperar_div" class="col-md-6" style="display:none">
                                    {!! Form::mselect(
                                        'contrato_recuperar',
                                        [],
                                        isset($edit) ? $edit->contrato_novedad_contrato_id : null,
                                        'Contrato a Recuperar',
                                        $errors,
                                        12,
                                        true,
                                    ) !!}
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12" id="select_vendedor_div" style="display:none">
                                <div class="col-6">
                                    <label for="vendedor" class="form-label">Vendedor <span
                                            class="text-danger">*</span></label>

                                    {!! Form::select('contrato_novedad_empleado', [], isset($edit) ? $edit->contrato_novedad_empleado : null, [
                                        'id' => 'contrato_novedad_empleado',
                                        'class' => 'form-control',
                                        'style' => 'width: 90%;',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}
                                </div>

                                {!! Form::mDate(
                                    'contrato_novedad_fecha',
                                    isset($edit) ? $edit->contrato_novedad_fecha : null,
                                    'Fecha Novedad',
                                    $errors,
                                    6,
                                    false,
                                ) !!}

                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="Estado" class="form-label">Estado
                                        <span class="text-danger">*</span>
                                    </label>

                                    {!! Form::select(
                                        'contrato_estado',
                                        isset($edit) ? $estados : [0 => 'En Construccion'],
                                        isset($edit) ? $edit->contrato_estado : 0,
                                        ['id' => 'estado', 'class' => 'form-control', 'placeholder' => 'Seleccionar'],
                                    ) !!}

                                </div>

                                <div class="col-6">
                                    <label for="empresa" class="form-label">Empresa
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>

                                    {!! Form::text(
                                        'empresa',
                                        isset($edit) ? $edit->contrato_empresa : null,
                                        ['id' => 'empresa', 'class' => 'form-control', 'placeholder' => 'Empresa'],
                                        
                                    ) !!}

                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect(
                                    'contrato_tipo',
                                    $tipos_contratos,
                                    isset($edit) ? $edit->contrato_tipo : null,
                                    'Tipo Contrato',
                                    $errors,
                                    6,
                                ) !!}


                                {!! Form::mDate(
                                    'contrato_fecha_primer_cobro_historico',
                                    isset($edit) ? $edit->contrato_fecha_primer_cobro_historico : null,
                                    'Fecha Primer Cobro(Histórico)',
                                    $errors,
                                    6,
                                    false,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtextAr(
                                    'contrato_observacion',
                                    isset($edit) ? $edit->contrato_observacion : null,
                                    'Observación',
                                    $errors,
                                    6,
                                ) !!}



                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Observacion Fija:</label>
                                        <select name="contrato_observaciones_fija" id="contrato_observaciones_fija"
                                            class="form-control">
                                            <option selected value="">Ninguna observación</option>
                                            @foreach ($observaciones_fijas as $of)
                                                @if (isset($edit) and !empty($edit))
                                                    <option value="{{ $of->observacion_fija_descripcion }}"
                                                        @if ($edit->contrato_observaciones_fija == $of->observacion_fija_descripcion) selected='selected' @endif>
                                                        {{ $of->observacion_fija_descripcion }}</option>
                                                @else
                                                    <option value="{{ $of->observacion_fija_descripcion }}">
                                                        {{ $of->observacion_fija_descripcion }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="recibe" class="form-label">¿Mostrar Saldo en Recibo? </label><br>
                                    <input type="checkbox" name="contrato_mostrar_saldo" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->contrato_mostrar_saldo ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                                <div class="col-6">
                                    <label for="administra" class="form-label">¿Maneja Amortización?</label><br>
                                    <input type="checkbox" id="contrato_maneja_amortizacion"
                                        name="contrato_maneja_amortizacion" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->contrato_maneja_amortizacion ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mDate(
                                    'contrato_proxima_fecha_incremento',
                                    isset($edit) ? $edit->contrato_proxima_fecha_incremento : null,
                                    'Próxima Fecha de Incremento',
                                    $errors,
                                    6,
                                    false,
                                ) !!}

                            </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="{{isset($edit)? url('contratos/'.$edit->contrato_id.'/ver'): url('contratos')}}" --}}
                                   onclick="return goBack();"
                                    >Cancelar
                                </a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="staticModal" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticModalLabel">Agregar Cliente</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form role="form" id="quickForm">
                        <div class="clearfix"></div>
                        <div class="modal-body">
                            <div id="alerta"></div>

                            <div class="row col-md-12">
                                <div class="col-md-12">
                                    <div id="idMsjCliente" style="display:none;" class="alert alert-danger"
                                        role="alert">

                                    </div>
                                </div>
                                <div class="col-6">
                                    <label for="sede" class="form-label">Sede</label>
                                    {!! Form::select('sede_perteneciente', [], isset($edit) ? '' : session()->get('data_entidad')->entidad_id, [
                                        'id' => 'sede_perteneciente',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}
                                </div>
                                <div class="col-6">
                                    <label for="tipo_identificacion" class="form-label">Tipo Identificación</label>
                                    {!! Form::select('tipo_identificacion', $tipo_identificacion, isset($edit) ? '' : null, [
                                        'id' => 'tipo_identificacion',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}
                                </div>
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext('documento', null, 'Documento', $errors, 6, false, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                    ['onchange' => 'validarDocumento()'],
                                ]) !!}

                                {!! Form::mtext('nombres', null, 'Nombres', $errors, 6, true, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}


                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext('paterno', null, 'Primer Apellido', $errors, 6, true, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}

                                {!! Form::mtext('materno', null, 'Segundo Apellido', $errors, 6, false, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="sexo" class="form-label">Sexo</label>
                                    {!! Form::select(
                                        'sexo',
                                        ['Masculino' => 'Masculino', 'Femenino' => 'Femenino', 'No Aplica' => 'No Aplica'],
                                        null,
                                        ['id' => 'sexo', 'class' => 'form-control', 'placeholder' => 'Seleccionar'],
                                    ) !!}
                                </div>
                                {!! Form::mDate(
                                    'fecha_nacimiento',
                                    isset($edit) ? $edit->cliente_fecha_nacimiento : null,
                                    'Fecha de Nacimiento',
                                    $errors,
                                    6,
                                ) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext('celular', null, 'Celular', $errors, 6, false, true, [
                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                    ['maxlength' => '8'],
                                ]) !!}

                                {!! Form::mtextTags('telefonos', null, 'Otros Teléfonos', $errors, 6, false, true, [
                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                ]) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtextAr(
                                    'observaciones',
                                    isset($edit) ? $edit->cliente_direccion : null,
                                    'Observación Fija',
                                    $errors,
                                    6,
                                    false,
                                    false,
                                    'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                ) !!}
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn bg-success">Guardar</button>
                            <a class="btn bg-warning text-white" data-dismiss="modal" aria-label="Close">Cancelar</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!---Modal asociciones-->
    <div class="modal fade" id="modalAsociacion" role="dialog" aria-labelledby="modalAsociacionLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalAsociacionLabel">Agregar Entidad</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form role="form" id="formAsociacion">
                    <div class="clearfix"></div>
                    <div class="modal-body">
                        <div id="alerta"></div>

                        <div class="row col-md-12">
                            {!! Form::mtext('identificacion', null, 'Identificación', $errors, 6, false, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}

                            {!! Form::mtext('nombre', null, 'Nombre', $errors, 6, true, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}

                        </div>
                        <div class="row col-md-12">
                            {!! Form::mtext('siglas', null, 'Siglas', $errors, 6, true, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}

                            {!! Form::mtext('telefono', null, 'Teléfono Principal', $errors, 6, true, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}
                        </div>
                        <div class="row col-md-12">
                            {!! Form::mtext('email', null, 'Correo Electrónico', $errors, 6, true, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}

                            {!! Form::mtext('direccion', null, 'Dirección', $errors, 6, false, true, [
                                ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                            ]) !!}
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn bg-success">Guardar</button>
                        <a class="btn bg-warning text-white" data-dismiss="modal" aria-label="Close">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>
    <!--Modal tarjeta-->
    <div class="modal fade" id="modalTarjeta" role="dialog" aria-labelledby="modalTarjetaLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalTarjetaLabel">Agregar Tarjeta</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form role="form" id="formTarjeta">
                    <div class="clearfix"></div>
                    <div class="modal-body">
                        <div id="alerta"></div>
                        <form role="form" id="valTarjeta">
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="sede" class="form-label">Emisor de Tarjeta</label>
                                    {!! Form::select('cliente_tarjeta_franquicia_tarjeta_id', $franquicias_tarjeta, '', [
                                        'id' => 'cliente_tarjeta_franquicia_tarjeta_id',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                        'onclick' => 'card_maxleng()',
                                    ]) !!}
                                </div>
                                {!! Form::mtext('numero', null, 'Numero', $errors, 6, true, true, [['maxlength' => '16']]) !!}

                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext('titular', null, 'Tarjeta Habiente', $errors, 6, false, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}

                                @if (auth()->user()->hasPermissionTo('habilita_BancoPopular'))                                    
                                    <div class="col-6">
                                        <label for="recibe" class="form-label">¿Es cuenta del Banco Popular?</label><br>
                                        <!--<input type="checkbox" id="es_banco_popular" name="es_banco_popular" data-off="No" data-on="Si" data-toggle="toggle" data-onstyle="primary" data-offstyle="danger" onchange="accion_bank(this)">-->

                                        <input type="checkbox" id="es_banco_popular" name="es_banco_popular" data-off="No"
                                            data-on="Si" data-toggle="toggle" data-onstyle="primary"
                                            data-offstyle="danger" disabled>
                                    </div>
                                @endif
                            </div>
                            <div id="banco_privado" class="row col-md-12" style="display:none">
                                <div class="col-6">
                                    <label for="tarjeta_banco" class="form-label">BANCO PRIVADO</label>
                                    <input type="hidden" name="">

                                    {!! Form::select('tarjeta_banco', $entidades_bancarias, '0', [
                                        'id' => 'tarjeta_banco',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}

                                </div>
                                <div class="col-6">
                                    <div class="row">
                                        <label for="tarjeta_mes" class="form-label">Fecha de Vencimiento(Mes/Año)</label>
                                        <div class="col-6">
                                            {!! Form::select('tarjeta_mes', $meses, null, ['id' => 'tarjeta_mes', 'class' => 'form-control', 'placeholder' => 'Seleccione']) !!}
                                        </div>
                                        <div class="col-6">
                                            {!! Form::select('tarjeta_year', $years, null, ['id' => 'tarjeta_year', 'class' => 'form-control', 'placeholder' => 'Seleccione']) !!}
                                            <br>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row col-md-12">
                                <div class="col-6">
                                    <label for="tarjeta_estado" class="form-label">Estado</label>
                                    {!! Form::select('tarjeta_estado', ['1' => 'Activo', '0' => 'Inactivo'], '1', [
                                        'id' => 'tarjeta_estado',
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                    ]) !!}
                                </div>

                            </div>
                    </div>
                    <div class="modal-footer text-center">
                        <button type="submit" class="btn bg-success text-white"><i class="fa fa-save"></i> Agregar
                            Tarjeta</button>
                        <a class="btn bg-warning text-white" data-dismiss="modal" aria-label="Close">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>
@endsection
@section('script')
    <script>
        

        function goBack(){
            window.history.back();
        }
        function addYears() {

            let textYears = document.getElementById('contrato_incremento_exclude_anos').value;
            textYears = textYears.split(',');

            let fechaHoy = new Date().toISOString().split('T')[0];

            let yearInitContract = new Date(document.getElementById('contrato_fecha_inicial').value);



            var plusTwoYears = new Date(yearInitContract.setFullYear(yearInitContract.getFullYear() + textYears.length));
            plusTwoYears = new Date(plusTwoYears).toISOString().slice(0, 10)
            document.querySelector("#contrato_proxima_fecha_incremento").value = plusTwoYears;
            console.log(plusTwoYears)


        }
        var html = '';
        var textLabel = document.getElementById('idMsjCliente');


        function accion_bank(checkboxElem) {

            if (checkboxElem.checked) {

                $('#banco_privado').hide()
                //inputSubalterno.style.display = 'block';
            } else {
                $('#banco_privado').show()
            }

        }

        function buscar(tipo) {
            var combo = document.getElementById("cliente");
            var selected = combo.options[combo.selectedIndex].text;
            var letrs = selected.replace(/\d/g, "");
            console.log({
                letrs
            })
            document.getElementById('titular').value = letrs
        }



        function validarDocumento() {

            var textDocumento = $('#documento').val();
            let body = {
                "_token": "{{ csrf_token() }}",
                "documento": textDocumento
            }
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'ajax/cliente/validar/documento' }}",
                data: body,
                success: function(res) {
                    if (res != '') {
                        html =
                            `El documento que acaba de ingresar <strong>${textDocumento}</strong>,ya se encuentra registrado en la base de datos con el nombre de cliente <strong>${res.cliente_nombres} ${res.cliente_apellido1} ${res.cliente_apellido2}</strong>`;
                        textLabel.style.display = 'block';
                        textLabel.innerHTML = html;
                        $('#documento').val('');
                        return true;
                    } else {
                        textLabel.style.display = 'none';
                        return false;
                    }
                },
                dataType: "json"
            });
        }

        function card_maxleng() {
            var type_car = $('#cliente_tarjeta_franquicia_tarjeta_id').val();
            var max_card = type_car.split('_');
            var data_numero = document.getElementById('numero');
            data_numero.maxLength = Number(max_card[1]);
            data_numero.value = '';
        }

        function buscar_fecha_inicial() {

            var frm_entidad_id = $('#contrato_forma_pago_cliente_entidad_id').val();
            if (frm_entidad_id != '') {
                console.log("Ejecuta")
                $.ajax({
                    type: "POST",
                    url: "{{ asset('') . 'contrato/opciones/ajax' }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        opcion: 'buscar_fecha',
                        id_entidad: Number(frm_entidad_id)
                    },
                    success: function(res) {
                        
                        let fecha_cobro = null;
                        /* validate  res.fechaPrimerPago el dia ya paso sumarle 1 mes */
                        let fechaPrimerPago = new Date(res.fechaPrimerPago);
                        let fechaHoy = new Date();
                        if (fechaPrimerPago < fechaHoy) {
                            fechaPrimerPago.setMonth(fechaPrimerPago.getMonth() + 1);
                            fecha_cobro = fechaPrimerPago.toISOString().split('T')[0];
                        } else {
                            fecha_cobro = res.fechaPrimerPago;
                        }

                        $('#fecha_primer_cobro').val(fecha_cobro);
                        $('#contrato_dia_pago').val(res.diaPago);

                    },
                    dataType: "json"
                });
            }

        }

        function buscar_asociacion() {
            console.log('buscar_asociacion');
            var frm_entidad = '{{ isset($edit) ? $edit->contrato_forma_pago_cliente_entidad_id : null }}';
            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'contrato/opciones/ajax' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    opcion: 'buscar_entidad',
                    id_entidad: Number(frm_entidad)
                },
                success: function(res) {

                    document.getElementById("contrato_forma_pago_cliente_entidad_id").options[document
                            .getElementById("contrato_forma_pago_cliente_entidad_id").options.length] =
                        new Option((res.cliente_entidad_documento + ' ' + res.cliente_entidad_nombre), res
                            .cliente_entidad_id);
                  //  $('#contrato_forma_pago_cliente_entidad_id').val(res.cliente_entidad_id).change();
                  /* select #contrato_forma_pago_cliente_entidad_id .val(res.cliente_entidad_id) */
                    $('#contrato_forma_pago_cliente_entidad_id').val(res.cliente_entidad_id).append();
                    
                },
                dataType: "json"
            });
            // buscar_fecha_inicial();
        }

        function buscar_tarjetas_cliente() {
            console.log('buscar_tarjetas_cliente');
            var combo = document.getElementById("cliente");
            let con = $('#cliente').val()
            var frm_cliente = combo.value;
            var frm_tipo_pago = document.getElementById('contrato_forma_pago_tarjeta_id');
            var frm_forma_pago = $('#contrato_forma_pago_id').select2().val();
            console.log(Number(frm_forma_pago))
            if (frm_cliente != '' && Number(frm_forma_pago) == 2) {

                var selected = combo.options[combo.selectedIndex].text;
                var newData = selected.split(' ');
                var newNameClient = '';
                for (var i = 1; i < newData.length; i++) {
                    newNameClient += newData[i] + ' ';
                }
                $('#titular').val(newNameClient);
                frm_tipo_pago.disabled = false;

                // Obtener el elemento select
                var selectElement = document.getElementById("contrato_forma_pago_tarjeta_id");

                // Guardar el valor previamente seleccionado
                var selectedValue = selectElement.value;

                // Limpiar opciones anteriores
                selectElement.innerHTML = "";

                // Agregar la opción "Cargando"
                var loadingOption = new Option("Cargando...", "");
                selectElement.appendChild(loadingOption);

                $.ajax({
                    type: "POST",
                    url: "{{ asset('') . 'contrato/opciones/ajax' }}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        opcion: 'buscar_tarjetas',
                        id_cliente: Number(con)
                    },
                    success: function(res) {
                        // Limpiar opciones anteriores
                        selectElement.innerHTML = "";

                        // Agregar la opción "Seleccionar" al principio
                        var selectOption = new Option("Seleccionar", "");
                        selectElement.appendChild(selectOption);

                        // Recorrer el array de opciones nuevas (res)
                        for (var i = 0; i < res.length; i++) {
                            // Crear una nueva opción
                            var option = new Option(res[i].texto, res[i].cliente_tarjeta_id);

                            // Agregar la opción al elemento select
                            selectElement.appendChild(option);
                        }

                        // Establecer el valor seleccionado
                        var tarjetaValue = "{{ $tarjeta ?? null }}"; // Obtener el valor de PHP
                        if (tarjetaValue) {
                            selectElement.value = tarjetaValue;
                        } else if (selectedValue) {
                            selectElement.value = selectedValue;
                        } else {
                            // Si no había una opción seleccionada previamente y no hay valor de tarjeta, seleccionar la opción "Seleccionar"
                            selectElement.value = "";
                        }
                    },
                    dataType: "json"
                });
            }
        }


        function buscar_vendedor() {
            console.log('buscar_vendedor');

            let con = $('#contrato_id').val()
            console.log(con);

            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'contrato/opciones/ajax' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    opcion: 'buscar_vendedor',
                    contrato_id: Number(con)
                },
                success: function(res) {

                    console.log(res[0])
                    document.getElementById("contrato_empleado_id").options[document.getElementById(
                        "contrato_empleado_id").options.length] = new Option(res[0].texto, res[0]
                        .empleado_id);
                    /*  document.getElementById("contrato_novedad_empleado").options[document.getElementById("contrato_novedad_empleado").options.length]=new Option(res[0].texto,res[0].empleado_id); */
                    $('#contrato_empleado_id').val(res[0].empleado_id).append();
                    /* $('#contrato_novedad_empleado').val(res[0].empleado_id).append(); */


                },
                dataType: "json"
            });


        }
        $(document).ready(function() {
            $('#banco_privado').show()
            let fechaHoy = new Date().toISOString().split('T')[0];
            let contrato_fecha_inicial = document.getElementById('contrato_fecha_inicial').setAttribute('max', fechaHoy);
            let contrato_novedad_fecha = document.getElementById('contrato_novedad_fecha').setAttribute('max', fechaHoy);

            /* contrato_dia_pago min value 1 */
            let contrato_dia_pago = document.getElementById('contrato_dia_pago').setAttribute('min', 1);

            buscar_vendedor()

            //$('#banco_privado').show()

            set_forma_pago()

            $('.select2').select2();
            $('#sede').select2();
            $('#contrato_forma_pago_tarjeta_id').select2();

            $('#contrato_forma_pago_id').change(() => {
                set_forma_pago()
            })

            $('#contrato_forma_pago_cliente_entidad_id').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'contrato/entidades/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }
                        console.log(query);
                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            $('#contrato_forma_pago_cliente_entidad_id').change(() => {
                if ($('#contrato_forma_pago_cliente_entidad_id').val() != '')
                    console.log($('#contrato_forma_pago_cliente_entidad_id').val())
                buscar_fecha_inicial()

            })



            function set_forma_pago() {
                var seleccion = $('#contrato_forma_pago_id').val();
                console.log({
                    seleccion
                })
                switch (seleccion) {
                    case 1:
                    case '1':
                        $('#select_tarjeta').hide()
                        $('#select_asociacion').show()

                        $('#contrato_forma_pago_cliente_entidad_id').val('').change();
                        $('#contrato_forma_pago_tarjeta_id').val('').change();
                        buscar_asociacion();

                        break;
                    case 2:
                    case '2':
                        $('#select_asociacion').hide()
                        $('#select_tarjeta').show()

                        $('#contrato_forma_pago_cliente_entidad_id').val('').trigger('change')

                        var frm_val_cliente = document.getElementById('cliente');
                        var frm_select_tarjeta = document.getElementById('contrato_forma_pago_tarjeta_id');
                        console.log({
                            frm_select_tarjeta
                        })
                        buscar_tarjetas_cliente();


                        break;

                   /*  case 3:
                    case '3':
                        $("#contrato_forma_pago_id").val('3');
                    case 4:
                    case '4':
                        $("#contrato_forma_pago_id").val('4');
                    case 5:
                    case '5':
                        $("#contrato_forma_pago_id").val('5');    
 */
                    default:
                        $('#select_asociacion').hide()
                        $('#contrato_forma_pago_cliente_entidad_id').val('').trigger('change')

                        $('#select_tarjeta').hide()
                        $('#contrato_forma_pago_tarjeta_id').val('').trigger('change')
                        /* document.getElementById('fecha_primer_cobro').value = ""
                        document.getElementById('contrato_dia_pago').value = "" */
                        break;
                }
            }

            $('#novedad_actual').change(() => {
                let seleccion = $('#novedad_actual').select2().val()
                // alert(seleccion)
                /*  console.log(seleccion) */
                switch (seleccion) {
                    case '0':
                        $('#select_vendedor_div').hide()
                        $('#contrato_recuperar_div').show()
                        break;
                    case '1':
                       /*  $('#contrato_forma_pago_id').prepend(
                            '<option selected="true" value="0">Seleccione una opcion...</option>'); */
                        $('#select_tarjeta').hide()
                        $('#select_asociacion').hide()

                    case '2':
                    case '3':
                        $('#contrato_recuperar_div').hide()
                        $('#select_vendedor_div').show()
                        break;
                    default:
                        $('#contrato_recuperar_div').hide()
                        $('#select_vendedor').val('')

                        $('#select_vendedor_div').hide()
                        $('#contrato_recuperar').val('')
                        break;
                }
            })

            $("#es_banco_popular").change(function() {
                let es_popular = $(this).prop('checked')

                if (es_popular) {
                    $('#banco_privado').hide()
                } else {
                    $('#banco_privado').show()
                }
            })


            $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });



            $('#contrato_empleado_id').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            $('#contrato_novedad_empleado').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

            //Initialize Select2 Elements
            /* contrato_entidad_id
            contrato_empleado_id
            contrato_fecha_inicial
            contrato_forma_pago_id
            contrato_modalidad_cobro_id
            fecha_primer_cobro
            contrato_dia_pago
             */
            //Validar datos del contrato
            $('#frmContratos').validate({
                rules: {
                    cliente: {
                        required: true
                    },
                    contrato_entidad_id: {
                        required: true
                    },
                    contrato_empleado_id: {
                        required: true
                    },
                    contrato_fecha_inicial: {
                        required: true
                    },
                    contrato_forma_pago_id: {
                        required: true
                    },
                    contrato_modalidad_cobro_id: {
                        required: true
                    },
                    fecha_primer_cobro: {
                        required: true
                    },
                    contrato_dia_pago: {
                        required: true
                    },
                },
                messages: {
                    cliente: {
                        required: "Campo cliente es requerido"
                    },
                    contrato_entidad_id: {
                        required: "Campo sede es requerido"
                    },
                    contrato_empleado_id: {
                        required: "Campo vendedor es requerido"
                    },
                    contrato_fecha_inicial: {
                        required: "Campo fecha inicial es requerido"
                    },
                    contrato_forma_pago_id: {
                        required: "Campo forma de pago es requerido"
                    },
                    contrato_modalidad_cobro_id: {
                        required: "Campo modalidad de cobro es requerido"
                    },
                    fecha_primer_cobro: {
                        required: "Campo fecha primer cobro es requerido"
                    },
                    contrato_dia_pago: {
                        required: "Campo dia de pago 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');
                }
            });

            $('#valTarjeta').validate({
                rules: {
                    numero: {
                        required: true
                    },
                },
                messages: {
                    numero: {
                        required: "Campo numero 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');
                }
            });
            //Validar datos de la asocicacion
            $('#formAsociacion').validate({
                rules: {
                    nombre: {
                        required: true
                    },
                    siglas: {
                        required: true
                    },
                    email: {
                        required: true
                    },
                    direccion: {
                        required: true
                    }
                },
                messages: {
                    nombre: {
                        required: "Campo nombre es requerido"
                    },
                    siglas: {
                        required: "Campo siglas es requerido"
                    },
                    email: {
                        required: "Campo email es requerido"
                    },
                    direccion: {
                        required: "Campo direccion 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');
                }
            });
        });


        $('#formAsociacion').submit((e) => {
            e.preventDefault();
            var frm_identificacion = $('#identificacion').val();
            var frm_nombre = $('#nombre').val();
            var frm_siglas = $('#siglas').val();
            var frm_telefono = $('#telefono').val();
            var frm_email = $('#email').val();
            var frm_direccion = $('#direccion').val();

            if (
                frm_nombre != '' &&
                frm_siglas != '' &&
                frm_telefono != '' &&
                frm_email != '' &&
                frm_direccion != ''
            ) {
                let body = {
                    identificacion: frm_identificacion,
                    nombre: frm_nombre,
                    siglas: frm_siglas,
                    telefono: frm_telefono,
                    email: frm_email,
                    direccion: frm_direccion,
                };

                $.ajax({
                    type: "POST",
                    url: "{{ asset('') }}" + 'asociacion/save/modal/',
                    data: {
                        "_token": "{{ csrf_token() }}",
                        body,
                    },
                    success: function(res) {
                        console.log(res);
                        document.getElementById("contrato_forma_pago_tarjeta_id").options[document
                                .getElementById("contrato_forma_pago_tarjeta_id").options.length] =
                            new Option(res.cliente_entidad_nombre, res.cliente_entidad_id);
                        $('#contrato_forma_pago_tarjeta_id').val(res.cliente_entidad_id).append();
                        $('#modalAsociacion').modal('hide');
                        Swal.fire(
                            'Alerta',
                            'Registro almacenado con éxito!',
                            'success'
                        )
                    },
                    dataType: "json"
                });
                return
            }

        })

        $('#formTarjeta').submit((e) => {
            e.preventDefault()

            var combo = document.getElementById("cliente_tarjeta_franquicia_tarjeta_id");
            var selected = combo.options[combo.selectedIndex].text;

            var type_car = combo.value;
            var max_card = type_car.split('_');

            let body = {
                cliente_tarjeta_franquicia_tarjeta_id: max_card[0],
                numero: $('#numero').val(),
                titular: $('#titular').val(),
                tarjeta_banco: $('#tarjeta_banco').val(),
                es_banco_popular: $('#es_banco_popular').val(),
                tarjeta_mes: $('#tarjeta_mes').val(),
                tarjeta_year: $('#tarjeta_year').val(),
                tarjeta_estado: $('#tarjeta_estado').val()
            }

            let cliente_id = $('#cliente').val()

            if (!cliente_id) {
                $('#modalTarjeta').modal('hide');
                Swal.fire(
                    'Alerta',
                    'Debe seleccionar un cliente para poder agregar una tarjeta!',
                    'error'
                );

                return
            }
            if ($('#numero').val().length != Number(max_card[1])) {
                $('#modalTarjeta').modal('hide');
                Swal.fire(
                    'Alerta',
                    'Verifique la longitud del numero de tarjeta ingresado. Para el emisor seleccionado ("' +
                    selected + '") debe tener un mínimo de ' + Number(max_card[1]) + ' y un maxímo de ' +
                    Number(max_card[1]) + ' digitos.',
                    'error'
                );

                return
            }

            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'modal/tarjetas/' }}" + cliente_id,
                data: {
                    "_token": "{{ csrf_token() }}",
                    cliente_tarjeta_franquicia_tarjeta_id: max_card[0],
                    numero: $('#numero').val(),
                    titular: $('#titular').val(),
                    tarjeta_banco: $('#tarjeta_banco').val(),
                    es_banco_popular: $('#es_banco_popular').val(),
                    tarjeta_mes: $('#tarjeta_mes').val(),
                    tarjeta_year: $('#tarjeta_year').val(),
                    tarjeta_estado: $('#tarjeta_estado').val()
                },
                success: function(res) {
                    document.getElementById("contrato_forma_pago_tarjeta_id").options[document
                            .getElementById("contrato_forma_pago_tarjeta_id").options.length] =
                        new Option(res.cliente_tarjeta_numero + ' - ' + res.cliente_tarjeta_banco_name +
                            ' - ' + res.cliente_tarjeta_titular, res
                            .cliente_tarjeta_id);

                    $('#contrato_forma_pago_tarjeta_id').val(res.cliente_tarjeta_id).append();
                    $('#modalTarjeta').modal('hide');
                    Swal.fire(
                        'Alerta',
                        'Registro almacenado con éxito!',
                        'success'
                    )
                },
                dataType: "json"
            });
            return
        })

        $('#quickForm').validate({
            rules: {
                tipo_identificacion: {
                    required: true,
                },
                documento: {
                    required: true,
                },
                nombres: {
                    required: true,
                },
                paterno: {
                    required: true,
                },
                fecha_nacimiento: {
                    required: true,
                },
            },
            messages: {
                tipo_identificacion: {
                    required: "El campo tipo de indentificación es requerido.",
                },
                documento: {
                    required: "El campo documento es requerido.",
                },
                nombres: {
                    required: "El campo nombres es requerido.",
                },
                paterno: {
                    required: "El campo primer apellido es requerido.",
                },
                fecha_nacimiento: {
                    required: "El campo fecha de nacimiento 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) {
                var celular = $('#celular').val();
                var telefonos = $('#telefonos').val();
                if (celular == '' && telefonos == '') {
                    html = 'Debe ingresar un número celular o de teléfono.';
                } else {
                    html = '';
                }
                if (html != '') {
                    textLabel.style.display = 'block';
                    textLabel.innerHTML = html;
                } else {
                    textLabel.style.display = 'none';
                    saveCliente();
                }

            }
        });

        function saveCliente() {
            console.log("{{ asset('') . 'empleado/save/modal' }}");
            var sede = $('#sede_perteneciente').val();
            var tipo_identificacion = $('#tipo_identificacion').val();
            var documento = $('#documento').val();
            var nombres = $('#nombres').val();
            var paterno = $('#paterno').val();
            var materno = $('#materno').val();
            var sexo = $('#sexo').val();
            var fecha_nacimiento = $('#fecha_nacimiento').val();
            var celular = $('#celular').val();
            var telefonos = $('#telefonos').val();
            var observaciones = $('#observaciones').val();

            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'cliente/data/save/ajax' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    sede: sede,
                    tipo: tipo_identificacion,
                    documento: documento,
                    nombres: nombres,
                    paterno: paterno,
                    materno: materno,
                    sexo: sexo,
                    fecha: fecha_nacimiento,
                    celular: celular,
                    telefonos: telefonos,
                    observaciones: observaciones
                },
                success: function(res) {
                    console.log(res);
                    document.getElementById("cliente").options[document.getElementById("cliente").options
                        .length] = new Option(res.data.nombre, res.data.id);
                    $('#cliente').val(res.data.id).append();
                    $('#staticModal').modal('hide');
                    Swal.fire(
                        'Alerta',
                        'Registro almacenado con éxito!',
                        'success'
                    )
                },
                dataType: "json"
            });
        }

        $('input[data-toggle="toggle"]').change(function() {
  $(this).prop('checked') ?
   ( $(this).attr('checked', 'checked'), $('#toggle-demo').bootstrapToggle('on') ):
    ($(this).removeAttr('checked'), $('#toggle-demo').bootstrapToggle('off'));
});

        /* let dato_valor = "{{ isset($edit) ? $edit->contrato_forma_pago_tarjeta_id : null }}";
         console.log('dato_valor'+dato_valor);
         $('#contrato_forma_pago_tarjeta_id').val(dato_valor).change();*/
    </script>
@endsection