                                <div class="flex flex-col relative"
                                    x-data="{ open: false, search: '', selected: '', value: '{{ $employee->job_role_id }}' }"
                                    x-init="
                                                                                                                                                                            selected = '{{ $employee->jobRole ? $employee->jobRole->name : 'Select Job Role' }}';
                                                                                                                                                                        ">
                                    <label class="text-sm font-bold text-slate-700 mb-2">Job Role <span
                                            class="text-red-500">*</span></label>
