@extends('adminlte::page')

@section('plugins.Datatables', true)
@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)
@section('plugins.inputmask', true)

@section('title', 'Intranet | Inventario de TI')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')

<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-9">

            <div class="card card-primary card-tabs">

                <div class="card-header p-0 pt-1">
                    <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Formulario</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Dispositivos</a>
                        </li>
                    </ul>
                </div>

                <form method="POST" action="{{ route('orden-de-compra.store') }}" id="formularioDeOrdenDeCompra" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Tipo de Dispositivo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoTipoDeDispositivo" name="tipo_dispositivo" data-live-search="true" onchange="realizarAccionSegunValorDeTipoDeDispositivo(this)">
                                            <option value="">--Seleccionar Tipo de Dispositivo--</option>
                                            @foreach ($tiposDeDispositivos as $tipoDeDispositivo)
                                                @if (old('tipo_dispositivo') == $tipoDeDispositivo)
                                                    <option selected value="{{ $tipoDeDispositivo }}">{{ $tipoDeDispositivo }}</option>
                                                @else
                                                    <option value="{{ $tipoDeDispositivo }}">{{ $tipoDeDispositivo }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoTipoDeDispositivo">
        
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="campoTipoIdentificador">Centro de Costo <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                        <input type="text" class="form-control" id="campoCentroCosto" name="centro_costo" value="{{old('centro_costo') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoCentroCosto">
        
                                        </div>
                                    </div>
                                    <input type="hidden" name="id_centro_costo" id="campoIdCentroCosto">
        
                                    <div class="form-group">
                                        <label>Marca</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoMarca" name="id_marca" data-live-search="true">
                                            <option value="">--Seleccionar Marca--</option>
                                            @foreach ($marcas as $marca)
                                                @if (old('id_marca') == $marca->id)
                                                    <option selected value="{{ $marca->id }}">{{ $marca->marca }}</option>
                                                @else
                                                    <option value="{{ $marca->id }}">{{ $marca->marca }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoMarca">
        
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Modelo</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoModelo" name="modelo" data-live-search="true">
                                            <option value="">--Seleccionar Modelo--</option>
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoModelo">
        
                                        </div>
                                    </div>
        
                                    <div class="form-group">
                                        <label>Estado</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoEstado" name="estado" data-live-search="true">
                                            <option value="">--Seleccionar Estado--</option>
                                            @foreach ($estados as $estado)
                                                @if (old('estado') == $estado)
                                                    <option selected value="{{ $estado }}">{{ $estado }}</option>
                                                @else
                                                    <option value="{{ $estado }}">{{ $estado }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoEstado">
        
                                        </div>
                                    </div>
        
                                    <div class="form-group">
                                        <label for="campoTipoIdentificador">Tipo de Identificador</label>
                                        <input type="text" class="form-control" id="campoTipoIdentificador" name="tipo_identificador" value="{{old('tipo_identificador') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoTipoIdentificador">
        
                                        </div>
                                    </div>
        
                                    <div class="form-group">
                                        <label for="campoNumeroIdentificador">Nro Identificador</label>
                                        <input type="text" class="form-control" id="campoNumeroIdentificador" name="numero_identificador" value="{{old('numero_identificador') }}" readonly="true">
                                        <div class="invalid-feedback" id="validacionCampoNumeroIdentificador">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoNumeroSeriePc" style="display: none;">
                                        <label for="campoNumeroSeriePc">Nro Serie (solo PC) <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                        <input type="text" class="form-control" id="campoNumeroSeriePc" name="numero_serie_pc" value="{{old('numero_serie_pc') }}">
                                        <div class="invalid-feedback" id="validacionCampoNumeroSeriePc">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoProcesador" style="display: none;">
                                        <label for="campoProcesador">Procesador </label>
                                        <input type="text" class="form-control" id="campoProcesador" name="procesador" value="{{old('procesador') }}">
                                        <div class="invalid-feedback" id="validacionCampoProcesador">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoRam" style="display: none;">
                                        <label for="campoRam">RAM</label>
                                        <input type="text" class="form-control" id="campoRam" name="ram" value="{{old('ram') }}">
                                        <div class="invalid-feedback" id="validacionCampoRam">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoTarjetaDeVideo" style="display: none;">
                                        <label for="campoTarjetaDeVideo">Tarjeta de Video</label>
                                        <input type="text" class="form-control" id="campoTarjetaDeVideo" name="tarjeta_video" value="{{old('tarjeta_video') }}">
                                        <div class="invalid-feedback" id="validacionCampoTarjetaDeVideo">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoDiscoDuro" style="display: none;">
                                        <label for="campoDiscoDuro">Disco Duro</label>
                                        <input type="text" class="form-control" id="campoDiscoDuro" name="disco_duro" value="{{old('disco_duro') }}">
                                        <div class="invalid-feedback" id="validacionCampoDiscoDuro">
        
                                        </div>
                                    </div>
    
                                    <div class="form-group" id="contenedorCampoNumeroAbodoTelefono" style="display: none;">
                                        <label for="campoNumeroAbodoTelefono">Nro Abo-do/Tel</label>
                                        <input type="text" class="form-control" id="campoNumeroAbodoTelefono" name="numero_abodo_telefono" value="{{old('numero_abodo_telefono') }}">
                                        <div class="invalid-feedback" id="validacionCampoNumeroAbodoTelefono">
        
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Tipo de Asignación de Trabajadores</label>
                                        <select class="form-control listaDespegableConBuscador" id="campoTipoAsignacionTrabajador" name="tipo_asignacion_trabajador" data-live-search="true">
                                            <option value="">--Seleccionar Tipo de Asignación de Trabajadores--</option>
                                            @foreach ($tiposDeAsignacionesDeTrabajadores as $tipoAsignacion)
                                                @if (old('tipo_asignacion_trabajador') == $tipoAsignacion)
                                                    <option selected value="{{ $tipoAsignacion }}">{{ $tipoAsignacion }}</option>
                                                @else
                                                    <option value="{{ $tipoAsignacion }}">{{ $tipoAsignacion }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <div class="invalid-feedback" id="validacionCampoTipoAsignacionTrabajador">
        
                                        </div>
                                    </div>
                                </div>

                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-usuario-asignado">
                                            <thead>
                                                <tr>
                                                    <th colspan="4" class="text-center">Trabajador Asignado</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Nombre</th>
                                                    <th>Rut</th>
                                                    <th>Centro de Costo</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registrosDeUsuarioAsignado">
                                                <tr id="usuarioAsignadoNoDisponibleEnLaTabla">
                                                    <td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-usuario-asignado-contraturno">
                                            <thead>
                                                <tr>
                                                    <th colspan="4" class="text-center">Trabajador Asignado Contraturno</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>Nombre</th>
                                                    <th>Rut</th>
                                                    <th>Centro de Costo</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody id="registrosDeUsuarioAsignadoContraturno">
                                                <tr id="usuarioAsignadoContraturnoNoDisponibleEnLaTabla">
                                                    <td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoComentario">Comentario <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                    <textarea class="form-control" id="campoComentario" name="comentario" rows="3"></textarea>
                                    <div class="invalid-feedback" id="validacionCampoComentario">

                                    </div>
                                </div>
                                <input type="hidden"  id="numeroCorrelativoDispositivo">

                                <button type="button" class="btn btn-primary mt-1" id="botonAgregarInventario" onclick="agregarInventario()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Añadir Dispositivo</button>
                                <button type="button" class="btn btn-info mt-1" onclick="abrirModalParaAsignarTrabajador()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Trabajador</button>
                                <button type="button" class="btn btn-info mt-1" onclick="abrirModalParaAsignarTrabajadorContraturno()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Trabajador Contraturno</button>
                            </div>

                            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                <div class="dt-responsive table-responsive">
                                    <table class="table table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-inventario">
                                        <thead>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Acciones</th>
                                                <th>Asignado a</th>
                                                <th>Usuario (contra turno)</th>
                                                <th>Centro de Costo</th>
                                                <th>Tipo Dispositivo</th>
                                                <th>Marca/Compañía</th>
                                                <th>Modelo</th>
                                                <th>Tipo de Identificador</th>
                                                <th>Nro Identificador</th>
                                                <th>Estado</th>
                                            </tr>
                                        </thead>
                                        <tbody id="registrosDeInventario">
                                            <tr id="inventarioNoDisponibleEnLaTabla">
                                                <td colspan="11" class="text-center">No hay dispositivos disponibles en la tabla</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class=" card-footer">
                        <button type="button" class="btn btn-primary mt-1" id="botonRegistrarInventario" onclick="registrarInvetarios()"><i class="fas fa-plus-circle" style="margin-right: 2px;"></i> Registrar Dispositivos</button>
                        <a href="{{ route('inventario-ti.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                </form>

            </div>

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

<div class="modal fade" id="modalAsignarTrabajador" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title">Listado de Trabajadores</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table" id="datatable-trabajadores" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>Id Trabajador</th>
                                    <th>Id Centro de Costo</th>
                                    <th>Nombre</th>
                                    <th>Rut</th>
                                    <th>Correo</th>
                                    <th>Centro de Costo</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    <button type="button" class="btn btn-primary" id="botonAsignarTrabajador" style="display:none;" onclick="editarAsignarcionDeTrabajador()">Asignar Trabajador</button>
                    <button type="button" class="btn btn-primary" id="botonAsignarTrabajadorContraturno" style="display:none;" onclick="editarAsignarcionDeTrabajadorContraturno()">Asignar Trabajador Contraturno</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal fade" id="modalVisualizarComentario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title">Visualizar Comentario</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label>Comentario</label>
                        <textarea class="form-control" id="campoModalComentarioInventario" rows="3" readonly="true"></textarea>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal fade" id="modalVisualizarNumeroAbodoTelefono" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title">Visualizar Nro Abo-do/Tel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label>Nro Abo-do/Tel</label>
                        <textarea class="form-control" id="campoModalNumeroAbodoTelefonoInventario" rows="3" readonly="true"></textarea>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal fade" id="modalVisualizarPartesDePc" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title">Visualizar Partes de Pc</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                        <div class="form-group">
                            <label for="campoModalNumeroSeriePc">Nro Serie (solo PC)</label>
                            <input type="text" class="form-control" id="campoModalNumeroSeriePc" readonly="true">
                        </div>
    
                        <div class="form-group">
                            <label for="campoModelProcesador">Procesador</label>
                            <input type="text" class="form-control" id="campoModelProcesador" readonly="true">
                        </div>
    
                        <div class="form-group">
                            <label for="campoModalRam">RAM</label>
                            <input type="text" class="form-control" id="campoModalRam" readonly="true">
                        </div>
    
                        <div class="form-group">
                            <label for="campoModalTarjetaVideo">Tarjeta de Video</label>
                            <input type="text" class="form-control" id="campoModalTarjetaVideo" readonly="true">
                        </div>
    
                        <div class="form-group">
                            <label for="campoModalDiscoDuro">Disco Duro</label>
                            <input type="text" class="form-control" id="campoModalDiscoDuro" readonly="true">
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal fade" id="modalAsignarTrabajadorManual" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <form>
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #007bff; color:white;">
                    <h5 class="modal-title">Completa los Datos Del Trabajador</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="form-group" >
                        <label for="campoDiscoDuro">Nombre Trabajador</label>
                        <input type="text" class="form-control" id="campoNombreTrabajadorManual">
                        <div class="invalid-feedback" id="validacionCampoNombreTrabajadorManual">

                        </div>
                    </div>

                    <div class="form-group" >
                        <label for="campoDiscoDuro">Rut Trabajador</label>
                        <input type="text" class="form-control" id="campoRutTrabajadorManual">
                        <div class="invalid-feedback" id="validacionCampoRutTrabajadorManual">

                        </div>
                    </div>

                    <div class="form-group">
                        <label>Centro de Costo</label>
                        <select class="form-control listaDespegableConBuscador" id="campoCentroCostoManual" data-live-search="true">
                            <option value="">--Seleccionar Centro de Costo--</option>
                            @foreach ($centrosCostos as $cc)
                                <option value="{{ $cc->id }}">{{ $cc->centro_costo }}</option>
                            @endforeach
                        </select>
                        <div class="invalid-feedback" id="validacionCampoCentroCostoManual">

                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="botonAsignarTrabajadorManual" style="display:none;" onclick="editarAsignarcionDeTrabajadorManual()">Asignar Trabajador</button>
                    <button type="button" class="btn btn-primary" id="botonAsignarTrabajadorContraturnoManual" style="display:none;" onclick="editarAsignarcionDeTrabajadorContraturnoManual()">Asignar Trabajador Contraturno</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </form>
</div>

<input type="hidden" id="numeroCorrelativoTag" value="{{$numeroCorrelativo}}">
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        table th {
            background-color: #007bff;
            color: white;
        }

        table>tbody>tr>td {
            vertical-align: middle !important;
        }

        .mh .dropdown-menu {
            max-height: 120px;
        }

        .hide_column {
            display: none;
        }

    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        let numeroCorrelativoPrincipal={{$numeroCorrelativo}};
        $('#campoTipoDeDispositivo').selectpicker({
            dropupAuto: false
        });
        $('#campoMarca').selectpicker({
            dropupAuto: false
        });
        $('#campoModelo').selectpicker({
            dropupAuto: false
        });
        $('#campoEstado').selectpicker({
            dropupAuto: false
        });
        $('#campoTipoAsignacionTrabajador').selectpicker({
            dropupAuto: false
        });
        $('#campoRutTrabajadorManual').inputmask({
            mask: '9{1,2}.9{3}.9{3}-(K|k|9)',
            casing: 'upper',
            clearIncomplete: false,
            numericInput: false
        });
    </script>

    <script>
        var datatableTrabajadores = $("#datatable-trabajadores").DataTable({
            columnDefs: [{
                "targets": [0,1],
                "visible": true,
                "searchable": false,
                "className": "hide_column"
            }, ],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ route('inventario-ti.obtener-registros-trabajadores-talana-datatable') }}',
                dataType: "json",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }} "
                },
            },
            columns: [{
                    "data": "id_trabajador",
                    "name": "id_trabajador"
                },
                {
                    "data": "id_centro_costo",
                    "name": "id_centro_costo"
                },
                {
                    "data": "nombre",
                    "name": "nombre"
                },
                {
                    "data": "rut",
                    "name": "rut"
                },
                {
                    "data": "correo",
                    "name": "correo"
                },
                {
                    "data": "centro_costo",
                    "name": "centro_costo"
                }
            ],
            select: {
                style: 'single'
            },
            orderCellsTop: true,
            //fixedHeader: true,
            lengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "Todos"],
            ],
            language: {
                processing: "Cargando Registros...",
                search: "Buscar",
                lengthMenu: "Mostrar_MENU_ Registros",
                info: "Mostrar desde _START_ hasta _END_ de _TOTAL_ registros",
                infoEmpty: "Opcion no disponible",
                infoFiltered: "",
                infoPostFix: "",
                loadingRecords: "Cargandos registros.",
                zeroRecords: "No hay datos disponibles en la tabla",
                emptyTable: "No hay datos disponibles en la tabla",
                paginate: {
                    first: "Primero",
                    previous: "Anterior",
                    next: "Siguiente",
                    last: "Ultimo",
                },
            },
            dom: "<'row'<'col-sm-4'l><'col-sm-4 d-flex justify-content-center' ><'col-sm-4'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-6'i><'col-sm-6'p>>"
        });

        $("#datatable-trabajadores thead tr").clone(true).appendTo("#datatable-trabajadores thead");

        $("#datatable-trabajadores thead tr:eq(1) th").each(function(i) {
            var title = $(this).text(); //es el nombre de la columna
            if (title != "Acción" && title != "Selección") {
                $(this).html(
                    '<input class="form-control" type="text" placeholder="Buscar ' + title + '" />'
                );
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
                $(this).unbind();
                $(this).parent().attr('id', 'searchColumns');

                $("input", this).on("keyup change", function() {
                    if (datatableTrabajadores.column(i).search() !== this.value) {
                        datatableTrabajadores.column(i).search(this.value).draw();
                    }
                });
            } else {
                $(this).html("<div></div>");
                $(this).removeClass("sorting");
                $(this).removeClass("sorting_asc");
            }
        });
    </script>

    <script>
        function realizarAccionSegunValorDeTipoDeDispositivo(tipoDispositivo){
            let correlativo="";
            switch(tipoDispositivo.value.trim()){
                case "CELULAR":
                    document.getElementById("campoTipoIdentificador").value="IMEI";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").innerHTML = "";
                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
                case "BAM":
                    document.getElementById("campoTipoIdentificador").value="IMEI";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").innerHTML = "";
                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
                case "TABLET":
                    document.getElementById("campoTipoIdentificador").value="IMEI";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").innerHTML = "";
                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
                case "NOTEBOOK":
                    document.getElementById("campoTipoIdentificador").value="TAG";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").innerHTML = "";
                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");
                    document.getElementById("campoNumeroIdentificador").setAttribute("readonly","true");

                    correlativo="";
                    if(document.getElementById("numeroCorrelativoTag").value.trim().length==1){
                        correlativo="00000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==2){
                        correlativo="0000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==3){
                        correlativo="000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==4){
                        correlativo="00"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==5){
                        correlativo="0"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else{
                        correlativo=document.getElementById("numeroCorrelativoTag").value.trim();
                    }

                    if(document.getElementById("campoCentroCosto").value.trim().length>0){
                        document.getElementById("campoNumeroIdentificador").value="GI-"+document.getElementById("campoCentroCosto").value.trim()+"-"+correlativo;
                    }else{
                        document.getElementById("campoNumeroIdentificador").value="GI-"+correlativo;
                    }
                    document.getElementById("numeroCorrelativoDispositivo").value=document.getElementById("numeroCorrelativoTag").value.trim();

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="block";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="block";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="block";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="block";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="block";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";
                    break;
                case "GABINETE":
                    document.getElementById("campoTipoIdentificador").value="TAG";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").innerHTML = "";
                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");
                    document.getElementById("campoNumeroIdentificador").setAttribute("readonly","true");

                    correlativo="";
                    if(document.getElementById("numeroCorrelativoTag").value.trim().length==1){
                        correlativo="00000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==2){
                        correlativo="0000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==3){
                        correlativo="000"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==4){
                        correlativo="00"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==5){
                        correlativo="0"+document.getElementById("numeroCorrelativoTag").value.trim();
                    }else{
                        correlativo=document.getElementById("numeroCorrelativoTag").value.trim();
                    }

                    if(document.getElementById("campoCentroCosto").value.trim().length>0){
                        document.getElementById("campoNumeroIdentificador").value="GI-"+document.getElementById("campoCentroCosto").value.trim()+"-"+correlativo;
                    }else{
                        document.getElementById("campoNumeroIdentificador").value="GI-"+correlativo;
                    }
                    document.getElementById("numeroCorrelativoDispositivo").value=document.getElementById("numeroCorrelativoTag").value.trim();

                    
                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="block";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="block";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="block";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="block";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="block";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";
                    break;
                case "SIMCARD CEL":
                    document.getElementById("campoTipoIdentificador").value="NRO. SERIE";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="block";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
                case "SIMCARD BAM":
                    document.getElementById("campoTipoIdentificador").value="NRO. SERIE";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="block";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
                default:
                    document.getElementById("campoTipoIdentificador").value="NRO. SERIE";
                    document.getElementById("campoNumeroIdentificador").value="";
                    document.getElementById("campoNumeroIdentificador").removeAttribute("readonly");

                    document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
                    document.getElementById("campoNumeroSeriePc").innerHTML = "";
                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroSeriePc").value="";

                    document.getElementById("contenedorCampoProcesador").style.display="none";
                    document.getElementById("campoProcesador").innerHTML = "";
                    document.getElementById("campoProcesador").setAttribute("class", "form-control");
                    document.getElementById("campoProcesador").value="";

                    document.getElementById("contenedorCampoRam").style.display="none";
                    document.getElementById("campoRam").innerHTML = "";
                    document.getElementById("campoRam").setAttribute("class", "form-control");
                    document.getElementById("campoRam").value="";

                    document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
                    document.getElementById("campoTarjetaDeVideo").innerHTML = "";
                    document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
                    document.getElementById("campoTarjetaDeVideo").value="";

                    document.getElementById("contenedorCampoDiscoDuro").style.display="none";
                    document.getElementById("campoDiscoDuro").innerHTML = "";
                    document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
                    document.getElementById("campoDiscoDuro").value="";

                    document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
                    document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
                    document.getElementById("campoNumeroAbodoTelefono").value="";

                    document.getElementById("numeroCorrelativoDispositivo").value="";
                    break;
            }

            obtenerListadoDeModelosSegunDispositivo();
        }

        function obtenerListadoDeModelosSegunDispositivo(){
            let dispositivo=document.getElementById("campoTipoDeDispositivo").value.trim();
            if(dispositivo.length>0){
                generarLoading('{{ asset('img/logo.png') }}')
                let formData = new FormData();
                formData.append('tipo_dispositivo', dispositivo);
                let csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: '{{ route('inventario-ti.obtener-registros-modelo') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        document.getElementById("campoModelo").innerHTML='<option value="">--Seleccionar Modelo--</option>';
                        data.forEach((elemento) => {
                            document.getElementById("campoModelo").innerHTML+=
                            '<option value="'+elemento.id+'">'+elemento.modelo+'</option>';
                        });
                        $('#campoModelo').selectpicker('refresh');
                        $('#campoModelo').selectpicker('val', "");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }else{
                document.getElementById("campoModelo").innerHTML='<option value="">--Seleccionar Modelo--</option>';
                $('#campoModelo').selectpicker('refresh');
                $('#campoModelo').selectpicker('val', "");
            }
        }

        function abrirModalParaAsignarTrabajador(){
            let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();
            if(tipoAsignacion.length>0){
                if(tipoAsignacion=="Asignación Manual"){
                    document.getElementById("campoNombreTrabajadorManual").value = "";
                    document.getElementById("validacionCampoNombreTrabajadorManual").innerHTML = "";
                    document.getElementById("campoNombreTrabajadorManual").setAttribute("class", "form-control");

                    document.getElementById("campoRutTrabajadorManual").value = "";
                    document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "";
                    document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control");

                    $('#campoCentroCostoManual').selectpicker('val', "");
                    document.getElementById("validacionCampoCentroCostoManual").innerHTML = "";
                    document.getElementById("campoCentroCostoManual").classList.remove('input-success-icon');
                    document.getElementById("campoCentroCostoManual").classList.remove('input-error-icon');
                    document.getElementById("validacionCampoCentroCostoManual").style.display = "none";

                    $("#modalAsignarTrabajadorManual").modal("show");
                    document.getElementById("botonAsignarTrabajadorManual").style.display="block";
                    document.getElementById("botonAsignarTrabajadorContraturnoManual").style.display="none";
                }else if(tipoAsignacion=="Asignación Talana"){
                    datatableTrabajadores.rows().deselect();
                    datatableTrabajadores.search("").draw();
                    datatableTrabajadores.search("").columns().search("").draw();
                    $("#modalAsignarTrabajador").modal("show");
                    document.getElementById("botonAsignarTrabajador").style.display="block";
                    document.getElementById("botonAsignarTrabajadorContraturno").style.display="none";
                }
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Complete el Campo!',
                    text: 'Debe seleccionar un tipo de asignación de trabajadores para continuar con la asignación',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function abrirModalParaAsignarTrabajadorContraturno(){
            let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();
            if(tipoAsignacion.length>0){
                if(tipoAsignacion=="Asignación Manual"){
                    document.getElementById("campoNombreTrabajadorManual").value = "";
                    document.getElementById("validacionCampoNombreTrabajadorManual").innerHTML = "";
                    document.getElementById("campoNombreTrabajadorManual").setAttribute("class", "form-control");

                    document.getElementById("campoRutTrabajadorManual").value = "";
                    document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "";
                    document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control");

                    $('#campoCentroCostoManual').selectpicker('val', "");
                    document.getElementById("validacionCampoCentroCostoManual").innerHTML = "";
                    document.getElementById("campoCentroCostoManual").classList.remove('input-success-icon');
                    document.getElementById("campoCentroCostoManual").classList.remove('input-error-icon');
                    document.getElementById("validacionCampoCentroCostoManual").style.display = "none";

                    $("#modalAsignarTrabajadorManual").modal("show");
                    document.getElementById("botonAsignarTrabajadorManual").style.display="none";
                    document.getElementById("botonAsignarTrabajadorContraturnoManual").style.display="block";
                }else if(tipoAsignacion=="Asignación Talana"){
                    datatableTrabajadores.rows().deselect();
                    datatableTrabajadores.search("").draw();
                    datatableTrabajadores.search("").columns().search("").draw();
                    $("#modalAsignarTrabajador").modal("show");
                    document.getElementById("botonAsignarTrabajador").style.display="none";
                    document.getElementById("botonAsignarTrabajadorContraturno").style.display="block";
                }
            }else{
                Swal.fire({
                    icon: 'error',
                    title: '¡Complete el Campo!',
                    text: 'Debe seleccionar un tipo de asignación de trabajadores para continuar con la asignación',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }

        function editarAsignarcionDeTrabajador() {
            if (datatableTrabajadores.$('tr.selected').hasClass('selected')) {
                let data = datatableTrabajadores.rows({
                    selected: true
                }).data();

                let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();
            
                document.getElementById("registrosDeUsuarioAsignado").innerHTML =
                    '<tr role="row">' +
                    '<td style="display: none;" class="tabla-tipo-asignacion-trabajador-asignado">'+tipoAsignacion+'</td>' +
                    '<td style="display: none;" class="tabla-id-trabajador-asignado">'+data[0]['id_trabajador']+'</td>' +
                    '<td style="display: none;" class="tabla-id-centro-costo-trabajador-asignado">'+data[0]['id_centro_costo']+'</td>' +
                    '<td class="tabla-nombre-trabajador-asignado">'+data[0]['nombre']+'</td>' +
                    '<td class="tabla-rut-trabajador-asignado">'+data[0]['rut']+'</td>' +
                    '<td class="tabla-centro-costo-trabajador-asignado">'+data[0]['centro_costo']+'</td>' +
                    '<td class="tabla-accion-trabajador-asignado">' +
                    '<button onclick="habilitarBotonesDeConfirmacionDeEliminacionDeTrabajador(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaTrabajadorAsignado(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

                document.getElementById("campoCentroCosto").value=data[0]['centro_costo'];
                document.getElementById("campoIdCentroCosto").value=data[0]['id_centro_costo']; 
                
                if(document.getElementById("campoTipoDeDispositivo").value=="NOTEBOOK" || document.getElementById("campoTipoDeDispositivo").value=="GABINETE"){
                    if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length>0){
                        let correlativo="";
                        if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==1){
                            correlativo="00000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==2){
                            correlativo="0000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==3){
                            correlativo="000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==4){
                            correlativo="00"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==5){
                            correlativo="0"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }else{
                            correlativo=document.getElementById("numeroCorrelativoDispositivo").value.trim();
                        }
                        document.getElementById("campoNumeroIdentificador").value="GI-"+data[0]['centro_costo']+"-"+correlativo;
                    }else{
                        let correlativo="";
                        if(document.getElementById("numeroCorrelativoTag").value.trim().length==1){
                            correlativo="00000"+document.getElementById("numeroCorrelativoTag").value.trim();
                        }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==2){
                            correlativo="0000"+document.getElementById("numeroCorrelativoTag").value.trim();
                        }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==3){
                            correlativo="000"+document.getElementById("numeroCorrelativoTag").value.trim();
                        }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==4){
                            correlativo="00"+document.getElementById("numeroCorrelativoTag").value.trim();
                        }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==5){
                            correlativo="0"+document.getElementById("numeroCorrelativoTag").value.trim();
                        }else{
                            correlativo=document.getElementById("numeroCorrelativoTag").value.trim();
                        }
                        document.getElementById("campoNumeroIdentificador").value="GI-"+data[0]['centro_costo']+"-"+correlativo;
                        document.getElementById("numeroCorrelativoDispositivo").value=document.getElementById("numeroCorrelativoTag").value.trim();
                    }
                }

                $('#modalAsignarTrabajador').modal('hide');    
            }
        }

        function editarAsignarcionDeTrabajadorContraturno() {
            if (datatableTrabajadores.$('tr.selected').hasClass('selected')) {
                let data = datatableTrabajadores.rows({
                    selected: true
                }).data();

                let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();
            
                document.getElementById("registrosDeUsuarioAsignadoContraturno").innerHTML =
                    '<tr role="row">' +
                    '<td style="display: none;" class="tabla-tipo-asignacion-trabajador-asignado-contraturno">'+tipoAsignacion+'</td>' +
                    '<td style="display: none;" class="tabla-id-trabajador-asignado-contraturno">'+data[0]['id_trabajador']+'</td>' +
                    '<td style="display: none;" class="tabla-id-centro-costo-trabajador-asignado-contraturno">'+data[0]['id_centro_costo']+'</td>' +
                    '<td class="tabla-nombre-trabajador-asignado-contraturno">'+data[0]['nombre']+'</td>' +
                    '<td class="tabla-rut-trabajador-asignado-contraturno">'+data[0]['rut']+'</td>' +
                    '<td class="tabla-centro-costo-trabajador-asignado-contraturno">'+data[0]['centro_costo']+'</td>' +
                    '<td class="tabla-accion-trabajador-asignado-contraturno">' +
                    '<button onclick="habilitarBotonesDeConfirmacionDeEliminacionDeTrabajador(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaTrabajadorContraturno(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

                $('#modalAsignarTrabajador').modal('hide');    
            }
        }

        function validarCamposDeAsignacionDeTrabajadorManual() {
            let campoNombreTrabajadorManual=document.getElementById("campoNombreTrabajadorManual").value.trim();
            let campoRutTrabajadorManual=document.getElementById("campoRutTrabajadorManual").value.trim();
            let campoCentroCostoManual=document.getElementById("campoCentroCostoManual").value.trim();
            error = false;

            if (campoNombreTrabajadorManual.trim().length == 0) {
                document.getElementById("campoNombreTrabajadorManual").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNombreTrabajadorManual").innerHTML = "El campo nombre trabajador es obligatorio.";
                error = true;
            } else {
                document.getElementById("validacionCampoNombreTrabajadorManual").innerHTML = "";
                document.getElementById("campoNombreTrabajadorManual").setAttribute("class", "form-control is-valid");
            }

            if (campoRutTrabajadorManual.trim().length == 0) {
                document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "El campo rut trabajador es obligatorio.";
                error = true;
            } else {
                if (campoRutTrabajadorManual.trim().length < 11) {
                    document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "El campo rut trabajador debe contener al menos 11 caracteres.";
                    error = true;
                } else {
                    let rut = campoRutTrabajadorManual.trim().replace(".", "");
                    rut = rut.trim().replace(".", "");
                    rut = rut.split("-");
                    let rutSinDigitoVerificador = rut[0];
                    let digitoVerificador = rut[1];
                    if (digitoVerificador == "K" || digitoVerificador == "k") {
                        digitoVerificador = digitoVerificador.toUpperCase()
                    }

                    var digitoVerificadorCalculado = getDV(parseInt(rutSinDigitoVerificador));

                    if (digitoVerificadorCalculado == digitoVerificador) {
                        document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "";
                        document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control is-valid");
                    } else {
                        document.getElementById("campoRutTrabajadorManual").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoRutTrabajadorManual").innerHTML = "El campo rut trabajador es invalido.";
                        error = true;
                    }
                }
            }

            if (campoCentroCostoManual.trim().length == 0) {
                document.getElementById("campoCentroCostoManual").classList.remove('input-success-icon');
                document.getElementById("campoCentroCostoManual").classList.add('input-error-icon');
                document.getElementById("validacionCampoCentroCostoManual").innerHTML = "El campo centro de costo es obligatorio.";
                document.getElementById("validacionCampoCentroCostoManual").style.display = "block";
                error = true;
            } else {
                document.getElementById("campoCentroCostoManual").classList.remove('input-error-icon');
                document.getElementById("campoCentroCostoManual").classList.add('input-success-icon');
                document.getElementById("validacionCampoCentroCostoManual").innerHTML = "";
                document.getElementById("validacionCampoCentroCostoManual").style.display = "none";
            }

            return error;
        }

        function getDV(numero) {
            nuevo_numero = numero.toString().split("").reverse().join("");
            for (i = 0, j = 2, suma = 0; i < nuevo_numero.length; i++, ((j == 7) ? j = 2 : j++)) {
                suma += (parseInt(nuevo_numero.charAt(i)) * j);
            }
            n_dv = 11 - (suma % 11);
            return ((n_dv == 11) ? 0 : ((n_dv == 10) ? "K" : n_dv));
        }

        function editarAsignarcionDeTrabajadorManual(){
            let campoNombreTrabajadorManual=document.getElementById("campoNombreTrabajadorManual").value.trim();
            let campoRutTrabajadorManual=document.getElementById("campoRutTrabajadorManual").value.trim();
            let campoCentroCostoManual=document.getElementById("campoCentroCostoManual").value.trim();
            let nombreCentroDeCosto=document.getElementById("campoCentroCostoManual").options[document.getElementById("campoCentroCostoManual").selectedIndex].text;

            let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();

            if(validarCamposDeAsignacionDeTrabajadorManual()==false){
                document.getElementById("registrosDeUsuarioAsignado").innerHTML =
                    '<tr role="row">' +
                    '<td style="display: none;" class="tabla-tipo-asignacion-trabajador-asignado">'+tipoAsignacion+'</td>' +
                    '<td style="display: none;" class="tabla-id-trabajador-asignado"></td>' +
                    '<td style="display: none;" class="tabla-id-centro-costo-trabajador-asignado">'+campoCentroCostoManual+'</td>' +
                    '<td class="tabla-nombre-trabajador-asignado">'+campoNombreTrabajadorManual+'</td>' +
                    '<td class="tabla-rut-trabajador-asignado">'+campoRutTrabajadorManual+'</td>' +
                    '<td class="tabla-centro-costo-trabajador-asignado">'+nombreCentroDeCosto+'</td>' +
                    '<td class="tabla-accion-trabajador-asignado">' +
                    '<button onclick="habilitarBotonesDeConfirmacionDeEliminacionDeTrabajador(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaTrabajadorAsignado(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

                    document.getElementById("campoCentroCosto").value=nombreCentroDeCosto;
                    document.getElementById("campoIdCentroCosto").value=campoCentroCostoManual;

                    if(document.getElementById("campoTipoDeDispositivo").value=="NOTEBOOK" || document.getElementById("campoTipoDeDispositivo").value=="GABINETE"){
                        if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length>0){
                            let correlativo="";
                            if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==1){
                                correlativo="00000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==2){
                                correlativo="0000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==3){
                                correlativo="000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==4){
                                correlativo="00"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==5){
                                correlativo="0"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }else{
                                correlativo=document.getElementById("numeroCorrelativoDispositivo").value.trim();
                            }
                            document.getElementById("campoNumeroIdentificador").value="GI-"+nombreCentroDeCosto+"-"+correlativo;
                        }else{
                            let correlativo="";
                            if(document.getElementById("numeroCorrelativoTag").value.trim().length==1){
                                correlativo="00000"+document.getElementById("numeroCorrelativoTag").value.trim();
                            }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==2){
                                correlativo="0000"+document.getElementById("numeroCorrelativoTag").value.trim();
                            }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==3){
                                correlativo="000"+document.getElementById("numeroCorrelativoTag").value.trim();
                            }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==4){
                                correlativo="00"+document.getElementById("numeroCorrelativoTag").value.trim();
                            }else if(document.getElementById("numeroCorrelativoTag").value.trim().length==5){
                                correlativo="0"+document.getElementById("numeroCorrelativoTag").value.trim();
                            }else{
                                correlativo=document.getElementById("numeroCorrelativoTag").value.trim();
                            }
                            document.getElementById("campoNumeroIdentificador").value="GI-"+nombreCentroDeCosto+"-"+correlativo;
                            document.getElementById("numeroCorrelativoDispositivo").value=document.getElementById("numeroCorrelativoTag").value.trim();
                        }
                    }

                    $('#modalAsignarTrabajadorManual').modal('hide'); 
            }
        }

        function editarAsignarcionDeTrabajadorContraturnoManual(){
            let campoNombreTrabajadorManual=document.getElementById("campoNombreTrabajadorManual").value.trim();
            let campoRutTrabajadorManual=document.getElementById("campoRutTrabajadorManual").value.trim();
            let campoCentroCostoManual=document.getElementById("campoCentroCostoManual").value.trim();
            let nombreCentroDeCosto=document.getElementById("campoCentroCostoManual").options[document.getElementById("campoCentroCostoManual").selectedIndex].text;

            let tipoAsignacion=document.getElementById("campoTipoAsignacionTrabajador").value.trim();

            if(validarCamposDeAsignacionDeTrabajadorManual()==false){
                document.getElementById("registrosDeUsuarioAsignadoContraturno").innerHTML =
                    '<tr role="row">' +
                    '<td style="display: none;" class="tabla-tipo-asignacion-trabajador-asignado-contraturno">'+tipoAsignacion+'</td>' +
                    '<td style="display: none;" class="tabla-id-trabajador-asignado-contraturno"></td>' +
                    '<td style="display: none;" class="tabla-id-centro-costo-trabajador-asignado-contraturno">'+campoCentroCostoManual+'</td>' +
                    '<td class="tabla-nombre-trabajador-asignado-contraturno">'+campoNombreTrabajadorManual+'</td>' +
                    '<td class="tabla-rut-trabajador-asignado-contraturno">'+campoRutTrabajadorManual+'</td>' +
                    '<td class="tabla-centro-costo-trabajador-asignado-contraturno">'+nombreCentroDeCosto+'</td>' +
                    '<td class="tabla-accion-trabajador-asignado-contraturno">' +
                    '<button onclick="habilitarBotonesDeConfirmacionDeEliminacionDeTrabajador(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                    '<button onclick="eliminarFilaTrabajadorContraturno(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-item mr-1">Confirmar</button>' +
                    '</td>' +
                    '</tr>';

                $('#modalAsignarTrabajadorManual').modal('hide'); 
            }
        }

        function deshabilitarBotonesDeConfirmacionDeEliminacionDeTrabajador() {
            var botones = document.querySelectorAll(".boton-confirmar-item");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonesDeConfirmacionDeEliminacionDeTrabajador(boton) {

            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesDeConfirmacionDeEliminacionDeTrabajador();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesDeConfirmacionDeEliminacionDeTrabajador();
                }
            }

        }

        function eliminarFilaTrabajadorAsignado(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            document.getElementById("registrosDeUsuarioAsignado").innerHTML=
            '<tr id="usuarioAsignadoNoDisponibleEnLaTabla">'+
            '<td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>'+
            '</tr>';

            document.getElementById("campoCentroCosto").value = "";
            document.getElementById("campoIdCentroCosto").value = "";

            if(document.getElementById("campoTipoDeDispositivo").value=="NOTEBOOK" || document.getElementById("campoTipoDeDispositivo").value=="GABINETE"){
                let correlativo="";
                if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==1){
                    correlativo="00000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==2){
                    correlativo="0000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==3){
                    correlativo="000"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==4){
                    correlativo="00"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }else if(document.getElementById("numeroCorrelativoDispositivo").value.trim().length==5){
                    correlativo="0"+document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }else{
                    correlativo=document.getElementById("numeroCorrelativoDispositivo").value.trim();
                }
                document.getElementById("campoNumeroIdentificador").value="GI-"+correlativo;
            }
        }

        function eliminarFilaTrabajadorContraturno(boton) {
            let elementoFila = boton.parentElement.parentElement;
            elementoFila.remove();
            document.getElementById("registrosDeUsuarioAsignadoContraturno").innerHTML=
            '<tr id=usuarioAsignadoContraturnoNoDisponibleEnLaTabla">'+
            '<td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>'+
            '</tr>';
        }
    </script>

    <script>
        let cantidadMaximaDeRegistrosDeDispositivos = 0;
        function validarFormularioParaAgregarNuevoInventario(){
            let error=false;
            if (document.getElementById("campoTipoDeDispositivo").value.trim().length>0) {
                document.getElementById("campoTipoDeDispositivo").classList.remove('input-error-icon');
                document.getElementById("campoTipoDeDispositivo").classList.add('input-success-icon');
                document.getElementById("validacionCampoTipoDeDispositivo").innerHTML = "";
                document.getElementById("validacionCampoTipoDeDispositivo").style.display = "none";

                switch(document.getElementById("campoTipoDeDispositivo").value.trim()){
                    case "SIMCARD CEL":
                        if (document.getElementById("campoNumeroAbodoTelefono").value.trim().length>0) {
                            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "El campo nro abo-do/tel es obligatorio.";
                        }
                    break;
                    case "SIMCARD BAM":
                        if (document.getElementById("campoNumeroAbodoTelefono").value.trim().length>0) {
                            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "El campo nro abo-do/tel es obligatorio.";
                        }
                    break;
                    case "NOTEBOOK":
                        if (document.getElementById("campoNumeroSeriePc").value.trim().length>0) {
                            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "El campo nro serie (solo pc) es obligatorio.";
                        }

                        if (document.getElementById("campoProcesador").value.trim().length>0) {
                            document.getElementById("campoProcesador").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoProcesador").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoProcesador").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoProcesador").innerHTML = "El campo procesador es obligatorio.";
                        }

                        if (document.getElementById("campoRam").value.trim().length>0) {
                            document.getElementById("campoRam").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoRam").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoRam").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoRam").innerHTML = "El campo ram es obligatorio.";
                        }

                        if (document.getElementById("campoTarjetaDeVideo").value.trim().length>0) {
                            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoTarjetaDeVideo").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoTarjetaDeVideo").innerHTML = "El campo tarjeta de video es obligatorio.";
                        }

                        if (document.getElementById("campoDiscoDuro").value.trim().length>0) {
                            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoDiscoDuro").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoDiscoDuro").innerHTML = "El campo disco duro es obligatorio.";
                        }
                    break;
                    case "GABINETE":
                        if (document.getElementById("campoNumeroSeriePc").value.trim().length>0) {
                            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "El campo nro serie (solo pc) es obligatorio.";
                        }

                        if (document.getElementById("campoProcesador").value.trim().length>0) {
                            document.getElementById("campoProcesador").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoProcesador").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoProcesador").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoProcesador").innerHTML = "El campo procesador es obligatorio.";
                        }

                        if (document.getElementById("campoRam").value.trim().length>0) {
                            document.getElementById("campoRam").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoRam").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoRam").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoRam").innerHTML = "El campo ram es obligatorio.";
                        }

                        if (document.getElementById("campoTarjetaDeVideo").value.trim().length>0) {
                            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoTarjetaDeVideo").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoTarjetaDeVideo").innerHTML = "El campo tarjeta de video es obligatorio.";
                        }

                        if (document.getElementById("campoDiscoDuro").value.trim().length>0) {
                            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control is-valid");
                            document.getElementById("validacionCampoDiscoDuro").innerHTML = "";
                        } else {
                            error=true;
                            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control is-invalid");
                            document.getElementById("validacionCampoDiscoDuro").innerHTML = "El campo disco duro es obligatorio.";
                        }
                    break;
                }
            } else {
                error=true;
                document.getElementById("campoTipoDeDispositivo").classList.remove('input-success-icon');
                document.getElementById("campoTipoDeDispositivo").classList.add('input-error-icon');
                document.getElementById("validacionCampoTipoDeDispositivo").innerHTML = "El campo tipo de dispositivo es obligatorio.";
                document.getElementById("validacionCampoTipoDeDispositivo").style.display = "block";
            }

            document.getElementById("campoCentroCosto").setAttribute("class", "form-control is-valid");
            document.getElementById("validacionCampoTipoDeDispositivo").innerHTML = "";

            document.getElementById("campoComentario").setAttribute("class", "form-control is-valid");
            document.getElementById("validacionCampoComentario").innerHTML = "";

            if (document.getElementById("campoMarca").value.trim().length>0) {
                document.getElementById("campoMarca").classList.remove('input-error-icon');
                document.getElementById("campoMarca").classList.add('input-success-icon');
                document.getElementById("validacionCampoMarca").innerHTML = "";
                document.getElementById("validacionCampoMarca").style.display = "none";
            } else {
                error=true;
                document.getElementById("campoMarca").classList.remove('input-success-icon');
                document.getElementById("campoMarca").classList.add('input-error-icon');
                document.getElementById("validacionCampoMarca").innerHTML = "El campo marca es obligatorio.";
                document.getElementById("validacionCampoMarca").style.display = "block";
            }

            if (document.getElementById("campoModelo").value.trim().length>0) {
                document.getElementById("campoModelo").classList.remove('input-error-icon');
                document.getElementById("campoModelo").classList.add('input-success-icon');
                document.getElementById("validacionCampoModelo").innerHTML = "";
                document.getElementById("validacionCampoModelo").style.display = "none";
            } else {
                error=true;
                document.getElementById("campoModelo").classList.remove('input-success-icon');
                document.getElementById("campoModelo").classList.add('input-error-icon');
                document.getElementById("validacionCampoModelo").innerHTML = "El campo modelo es obligatorio.";
                document.getElementById("validacionCampoModelo").style.display = "block";
            }

            if (document.getElementById("campoEstado").value.trim().length>0) {
                document.getElementById("campoEstado").classList.remove('input-error-icon');
                document.getElementById("campoEstado").classList.add('input-success-icon');
                document.getElementById("validacionCampoEstado").innerHTML = "";
                document.getElementById("validacionCampoEstado").style.display = "none";
            } else {
                error=true;
                document.getElementById("campoEstado").classList.remove('input-success-icon');
                document.getElementById("campoEstado").classList.add('input-error-icon');
                document.getElementById("validacionCampoEstado").innerHTML = "El campo estado es obligatorio.";
                document.getElementById("validacionCampoEstado").style.display = "block";
            }

            if (document.getElementById("campoTipoIdentificador").value.trim().length>0) {
                document.getElementById("campoTipoIdentificador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoIdentificador").innerHTML = "";
            } else {
                error=true;
                document.getElementById("campoTipoIdentificador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoIdentificador").innerHTML = "El campo tipo de identificador es obligatorio.";
            }

            if (document.getElementById("campoNumeroIdentificador").value.trim().length>0) {
                document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "";
            } else {
                error=true;
                document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador es obligatorio.";
            }

            let UsuarioAsignadoUsuarioContraturnoSonIguales=false;
            let UsuarioAsignadoUsuarioContraturnoCentroDeCostoDiferentes=false;
            let UsuarioContraturnoExiste=false;
            let UsuarioAsignadoExiste=false;

            let filasUsuarioAsignado = document.getElementById('tabla-usuario-asignado').tBodies[0].querySelectorAll("tr");
            let filasUsuarioContraturno = document.getElementById('tabla-usuario-asignado-contraturno').tBodies[0].querySelectorAll("tr");

            filasUsuarioAsignado.forEach(elemento => {
                if(elemento.querySelector(".tabla-id-trabajador-asignado")){
                    let campoIdUsuarioAsignado=elemento.querySelector(".tabla-id-trabajador-asignado").innerHTML.trim();
                    let campoNombreUsuarioAsignado=elemento.querySelector(".tabla-nombre-trabajador-asignado").innerHTML.trim();
                    let campoRutUsuarioAsignado=elemento.querySelector(".tabla-rut-trabajador-asignado").innerHTML.trim();
                    let campoIdCentroCostoUsuarioAsignado=elemento.querySelector(".tabla-id-centro-costo-trabajador-asignado").innerHTML.trim();
                    let campoTipoAsignacionUsuarioAsignado=elemento.querySelector(".tabla-tipo-asignacion-trabajador-asignado").innerHTML.trim();

                    filasUsuarioContraturno.forEach(elemento => {
                        if(elemento.querySelector(".tabla-id-trabajador-asignado-contraturno")){
                            let campoIdUsuarioContraturno=elemento.querySelector(".tabla-id-trabajador-asignado-contraturno").innerHTML.trim();
                            let campoNombreUsuarioContraturno=elemento.querySelector(".tabla-nombre-trabajador-asignado-contraturno").innerHTML.trim();
                            let campoRutUsuarioContraturno=elemento.querySelector(".tabla-rut-trabajador-asignado-contraturno").innerHTML.trim();
                            let campoIdCentroCostoUsuarioContraturno=elemento.querySelector(".tabla-id-centro-costo-trabajador-asignado-contraturno").innerHTML.trim();
                            let campoTipoAsignacionUsuarioContraturno=elemento.querySelector(".tabla-tipo-asignacion-trabajador-asignado-contraturno").innerHTML.trim();
        
                            if(campoIdUsuarioContraturno.length>0 && campoIdUsuarioAsignado.length>0){
                                if(campoIdUsuarioContraturno==campoIdUsuarioAsignado){
                                    UsuarioAsignadoUsuarioContraturnoSonIguales=true;
                                }
                            }

                            if(campoRutUsuarioContraturno.length>0 && campoRutUsuarioAsignado.length>0){
                                if(campoRutUsuarioContraturno==campoRutUsuarioAsignado){
                                    UsuarioAsignadoUsuarioContraturnoSonIguales=true;
                                }
                            }

                            if(campoIdCentroCostoUsuarioAsignado.length>0 && campoIdCentroCostoUsuarioContraturno.length>0){
                                if(campoIdCentroCostoUsuarioAsignado!=campoIdCentroCostoUsuarioContraturno){
                                    UsuarioAsignadoUsuarioContraturnoCentroDeCostoDiferentes=true;
                                }
                            }
                        }
                    });
                }
            });

            filasUsuarioAsignado.forEach(elemento => {
                if(elemento.querySelector(".tabla-id-trabajador-asignado")){
                    UsuarioAsignadoExiste=true;
                }
            });

            filasUsuarioContraturno.forEach(elemento => {
                if(elemento.querySelector(".tabla-id-trabajador-asignado-contraturno")){
                    UsuarioContraturnoExiste=true;
                }
            });

            if(UsuarioAsignadoExiste!=false || UsuarioContraturnoExiste!=false){
                if(UsuarioAsignadoExiste==true && UsuarioContraturnoExiste==true){
                    if(UsuarioAsignadoUsuarioContraturnoSonIguales==true){
                        if(error==false){
                            Swal.fire({
                                icon: 'error',
                                title: '¡Dispositivo No Agregados!',
                                text: 'No es posible agregar dispositivo que tenga el mismo trabajador en contra turno y trabajador asignado',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            });
                            error=true;
                        }
                    }else if(UsuarioAsignadoUsuarioContraturnoCentroDeCostoDiferentes==true){
                        if(error==false){
                            Swal.fire({
                                icon: 'error',
                                title: '¡Dispositivo No Agregados!',
                                text: 'No es posible agregar el dispositivo, el centro de costo del trabajador de contra turno debe ser igual al centro de costo del trabajador asignado',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            });
                            error=true;
                        }
                    }
                }else if(UsuarioAsignadoExiste==false && UsuarioContraturnoExiste==true){
                    if(error==false){
                        Swal.fire({
                            icon: 'error',
                            title: '¡Dispositivo No Agregados!',
                            text: 'No es posible agregar el dispositivo, cuando se complete la información de un trabajador de contra turno es necesario también completar la información de un trabajador asignado',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        });
                        error=true;
                    }
                }
            }

            if(UsuarioAsignadoExiste==false){
                if(document.getElementById("campoEstado").value.trim()=="EN USO"){
                    if(error==false){
                        error=true;
                        Swal.fire({
                            icon: 'error',
                            title: '¡Dispositivo No Agregados!',
                            text: 'Es obligatorio tener establecido la información del trabajador asignado cuando el campo estado tiene su valor en uso',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        });
                    }
                }
            }

            return error;
        }

        function limpiarCamposDeInventario(){
            $('#campoTipoDeDispositivo').selectpicker('val', "");
            document.getElementById("validacionCampoTipoDeDispositivo").innerHTML = "";
            document.getElementById("campoTipoDeDispositivo").classList.remove('input-success-icon');
            document.getElementById("campoTipoDeDispositivo").classList.remove('input-error-icon');
            document.getElementById("validacionCampoTipoDeDispositivo").style.display = "none";

            document.getElementById("campoCentroCosto").value = "";
            document.getElementById("campoIdCentroCosto").value = "";
            document.getElementById("validacionCampoCentroCosto").innerHTML = "";
            document.getElementById("campoCentroCosto").setAttribute("class", "form-control");

            $('#campoMarca').selectpicker('val', "");
            document.getElementById("validacionCampoMarca").innerHTML = "";
            document.getElementById("campoMarca").classList.remove('input-success-icon');
            document.getElementById("campoMarca").classList.remove('input-error-icon');
            document.getElementById("validacionCampoMarca").style.display = "none";

            $('#campoModelo').selectpicker('val', "");
            document.getElementById("validacionCampoModelo").innerHTML = "";
            document.getElementById("campoModelo").classList.remove('input-success-icon');
            document.getElementById("campoModelo").classList.remove('input-error-icon');
            document.getElementById("validacionCampoModelo").style.display = "none";

            $('#campoEstado').selectpicker('val', "");
            document.getElementById("validacionCampoEstado").innerHTML = "";
            document.getElementById("campoEstado").classList.remove('input-success-icon');
            document.getElementById("campoEstado").classList.remove('input-error-icon');
            document.getElementById("validacionCampoEstado").style.display = "none";

            document.getElementById("campoTipoIdentificador").value = "";
            document.getElementById("validacionCampoTipoIdentificador").innerHTML = "";
            document.getElementById("campoTipoIdentificador").setAttribute("class", "form-control");

            document.getElementById("campoNumeroIdentificador").value = "";
            document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "";
            document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control");

            document.getElementById("campoNumeroSeriePc").value = "";
            document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "";
            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");

            document.getElementById("campoProcesador").value = "";
            document.getElementById("validacionCampoProcesador").innerHTML = "";
            document.getElementById("campoProcesador").setAttribute("class", "form-control");

            document.getElementById("campoRam").value = "";
            document.getElementById("validacionCampoRam").innerHTML = "";
            document.getElementById("campoRam").setAttribute("class", "form-control");

            document.getElementById("campoTarjetaDeVideo").value = "";
            document.getElementById("validacionCampoTarjetaDeVideo").innerHTML = "";
            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");

            document.getElementById("campoDiscoDuro").value = "";
            document.getElementById("validacionCampoDiscoDuro").innerHTML = "";
            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");

            document.getElementById("campoNumeroAbodoTelefono").value = "";
            document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "";
            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");

            document.getElementById("registrosDeUsuarioAsignado").innerHTML= 
            '<tr id="usuarioAsignadoNoDisponibleEnLaTabla">'+
            '<td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>'+
            '</tr>';

            document.getElementById("registrosDeUsuarioAsignadoContraturno").innerHTML= 
            '<tr id="usuarioAsignadoContraturnoNoDisponibleEnLaTabla">'+
            '<td colspan="4" class="text-center">No hay trabajadores disponibles en la tabla</td>'+
            '</tr>';

            document.getElementById("campoComentario").value = "";
            document.getElementById("validacionCampoComentario").innerHTML = "";
            document.getElementById("campoComentario").setAttribute("class", "form-control");

            document.getElementById("contenedorCampoNumeroSeriePc").style.display="none";
            document.getElementById("campoNumeroSeriePc").innerHTML = "";
            document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control");
            document.getElementById("campoNumeroSeriePc").value="";

            document.getElementById("contenedorCampoProcesador").style.display="none";
            document.getElementById("campoProcesador").innerHTML = "";
            document.getElementById("campoProcesador").setAttribute("class", "form-control");
            document.getElementById("campoProcesador").value="";

            document.getElementById("contenedorCampoRam").style.display="none";
            document.getElementById("campoRam").innerHTML = "";
            document.getElementById("campoRam").setAttribute("class", "form-control");
            document.getElementById("campoRam").value="";

            document.getElementById("contenedorCampoTarjetaDeVideo").style.display="none";
            document.getElementById("campoTarjetaDeVideo").innerHTML = "";
            document.getElementById("campoTarjetaDeVideo").setAttribute("class", "form-control");
            document.getElementById("campoTarjetaDeVideo").value="";

            document.getElementById("contenedorCampoDiscoDuro").style.display="none";
            document.getElementById("campoDiscoDuro").innerHTML = "";
            document.getElementById("campoDiscoDuro").setAttribute("class", "form-control");
            document.getElementById("campoDiscoDuro").value="";

            document.getElementById("contenedorCampoNumeroAbodoTelefono").style.display="none";
            document.getElementById("campoNumeroAbodoTelefono").innerHTML = "";
            document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control");
            document.getElementById("campoNumeroAbodoTelefono").value="";

            document.getElementById("numeroCorrelativoDispositivo").value="";

            $('#campoTipoAsignacionTrabajador').selectpicker('val', "");
            document.getElementById("validacionCampoTipoAsignacionTrabajador").innerHTML = "";
            document.getElementById("campoTipoAsignacionTrabajador").classList.remove('input-success-icon');
            document.getElementById("campoTipoAsignacionTrabajador").classList.remove('input-error-icon');
            document.getElementById("validacionCampoTipoAsignacionTrabajador").style.display = "none";
        }

        function agregarInventario(){
            let campoNumeroCorrelativoDispositivo = document.getElementById("numeroCorrelativoDispositivo").value.trim();
            let campoTipoDeDispositivo = document.getElementById("campoTipoDeDispositivo").value.trim();
            let campoCentroCosto= document.getElementById("campoCentroCosto").value.trim();
            let campoIdCentroCosto = document.getElementById("campoIdCentroCosto").value.trim();
            let campoIdMarca = document.getElementById("campoMarca").value.trim();
            let campoIdModelo = document.getElementById("campoModelo").value.trim();
            let campoNombreMarca=document.getElementById("campoMarca").options[document.getElementById("campoMarca").selectedIndex].text;
            let campoNombreModelo=document.getElementById("campoModelo").options[document.getElementById("campoModelo").selectedIndex].text;
            let campoEstado = document.getElementById("campoEstado").value.trim();
            let campoTipoIdentificador = document.getElementById("campoTipoIdentificador").value.trim();
            let campoNumeroIdentificador = document.getElementById("campoNumeroIdentificador").value.trim();
            let campoNumeroSeriePc = document.getElementById("campoNumeroSeriePc").value.trim();
            let campoProcesador = document.getElementById("campoProcesador").value.trim();
            let campoRam= document.getElementById("campoRam").value.trim();
            let campoTarjetaDeVideo= document.getElementById("campoTarjetaDeVideo").value.trim();
            let campoDiscoDuro= document.getElementById("campoDiscoDuro").value.trim();
            let campoNumeroAbodoTelefono= document.getElementById("campoNumeroAbodoTelefono").value.trim();
            let campoComentario= document.getElementById("campoComentario").value.trim();
            let campoNombreUsuarioAsignado="";
            let campoNombreUsuarioContraturno="";

            let listadoDatosUsuarioAsignado=[];
            let listadoDatosUsuarioContraturno=[];
            let filasUsuarioAsignado = document.getElementById('tabla-usuario-asignado').tBodies[0].querySelectorAll("tr");
            let filasUsuarioContraturno = document.getElementById('tabla-usuario-asignado-contraturno').tBodies[0].querySelectorAll("tr");

            filasUsuarioAsignado.forEach(elemento => {
                if(elemento.querySelector(".tabla-id-trabajador-asignado")){
                    let campoIdUsuarioAsignado=elemento.querySelector(".tabla-id-trabajador-asignado").innerHTML.trim();
                    campoNombreUsuarioAsignado=elemento.querySelector(".tabla-nombre-trabajador-asignado").innerHTML.trim();
                    let campoRutUsuarioAsignado=elemento.querySelector(".tabla-rut-trabajador-asignado").innerHTML.trim();
                    let campoIdCentroCostoUsuarioAsignado=elemento.querySelector(".tabla-id-centro-costo-trabajador-asignado").innerHTML.trim();
                    let campoTipoAsignacionUsuarioAsignado=elemento.querySelector(".tabla-tipo-asignacion-trabajador-asignado").innerHTML.trim();

                    let trabajador = {
                        idUsuarioTalana: campoIdUsuarioAsignado,
                        nombreUsuario:campoNombreUsuarioAsignado,
                        rutUsuario: campoRutUsuarioAsignado,
                        idCentroCostoUsuario: campoIdCentroCostoUsuarioAsignado,
                        tipoAsignacion:campoTipoAsignacionUsuarioAsignado,
                        tipoUsuario: "usuario_asignado"
                    }
                    listadoDatosUsuarioAsignado.push(trabajador);
                }
            });

            filasUsuarioContraturno.forEach(elemento => {
                if(elemento.querySelector(".tabla-id-trabajador-asignado-contraturno")){
                    let campoIdUsuarioContraturno=elemento.querySelector(".tabla-id-trabajador-asignado-contraturno").innerHTML.trim();
                    campoNombreUsuarioContraturno=elemento.querySelector(".tabla-nombre-trabajador-asignado-contraturno").innerHTML.trim();
                    let campoRutUsuarioContraturno=elemento.querySelector(".tabla-rut-trabajador-asignado-contraturno").innerHTML.trim();
                    let campoIdCentroCostoUsuarioContraturno=elemento.querySelector(".tabla-id-centro-costo-trabajador-asignado-contraturno").innerHTML.trim();
                    let campoTipoAsignacionUsuarioContraturno=elemento.querySelector(".tabla-tipo-asignacion-trabajador-asignado-contraturno").innerHTML.trim();

                    let trabajador = {
                        idUsuarioTalana: campoIdUsuarioContraturno,
                        nombreUsuario:campoNombreUsuarioContraturno,
                        rutUsuario: campoRutUsuarioContraturno,
                        idCentroCostoUsuario: campoIdCentroCostoUsuarioContraturno,
                        tipoAsignacion:campoTipoAsignacionUsuarioContraturno,
                        tipoUsuario: "usuario_contraturno"
                    }
                    listadoDatosUsuarioContraturno.push(trabajador);
                }
            });

            if(validarFormularioParaAgregarNuevoInventario()==false){                
                generarLoading('{{ asset('img/logo.png') }}')
                let formData = new FormData();
                formData.append('tipo_dispositivo', campoTipoDeDispositivo);
                formData.append('correlativo', campoNumeroCorrelativoDispositivo);
                formData.append('numero_identificador', campoNumeroIdentificador);
                formData.append('numero_serie_pc', campoNumeroSeriePc);
                formData.append('numero_abonado_telefono', campoNumeroAbodoTelefono);
                let csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: '{{ route('inventario-ti.validar-campos-unicos') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if(data.error==true){
                            if(data.tipo_dispositivo=="NOTEBOOK" || data.tipo_dispositivo=="GABINETE"){
                                if(data.numeroIdentificadorRepetido==true){
                                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                }

                                if(data.numeroSeriePcRepetido==true){
                                    document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "El campo nro serie (solo pc) ya está en uso.";
                                }
                                eliminarLoading()
                            }else if(data.tipo_dispositivo=="SIMCARD CEL" || data.tipo_dispositivo=="SIMCARD BAM"){
                                if(data.numeroIdentificadorRepetido==true){
                                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                }

                                if(data.numeroAbonadoTelefonoRepetido==true){
                                    document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "El campo nro abo-do/tel ya está en uso.";
                                }
                                eliminarLoading()
                            }else{
                                if(data.numeroIdentificadorRepetido==true){
                                    document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                    document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                }
                                eliminarLoading()
                            }
                        }else{
                            let error=false;
                            let campoNumeroIdentificadorRepetido=false;
                            let campoNumeroSeriePcRepetido=false;
                            let campoNumeroAbonadoTelefonoRepetido=false;

                            let filas = document.getElementById('tabla-inventario').tBodies[0].querySelectorAll("tr");
                            filas.forEach(elemento => {
                                if(elemento.querySelector(".tabla-contador-inventario")){
                                    if(campoTipoDeDispositivo=="NOTEBOOK" || campoTipoDeDispositivo=="GABINETE"){
                                        if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim().length>0){
                                            if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim()==campoNumeroIdentificador){
                                                error=true;
                                                campoNumeroIdentificadorRepetido=true;
                                            }
                                        } 

                                        if(elemento.querySelector(".tabla-numero-serie-pc-inventario").innerHTML.trim().length>0){
                                            if(elemento.querySelector(".tabla-numero-serie-pc-inventario").innerHTML.trim()==campoNumeroSeriePc){
                                                error=true;
                                                campoNumeroSeriePcRepetido=true;
                                            }
                                        } 
                                    }else if(campoTipoDeDispositivo=="SIMCARD BAM" || campoTipoDeDispositivo=="SIMCARD CEL"){
                                        if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim().length>0){
                                            if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim()==campoNumeroIdentificador){
                                                error=true;
                                                campoNumeroIdentificadorRepetido=true;
                                            }
                                        } 

                                        if(elemento.querySelector(".tabla-numero-abodo-telefono-inventario").innerHTML.trim().length>0){
                                            if(elemento.querySelector(".tabla-numero-abodo-telefono-inventario").innerHTML.trim()==campoNumeroAbodoTelefono){
                                                error=true;
                                                campoNumeroAbonadoTelefonoRepetido=true;
                                            }
                                        } 
                                    }else{
                                        if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim().length>0){
                                            if(elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim()==campoNumeroIdentificador){
                                                error=true;
                                                campoNumeroIdentificadorRepetido=true;
                                            }
                                        } 
                                    }
                                }
                            });

                            if(error==true){
                                if(campoTipoDeDispositivo=="NOTEBOOK" || campoTipoDeDispositivo=="GABINETE"){
                                    if(campoNumeroIdentificadorRepetido==true){
                                        document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                    }
    
                                    if(campoNumeroSeriePcRepetido==true){
                                        document.getElementById("campoNumeroSeriePc").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("validacionCampoNumeroSeriePc").innerHTML = "El campo nro serie (solo pc) ya está en uso.";
                                    }
                                    eliminarLoading()
                                }else if(campoTipoDeDispositivo=="SIMCARD CEL" || campoTipoDeDispositivo=="SIMCARD BAM"){
                                    if(campoNumeroIdentificadorRepetido==true){
                                        document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                    }
    
                                    if(campoNumeroAbonadoTelefonoRepetido==true){
                                        document.getElementById("campoNumeroAbodoTelefono").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("validacionCampoNumeroAbodoTelefono").innerHTML = "El campo nro abo-do/tel ya está en uso.";
                                    }
                                    eliminarLoading()
                                }else{
                                    if(campoNumeroIdentificadorRepetido==true){
                                        document.getElementById("campoNumeroIdentificador").setAttribute("class", "form-control is-invalid");
                                        document.getElementById("validacionCampoNumeroIdentificador").innerHTML = "El campo nro identificador ya está en uso.";
                                    }
                                    eliminarLoading()
                                }
                            }else{
                                cantidadMaximaDeRegistrosDeDispositivos++;
                                if (document.getElementById("inventarioNoDisponibleEnLaTabla")) {
                                    document.getElementById("inventarioNoDisponibleEnLaTabla").remove();
                                }
                
                                let abrirModalComentario="";
                                let abrirModalPartesPc="";
                                let abrirModalNumeroAbodoTel="";
                
                                if(campoComentario.length>0){
                                    abrirModalComentario='<a class="dropdown-item" href="#" onclick="abriModalParaVisualizarComentario(\''+campoComentario+'\')"><i class="fas fa-eye"></i> Comentario</a>';
                                }
                
                                if(campoTipoDeDispositivo=="NOTEBOOK" || campoTipoDeDispositivo=="GABINETE"){
                                    abrirModalPartesPc='<a class="dropdown-item" href="#" onclick="abriModalParaVisualizarPartesDePc(\''+campoNumeroSeriePc+'\',\''+campoProcesador+'\',\''+campoRam+'\',\''+campoTarjetaDeVideo+'\',\''+campoDiscoDuro+'\')"><i class="fas fa-memory"></i> Partes Pc</a>';
                                }
                
                                if(campoTipoDeDispositivo=="SIMCARD CEL" || campoTipoDeDispositivo=="SIMCARD BAM"){
                                    abrirModalNumeroAbodoTel='<a class="dropdown-item" href="#" onclick="abriModalParaVisualizarNumeroAbodoTelefono(\''+campoNumeroAbodoTelefono+'\')"><i class="fas fa-sim-card"></i> Nro Abo-do/Tel</a>';
                                }
                
                                listadoDatosUsuarioAsignado = JSON.stringify(listadoDatosUsuarioAsignado);
                                listadoDatosUsuarioContraturno = JSON.stringify(listadoDatosUsuarioContraturno);
        
                                document.getElementById("registrosDeInventario").innerHTML +=
                                    '<tr role="row">' +
                                    '<td class="tabla-numero-correlativo-inventario" style="display:none;">' + campoNumeroCorrelativoDispositivo + '</td>' +
                                    '<td class="tabla-id-centro-costo-inventario" style="display:none;">' + campoIdCentroCosto + '</td>' +
                                    '<td class="tabla-datos-usuario-asignado-inventario" style="display:none;">' + listadoDatosUsuarioAsignado + '</td>' +
                                    '<td class="tabla-datos-usuario-contraturno-inventario" style="display:none;">' + listadoDatosUsuarioContraturno + '</td>' +
                                    '<td class="tabla-id-marca-inventario" style="display:none;">' + campoIdMarca+ '</td>' +
                                    '<td class="tabla-id-modelo-inventario" style="display:none;">' + campoIdModelo+ '</td>' +
                                    '<td class="tabla-numero-serie-pc-inventario" style="display:none;">' + campoNumeroSeriePc + '</td>' +
                                    '<td class="tabla-procesador-inventario" style="display:none;">' + campoProcesador + '</td>' +
                                    '<td class="tabla-ram-inventario" style="display:none;">' + campoRam + '</td>' +
                                    '<td class="tabla-tarjeta-video-inventario" style="display:none;">' + campoTarjetaDeVideo + '</td>' +
                                    '<td class="tabla-disco-duro-inventario" style="display:none;">' + campoDiscoDuro + '</td>' +
                                    '<td class="tabla-numero-abodo-telefono-inventario" style="display:none;">' + campoNumeroAbodoTelefono + '</td>' +
                                    '<td class="tabla-comentario-inventario" style="display:none;">' + campoComentario + '</td>' +
                
                                    '<td class="tabla-contador-inventario">' + cantidadMaximaDeRegistrosDeDispositivos + '</td>' +
                                    '<td class="tabla-accion-inventario">' +
                                        '<div class="btn-group ">'+
                                            '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>'+
                                            '<div class="dropdown-menu">'+
                                                abrirModalComentario+
                                                abrirModalPartesPc+
                                                abrirModalNumeroAbodoTel+
                                                '<a class="dropdown-item" href="#" onclick="eliminarFilaInvetario(this)"><i class="fas fa-trash"></i> Eliminar</a>'+
                                            '</div>'+ 
                                        '</div>'+    
                                    '</td>'+
                                    '<td class="tabla-nombre-usuario-asignado-inventario">' + campoNombreUsuarioAsignado + '</td>' +
                                    '<td class="tabla-nombre-usuario-contraturno-inventario">' + campoNombreUsuarioContraturno + '</td>' +
                                    '<td class="tabla-centro-costo-inventario">' + campoCentroCosto + '</td>' +
                                    '<td class="tabla-tipo-inventario">' + campoTipoDeDispositivo + '</td>' +
                                    '<td class="tabla-marca-inventario">' + campoNombreMarca+ '</td>' +
                                    '<td class="tabla-modelo-inventario">' + campoNombreModelo  + '</td>' +
                                    '<td class="tabla-tipo-identificador-inventario">' + campoTipoIdentificador   + '</td>' +
                                    '<td class="tabla-numero-identificador-inventario">' + campoNumeroIdentificador + '</td>' +
                                    '<td class="tabla-estado-inventario">' + campoEstado + '</td>' +
                                    /*'<td class="tabla-accion-inventario">' +
                                    '<button onclick="habilitarBotonConfirmarEliminacionInvetario(this)" type="button" class="btn btn-danger mr-1"><i class="fas fa-trash-alt"></i></button>' +
                                    '<button onclick="eliminarFilaInvetario(this)" style="display: none;" type="button" class="btn btn-danger boton-confirmar-dispositivo mr-1">Confirmar</button>' +
                                    '</td>' +*/
                                    '</tr>';
                                limpiarCamposDeInventario();
            
                                if(campoTipoDeDispositivo=="NOTEBOOK" || campoTipoDeDispositivo=="GABINETE"){
                                    document.getElementById("numeroCorrelativoTag").value=parseInt(document.getElementById("numeroCorrelativoTag").value)+1;
                                }
                                document.getElementById("custom-tabs-one-profile-tab").click();
                                eliminarLoading()
                            }
                        }
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }
        }

        function deshabilitarBotonesConfirmarEliminacionInvetario() {
            let botones = document.querySelectorAll(".boton-confirmar-dispositivo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }

        function habilitarBotonConfirmarEliminacionInvetario(boton) {
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionInvetario();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionInvetario();
                }
            }

        }

        function eliminarFilaInvetario(boton) {
            let elementoFila = boton.parentElement.parentElement.parentElement.parentElement;
            elementoFila.remove();
            cantidadMaximaDeRegistrosDeDispositivos = 0;
            let correlativo=numeroCorrelativoPrincipal;
            let filas = document.getElementById('tabla-inventario').tBodies[0].querySelectorAll("tr");
            if (filas.length > 0) {
                filas.forEach(elemento => {
                    if(elemento.querySelector(".tabla-contador-inventario")){
                        cantidadMaximaDeRegistrosDeDispositivos++;
                        elemento.querySelector(".tabla-contador-inventario").innerHTML = cantidadMaximaDeRegistrosDeDispositivos;
                        if(elemento.querySelector(".tabla-tipo-inventario").innerHTML.trim()=="NOTEBOOK" || document.getElementById(".tabla-tipo-inventario").value=="GABINETE"){
                            let NombreCorrelativo="";
                            if(correlativo.toString().trim().length==1){
                                NombreCorrelativo="00000"+correlativo.toString();
                            }else if(correlativo.toString().trim().length==2){
                                NombreCorrelativo="0000"+correlativo.toString();
                            }else if(correlativo.toString().trim().length==3){
                                NombreCorrelativo="000"+correlativo.toString();
                            }else if(correlativo.toString().trim().length==4){
                                NombreCorrelativo="00"+correlativo.toString();
                            }else if(correlativo.toString().trim().length==5){
                                NombreCorrelativo="0"+correlativo.toString();
                            }else{
                                NombreCorrelativo=correlativo.toString();
                            }

                            if(elemento.querySelector(".tabla-centro-costo-inventario").innerHTML.trim().length>0){
                                elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML="GI-"+elemento.querySelector(".tabla-centro-costo-inventario").innerHTML+"-"+NombreCorrelativo;
                                elemento.querySelector(".tabla-numero-correlativo-inventario").innerHTML=correlativo;
                            }else{
                                elemento.querySelector(".tabla-numero-identificador-inventario").innerHTML="GI-"+NombreCorrelativo;
                                elemento.querySelector(".tabla-numero-correlativo-inventario").innerHTML=correlativo;
                            }

                            correlativo++;
                        }
                    }
                });

                document.getElementById("numeroCorrelativoTag").value=correlativo;
            } else {
                document.getElementById("registrosDeInventario").innerHTML =
                    '<tr id="inventarioNoDisponibleEnLaTabla">' +
                    '<td colspan="11" class="text-center">No hay dispositivos disponibles en la tabla</td>' +
                    '</tr>';
            }
        }
    </script>

    <script>
        function abriModalParaVisualizarComentario(comentario){
            document.getElementById("campoModalComentarioInventario").value=comentario;
            $("#modalVisualizarComentario").modal("show");
        }

        function abriModalParaVisualizarNumeroAbodoTelefono(Numero){
            document.getElementById("campoModalNumeroAbodoTelefonoInventario").value=Numero;
            $("#modalVisualizarNumeroAbodoTelefono").modal("show");
        }

        function abriModalParaVisualizarPartesDePc(numeroSerie,procesador,ram,tarjetaVideo,discoDuro){
            document.getElementById("campoModalNumeroSeriePc").value=numeroSerie;
            document.getElementById("campoModelProcesador").value=procesador;
            document.getElementById("campoModalRam").value=ram;
            document.getElementById("campoModalTarjetaVideo").value=tarjetaVideo;
            document.getElementById("campoModalDiscoDuro").value=discoDuro;
            $("#modalVisualizarPartesDePc").modal("show");
        }
    </script>

    <script>
        function registrarInvetarios(){
            document.getElementById("botonRegistrarInventario").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')

            let filas = document.getElementById('tabla-inventario').tBodies[0].querySelectorAll("tr");
            let listadoDeDispositivos= [];

            filas.forEach(elementoPadre => {
                if (elementoPadre.querySelector(".tabla-contador-inventario")) {
                    let contadorFila = elementoPadre.querySelector(".tabla-contador-inventario").innerHTML;
                    let numeroCorrelativo = elementoPadre.querySelector(".tabla-numero-correlativo-inventario").innerHTML;
                    let idCentroDeCosto = elementoPadre.querySelector(".tabla-id-centro-costo-inventario").innerHTML.trim();
                    let idMarca = elementoPadre.querySelector(".tabla-id-marca-inventario").innerHTML.trim();
                    let idModelo = elementoPadre.querySelector(".tabla-id-modelo-inventario").innerHTML.trim();
                    let numeroSeriePc= elementoPadre.querySelector(".tabla-numero-serie-pc-inventario").innerHTML.trim();
                    let procesador= elementoPadre.querySelector(".tabla-procesador-inventario").innerHTML.trim();
                    let ram= elementoPadre.querySelector(".tabla-ram-inventario").innerHTML.trim();
                    let tarjetaDeVideo= elementoPadre.querySelector(".tabla-tarjeta-video-inventario").innerHTML.trim();
                    let discoDuro= elementoPadre.querySelector(".tabla-disco-duro-inventario").innerHTML.trim();
                    let numeroAbodoTelefono= elementoPadre.querySelector(".tabla-numero-abodo-telefono-inventario").innerHTML.trim();
                    let comentario= elementoPadre.querySelector(".tabla-comentario-inventario").innerHTML.trim();
                    let tipoDeDispositivo= elementoPadre.querySelector(".tabla-tipo-inventario").innerHTML.trim();
                    let tipoIdentificador= elementoPadre.querySelector(".tabla-tipo-identificador-inventario").innerHTML.trim();
                    let numeroIdentificador= elementoPadre.querySelector(".tabla-numero-identificador-inventario").innerHTML.trim();
                    let estado= elementoPadre.querySelector(".tabla-estado-inventario").innerHTML.trim();
                    let listadoUsuarioAsignado = elementoPadre.querySelector(".tabla-datos-usuario-asignado-inventario").innerHTML.trim();
                    let listadoUsuarioContraturno = elementoPadre.querySelector(".tabla-datos-usuario-contraturno-inventario").innerHTML.trim();

                    let dispositivo = {
                        contadorFila: contadorFila,
                        numeroCorrelativo:numeroCorrelativo,
                        idCentroDeCosto: idCentroDeCosto,
                        listadoUsuarioAsignado: listadoUsuarioAsignado,
                        listadoUsuarioContraturno: listadoUsuarioContraturno,
                        idMarca: idMarca,
                        idModelo: idModelo,
                        numeroSeriePc: numeroSeriePc,
                        procesador: procesador,
                        ram: ram,
                        tarjetaDeVideo: tarjetaDeVideo,
                        discoDuro: discoDuro,
                        numeroAbodoTelefono: numeroAbodoTelefono,
                        comentario: comentario,
                        tipoDeDispositivo: tipoDeDispositivo,
                        tipoIdentificador: tipoIdentificador,
                        numeroIdentificador: numeroIdentificador,
                        estado: estado
                    }
                    listadoDeDispositivos.push(dispositivo);
                }
            });

            if (listadoDeDispositivos.length > 0) {
                listadoDeDispositivos = JSON.stringify(listadoDeDispositivos);

                let formData = new FormData();
                formData.append('listado_dispositivos', listadoDeDispositivos);
                let csrf = '{{ csrf_token() }}';
                $.ajax({
                    url: '{{ route('inventario-ti.store') }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        eliminarLoading()
                        Swal.fire({
                            icon: 'success',
                            title: '¡Dispositivos Registrados!',
                            text: 'Los dispositivos se registraron con éxito',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        }).then((result) => {
                            location.reload();
                        })
                        .catch((error) => {
                            location.reload();
                        });
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                    }
                })
            }else{
                Swal.fire({
                    icon: 'success',
                    title: '¡Error!',
                    text: 'No hay dispositivos agregados, para registrar los dispositivos deben tener al menos un dispositivo agregado',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                });

                document.getElementById("botonRegistrarInventario").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>
@stop