@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-users"></i>&nbsp;<a class="parent-item" href="{{ url('/empleados') }}">Listado
                                de Empleados</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Empleado - {{ 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>Empleado
                                -{{ isset($edit) ? 'Actualizar (' . $edit->empleado_nombres . ' ' . $edit->empleado_apellido1 . ' ' . $edit->empleado_apellido2 . ')' : 'Nuevo' }}
                            </header>
                        </div>
                        @if (isset($edit))
                            {!! Form::model($edit, [
                                'url' => ['empleado/actualizar/' . $edit->empleado_id],
                                'method' => 'PATCH',
                                'enctype' => 'multipart/form-data',
                                'id' => 'frmEmpleados',
                            ]) !!}
                        @else
                            {!! Form::open([
                                'url' => 'empleado',
                                'method' => 'POST',
                                'enctype' => 'multipart/form-data',
                                'role' => 'form',
                                'id' => 'frmEmpleados',
                            ]) !!}
                        @endif
                        <div class="card-body">
                            <div class="row mb-1 col-md-12">
                                @php
                                    $resSedes = isset($edit) ? explode(',', str_replace(']', '', str_replace('[', '', str_replace('"', '', $edit->empleado_entidad_id)))) : session()->get('data_entidad')->entidad_id;

                                @endphp
                                {!! Form::mselectMult('sede', $sede, $resSedes, 'Sede de Pertenencia', $errors, 6) !!}

                                {!! Form::mtext(
                                    'documento',
                                    isset($edit) ? $edit->empleado_documento : null,
                                    'Documento',
                                    $errors,
                                    6,
                                    true,
                                    true,
                                    [['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;']],
                                ) !!}

                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext('nombre', isset($edit) ? $edit->empleado_nombres : null, 'Nombre', $errors, 6, true, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}

                                {!! Form::mtext(
                                    'paterno',
                                    isset($edit) ? $edit->empleado_apellido1 : null,
                                    'Primer Apellido',
                                    $errors,
                                    6,
                                    true,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext(
                                    'materno',
                                    isset($edit) ? $edit->empleado_apellido2 : null,
                                    'Segundo Apellido',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}


                                {!! Form::mEmail('email', isset($edit) ? $edit->empleado_email : null, 'Email', $errors, 6, true, true) !!}
                            </div>

                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect('sexo', $sexo, isset($edit) ? $edit->empleado_sexo : null, 'Sexo', $errors, 6) !!}

                                {!! Form::mselect(
                                    'estado_civil',
                                    $estado_civil,
                                    isset($edit) ? $edit->empleado_estado_civil : null,
                                    'Estado Civil',
                                    $errors,
                                    6,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext(
                                    'nacionalidad',
                                    isset($edit) ? $edit->empleado_nacionalidad : null,
                                    'Nacionalidad',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}

                                {!! Form::mDate(
                                    'fecha_nacimiento',
                                    isset($edit) ? $edit->empleado_fecha_nacimiento : null,
                                    'Fecha de Nacimiento',
                                    $errors,
                                    6,
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect(
                                    'localidad',
                                    $localidades,
                                    isset($edit) ? $edit->empleado_localidad_id : null,
                                    'Localidad',
                                    $errors,
                                    6,
                                ) !!}

                                {!! Form::mtextAr(
                                    'direccion',
                                    isset($edit) ? $edit->empleado_direccion : null,
                                    'Dirección',
                                    $errors,
                                    6,
                                    false,
                                    false,
                                    'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-md-2 mb-1">
                                    <div class="form-group">
                                        <label for="codigo_telefono_pais">Codigo Telefono</label>
                                        <select name="codigo_telefono_pais" id="codigo_telefono_pais"
                                            class="form-control select2">
                                            <option value="">Seleccione</option>
                                            @php
                                                $data = json_decode(file_get_contents(public_path('/js/CountryCodes.json')));
                                            @endphp
                                            @foreach ($data as $country)
                                                <option value="{{ $country->dial_code }}"
                                                    @if (@$edit->codigo_telefono_pais == $country->dial_code) selected='selected' @endif>
                                                    {{ $country->name }} ({{ $country->dial_code }})</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                {!! Form::mtext('celular', isset($edit) ? $edit->empleado_celular : null, 'Celular', $errors, 4, false, true, [
                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                ]) !!}
                                @php $telefonos =  isset($edit) ? str_replace(']','',str_replace('"]','',str_replace('"','',str_replace('["','',$edit->empleado_telefonos)))) : null; @endphp

                                {!! Form::mtextTags('telefonos', $telefonos, 'Otros Teléfonos', $errors, 6, false, true, [
                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                ]) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="salario_fijo" class="form-label">¿Tiene Salario Fijo?</label><br>
                                    <input type="checkbox" name="salario_fijo" id="salario_fijo" data-off="No"
                                        data-on="Si"
                                        {{ isset($edit) ? ($edit->empleado_salario_fijo ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger",
                                        onchange="accion_salario(this)">
                                </div>
                                @php
                                    $salario_base = isset($edit) ? ($edit->empleado_salario_fijo ? [''] : ['disabled']) : ['disabled'];
                                    $bonificacion = isset($edit) ? (!$edit->empleado_salario_fijo ? [''] : ['disabled']) : ['disabled'];
                                @endphp
                                {!! Form::mTextFormato(
                                    'salario_base',
                                    isset($edit) ? str_pad($edit->empleado_salario_base, 12, 0, STR_PAD_LEFT) : null,
                                    'Salario Base Fija',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [$salario_base],
                                    '₡ 999.999.999,99',
                                ) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mTextFormato(
                                    'bonificacion',
                                    isset($edit) ? $edit->empleado_salario_bonificacion : null,
                                    'Bonificación',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [$bonificacion],
                                    '₡ 999.999.999,99',
                                ) !!}

                                <div class="col-6">
                                    <label for="comisiones" class="form-label">¿Gana Comisión?</label><br>
                                    <input type="checkbox" name="comisiones" id="comisiones" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->empleado_gana_comision ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="subalterno" class="form-label">¿Tiene Subalternos?</label><br>
                                    <input type="checkbox" name="empleado_tiene_subalternos" id="subalterno" data-off="No"
                                        data-on="Si"
                                        {{ isset($edit) ? ($edit->empleado_tiene_subalternos ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"
                                        onchange="accion_subalterno(this)">
                                </div>

                                <div class="col-6">
                                    <div class="collapse multi-collapse mt-5" id="inputSubalterno">
                                        <select name="subalterno[]" id="selectSubalterno" class="form-control select2 multiple"
                                            onchange="" multiple="multiple" style="width: 100%;">
                                            @if(isset($edit) && isset($edit->subalterno))
                                                @foreach ($edit->subalterno as $subalterno)
                                                <option value="{{ $subalterno->empleado_id }}" selected>
                                                    {{ $subalterno->empleado_nombres . ' ' . $subalterno->empleado_apellido1 }}
                                                </option>
                                            @endforeach
                                            @endif
                                            @foreach ($usuarios as $usuario)
                                                <option value="{{ $usuario->empleado_id }}"
                                                >{{$usuario->empleado_nombres.' '.$usuario->empleado_apellido1 }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mNumber(
                                    'meta_mes',
                                    isset($edit) ? $edit->cli_en_con_rec_dia_corte : null,
                                    'Meta de Ventas Mes',
                                    $errors,
                                    6,
                                    false,
                                ) !!}
                                <div class="col-6">
                                    <label for="sin_meta" class="form-label">Comisiona sin meta de subalterno</label><br>
                                    <input type="checkbox" name="sin_meta" id="sin_meta" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->empleado_meta_mes ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="gestor_carrera" class="form-label">¿Es gestor de carteras?</label><br>
                                    <input type="checkbox" name="gestor_carrera" id="gestor_carrera" data-off="No"
                                        data-on="Si"
                                        {{ isset($edit) ? ($edit->empleado_es_gestor_cartera ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                                @php
                                    $recordatorio = isset($edit) ? explode(',', str_replace(']', '', str_replace('[', '', str_replace('"', '', $edit->empleado_ver_recordatorios_de)))) : null;
                                @endphp
                                {!! Form::mselectMult('recordatorios', $recordatorios, $recordatorio, 'Ver recordatorios de', $errors, 6) !!}
                                <input type="hidden" name="haveCRM" id="crmHave" value="0">
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h3>Departamentos Asociados</h3>
                                            <hr>
                                            <h4 class="text-danger">
                                                * Para guardar los cambios click en el boton
                                                <b>{{ isset($edit) ? 'Actualizar' : 'Nuevo' }} Usuario</b>
                                            </h4>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-bordered table-striped">
                                                <thead>
                                                    <th>Departamentos</th>
                                                    <th>Puestos</th>
                                                    <th>Accesos</th>
                                                    <th>Acciones</th>

                                                </thead>
                                                <tbody id="loadData">
                                                    <tr>
                                                        <td style="width: 30%;">
                                                            <select id="departamento" onchange="busqueda(this)"
                                                                name="departamentos" class="select2 form-control">
                                                                <option value="">Seleccione</option>
                                                                @foreach ($departamentos as $d)
                                                                    <option data-crm="{{ $d->departamento_valido_crm }}"
                                                                        value="{{ $d->departamento_id }}">
                                                                        {{ $d->departamento_nombre }}

                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </td>
                                                        <td style="width: 30%;">
                                                            <select class="form-control select2" name="puestos"
                                                                id="puesto"></select>
                                                        </td>
                                                        <td style="width: 30%;" id="loadAccess">
                                                            --
                                                        </td>
                                                        <td style="width: 10%;"><button type="button" id="add_detalle"
                                                                class="btn btn-success">Agregar</i></button></td>
                                                        {{-- <td>
                                                            <input type="checkbox" name="" id="haveCRM" checked>
                                                        </td> --}}
                                                    </tr>
                                                    @if (!empty(@$asociados) > 0)
                                                        @foreach ($asociados as $asociado)
                                                            @php
                                                                $accesos = [];

                                                                if ($asociado->acceso_gerente) {
                                                                    $accesos[0] = 'acceso_gerente';
                                                                }

                                                                if ($asociado->acceso_supervisor) {
                                                                    $accesos[1] = 'acceso_supervisor';
                                                                }

                                                                if ($asociado->acceso_gestor) {
                                                                    $accesos[2] = 'acceso_gestor';
                                                                }

                                                                if ($asociado->administrador) {
                                                                    $accesos[3] = 'administrador';
                                                                }
                                                            @endphp
                                                            <tr>
                                                                <td>
                                                                    <input type='hidden' name='departamentos[]'
                                                                        value='{{ $asociado->departamento_id }}' />
                                                                    {{ $asociado->departamento_nombre }}
                                                                </td>
                                                                {{--   @dump($asociado->puesto_id) --}}
                                                                @if ($asociado->puesto_id)
                                                                    <td>
                                                                        <input type='hidden' name='puestos[]'
                                                                            value='{{ $asociado->puesto_id }}' />{{ $asociado->puesto_nombre }}
                                                                    </td>
                                                                @else
                                                                    <td>
                                                                        <input type='hidden' name='puestos[]' />No
                                                                        asignado
                                                                    </td>
                                                                @endif

                                                                <td>
                                                                    <input type="hidden" name="accesos[]"
                                                                        value="{{ implode(',', $accesos) }}">{{ implode(',', $accesos) }}

                                                                </td>

                                                                <td>
                                                                    <button type='button'
                                                                        class='btn btn-danger delete-row'
                                                                        id="btnBorrar">Borrar</button>
                                                                </td>


                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            @if ($grupo)
                                <input type="hidden" name="grupoHave" value={{ 1 }} id="grupoHave">
                            @else
                                <input type="hidden" name="grupoHave" value={{ 0 }} id="grupoHave">
                            @endif

                            <div class="row" id="showGrupos">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="">Grupos vendedores:</label>
                                        <select name="grupo_id" style="width: 100%;" class="select2" id="grupo_id"
                                            class="form-control" required>
                                            <option value="">Selecciona un grupo para tu vendedor</option>
                                            @foreach ($grupos as $grupo)
                                                <option value="{{ $grupo->id }}"
                                                    @if (@$edit->grupo_id == $grupo->id) selected='selected' @endif>
                                                    {{ $grupo->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="requiere_usuario" class="form-label">¿Requiere Usuario?</label><br>
                                    <input type="checkbox" name="requiere_usuario" id="requiere_usuario" data-off="No"
                                        data-on="Si" {{ isset($edit) ? ($edit->usuario != '' ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"
                                        onchange="accion_usuario(this)">
                                </div>
                            </div>
                            <div class="collapse multi-collapse {{ isset($edit) ? ($edit->usuario != '' ? 'show' : '') : '' }}"
                                id="panel_usuario">
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mtext(
                                        'usuario',
                                        isset($edit) ? ($edit->usuario != '' ? $edit->usuario->username : null) : null,
                                        'Nombre de Usuario',
                                        $errors,
                                        6,
                                        true,
                                        true,
                                        [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                    ) !!}

                                    {!! Form::mselect(
                                        'perfil',
                                        $roles,
                                        isset($edit) ? ($edit->usuario != '' ? $edit->usuario->user_rol->rol->name : null) : null,
                                        'Perfil de Usuario',
                                        $errors,
                                        6,
                                        true,
                                    ) !!}

                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mpassword('password', isset($edit) ? $edit->cliente_nacionalidad : null, 'Contraseña', $errors, 6) !!}

                                    {!! Form::mpassword(
                                        'password_confirmation',
                                        isset($edit) ? $edit->cliente_nacionalidad : null,
                                        'Confirmar Contraseña',
                                        $errors,
                                        6,
                                    ) !!}
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                <button type="submit" class="btn bg-success"
                                    id="btnValid">{{ isset($edit) ? 'Actualizar' : 'Nuevo' }} usuario</button>
                                <a class="btn bg-danger" href="{{ url('empleados') }}">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            let rutaActual = '{{ Route::currentRouteName () }}';
            console.log(rutaActual);
            if(rutaActual==='empleado.create'){
                $('#subalterno').val('off');
            }else if(rutaActual==='empleado.edit'){
                let dataSubalterno = @json(isset($edit->subalterno)? $edit->subalterno:[]);
                console.log(dataSubalterno.length);
                 if(dataSubalterno.length > 0){
                    $('#inputSubalterno').collapse('show');
                 }
            }

            /* document.getElementById('btnValid').disabled = true; */
            let haveGrupo = document.getElementById('grupoHave').value;


            if (parseInt(haveGrupo) === 1) {
                document.getElementById('showGrupos').style.display = 'block';
            } else {

                document.getElementById('showGrupos').style.display = 'none';
            }
        });

        /*    document.getElementById('haveCRM').style.display = 'none'; */
        function accion_salario(checkboxElem) {
            var inputSalario = document.getElementById('salario_base');
            var inputBonificacion = document.getElementById('bonificacion');
            if (checkboxElem.checked) {
                inputSalario.removeAttribute('disabled');
                inputBonificacion.setAttribute('disabled', '');
            } else {
                inputSalario.setAttribute('disabled', '');
                inputBonificacion.removeAttribute('disabled');
            }
        }

        function accion_subalterno(checkboxElem) {
            var inputSubalterno = document.getElementById('inputSubalterno');
            console.log(checkboxElem.checked)
            if (checkboxElem.checked) {
                $('#inputSubalterno').collapse('show');
            } else {
                $('#inputSubalterno').collapse('hide');
            }
        }

        function accion_usuario(checkboxElem) {
            var inputSubalterno = document.getElementById('inputSubalterno');
            if (checkboxElem.checked) {
                $('#panel_usuario').collapse('show');
            } else {
                $('#panel_usuario').collapse('hide');
            }
        }

        function busqueda(e) {

            var id_departamento = $('#departamento').val();
            let haveCrm = e.options[e.selectedIndex].getAttribute("data-crm");



            if (id_departamento != '') {
                var url = "{{ URL::asset('puestos/lista/ajax/') }}" + "/" + id_departamento;
                $.get(url, function(res) {
                    var obj = $.parseJSON(res);
                    document.getElementById('puesto').innerHTML = "";
                    document.getElementById("puesto").options[document.getElementById("puesto").options.length] =
                        new Option('Seleccionar', ' ');
                    if (obj.length > 0) {
                        for (i = 0; i < obj.length; i++) {
                            document.getElementById("puesto").options[document.getElementById("puesto").options
                                .length] = new Option(obj[i]['puesto_nombre'], obj[i]['puesto_id']);
                        }
                    }
                });


                if (haveCrm == 1) {

                    document.getElementById('crmHave').value = 1;

                    let values = ["acceso_gerente", "acceso_supervisor", "acceso_gestor", "administrador"];
                    let labels = ["Acceso Gerente", "Acceso Supervisor", "Acceso Gestor", "Administrador"];
                    let html = "<select class='form-control select2' id='accesss' multiple='multiple' >";
                    for (let i = 0; i < values.length; i++) {
                        let name =
                            html += "<option value='" + values[i] + "'>" + labels[i] + "</option>";
                    }
                    html += "</select>";
                    $("#loadAccess").html(html);

                    /*  Swal.fire('Este Departamento accede al CRM', '','info') */
                    /*   document.getElementById('showGrupos').style.display = 'block'; */

                } else {
                    $("#loadAccess").html("---");
                    /*  document.getElementById('haveCRM').style.display = 'none'; */
                    document.getElementById('crmHave').value = 0;
                }
            }
        }

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

            return existe;
        }

        function validatePuesto(puesto_id) {
            let puestos = $("input[name='puestos[]'");
            let existe = false;
            for (let i = 0; i < puestos.length; i++) {
                existe = true

            }

            return true;
        }

        $(document).ready(function() {
            $('#email').attr('autocomplete', 'off');


            $("body").on("click", "button.delete-row", function() {
                /* console.log($(this).parent().parent()); */
                $(this).parent().parent().remove();

            });

            $("#add_detalle").click(function() {
                /* document.getElementById('btnValid').disabled = false; */
                let access = $("#accesss").val();
                let departamento_id = $("#departamento").val();
                let departamento_text = $("#departamento option:selected").text();
                let crm = $("#departamento option:selected").attr("data-crm");
                // let crmId = $("#departamento option:selected").attr("data-id");
                let puesto_id = $("#puesto").val();
                let puesto_text = $("#puesto option:selected").text();
                let access_html = "<input type='hidden' name='accesos[]' value='nada' />";

                if (crm == "1") {
                    access_html = "<input type='hidden' name='accesos[]' value='" + access +
                        "' id='nuevo_accesso'/>" + access;

                }

               /*  console.log(access); */

               if(access){

                   if (access[1] === 'acceso_gestor' && access[0] === 'acceso_supervisor') {
                       return Swal.fire(
                           'Error!',
                           'El usuario no puede tener acceso vendedor y gestor a la vez',
                           'error'
                       );                   
                   }
               }


                if (departamento_text.trim() === 'DEPARTAMENTO DE VENTAS' && access[0] ===
                    'acceso_gestor') {
                    Swal.fire('Este Departamento accede al CRM', '', 'info')
                    document.getElementById('showGrupos').style.display = 'block';
                } else {
                    document.getElementById('showGrupos').style.display = 'none';
                }

                if (!departamento_id || !puesto_id) {
                    Swal.fire(
                        'Error!',
                        'Debes seleccionar un departamento y un Puesto!',
                        'error'
                    );

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

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



                    } else {
                        Swal.fire(
                            'Error!',
                            'El departamento que intenta agregar ya existe en la Lista!',
                            'error'
                        );
                    }

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

                }

                /*  if( puesto_id.trim().length === 0 ){
                     if(crm=="1"){
                             $("#loadData").append("<tr><td><input type='hidden' name='departamentos[]' value='"+departamento_id+"'/>"+departamento_text+"<span class='badge badge-info'>Este departamento accede al CRM</span></td><td><input type='hidden' name='puestos[]' value='"+puesto_id+"' />"+"No Asignado"+"</td><td>"+access_html+"</td><td><button type='button' class='btn btn-danger delete-row'>Borrar</button></td></tr>");
                         }else{
                             $("#loadData").append("<tr><td><input type='hidden' name='departamentos[]' value='"+departamento_id+"'/>"+departamento_text+"</td><td><input type='hidden' name='puestos[]' value='"+puesto_id+"' />"+"No Asignado"+"</td><td>"+access_html+"</td><td><button type='button' class='btn btn-danger delete-row'>Borrar</button></td></tr>");
                         }

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

                 } */



            });



            //Initialize Select2 Elements
            $('.select2').select2()

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

            $('#frmEmpleados').validate({
                rules: {
                    sede: {
                        required: true
                    },
                    documento: {
                        required: true
                    },
                    nombre: {
                        required: true
                    },
                    paterno: {
                        required: true
                    },
                    usuario: {
                        required: true
                    },
                    password: {
                        required: "{{ isset($edit) ? '1' : '0' }}" == "0" ? true : false,
                        minlength: 8
                    },
                    perfil: {
                        required: true
                    },
                    departamento: {
                        required: true
                    },
                    password_confirmation: {
                        minlength: 8,
                        equalTo: "#password"
                    }
                },
                messages: {
                    sede: {
                        required: "Campo sede de pertenencia es requerido"
                    },
                    documento: {
                        required: "Campo documento es requerido"
                    },
                    nombre: {
                        required: "Campo nombres es requerido"
                    },
                    paterno: {
                        required: "Campo primer apellido es requerido"
                    },
                    usuario: {
                        required: "Campo usuario requerido"
                    },
                    departamento: {
                        required: "Campo departamento requerido"
                    },
                    password: {
                        required: "Campo contraseña es requerido",
                        minlength: "minímo 8 caracteres"
                    },
                    password_confirmation: {
                        equalTo: "la confirmación no es correcta",
                        minlength: "minímo 8 caracteres"
                    },
                    perfil: {
                        required: "Campo perfil 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');
                }
            });
        });
    </script>
@endsection