Codigo sin funcionalidad

                        </div>

                    </div>

                    <!-- Cargos -->

                    <!-- <div class="flex flex-col space-y-2">

                        <label for="cargos" class="text-gray-700 font-semibold">Cargos:</label>

                        <div class="flex space-x-2">

                            <select id="cargos" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">

                                <option value="" disabled selected>Selecciona un cargo</option>

                                @foreach($cargos as $cargo)

                                    <option value="{{ $cargo->id }}">{{ $cargo->nombre }}</option>

                                @endforeach

                            </select>

                            <button type="button" onclick="agregarEtiqueta('cargos', 'cargosAgregados')" class="bg-blue-500 text-white px-3 py-2 rounded-md">Agregar</button>

                        </div>

                        <div id="cargosAgregados" class="flex flex-wrap space-x-2 mt-2"></div>

                    </div> -->

                    <!-- Campos a exportar -->

                    <div class="flex flex-col space-y-2">

                        <label for="exportar" class="text-gray-700 font-semibold">Campos:</label>