@section('plugins.Select2', true)
  <div class="row mb-2">
      <div class="col-sm-6">
          Job title: <b>{{ $user->jobtitle }}</b>
          <input name="jobtitle" class="form-control" type="text" value="{{ old('jobtitle', $user->jobtitle) }}">
      </div>
      <div class="col-sm-6">
          Company:
          <b>{{ $user->company ? $user->getCompany?->companyname : 'Unassigned' }}</b>
          <select name="company" class="custom-select">
              <option value="" {{ old('company') == '' ? 'selected' : '' }}>Please
                  select Company</option>
              @foreach ($companyNames as $companyName)
                  <option value="{{ $companyName->id }}"
                      {{ old('company', $user->company) == $companyName->id ? 'selected' : '' }}>
                      {{ $companyName->companyname }}
                  </option>
              @endforeach
          </select>
      </div>
  </div>
  <div class="row mb-2">
      <div class="col-sm-6">
          Department:
          <b>{{ $user->department ? $user->getDepartment->departmentname : 'Unassigned' }}</b>
          <select name="department" class="custom-select sSelect">
              <option value="" {{ old('department') == '' ? 'selected' : '' }}>Please
                  select Department</option>
              @foreach ($deptNames as $deptName)
                  <option value="{{ $deptName->id }}"
                      {{ old('department', $user->department) == $deptName->id ? 'selected' : '' }}>
                      {{ $deptName->departmentname }}
                  </option>
              @endforeach
          </select>
      </div>
      <div class="col-sm-6">
          Division:
          <b>{{ $user->division ? $user->getDivision->divisionname : 'Unassigned' }}</b>
          <select name="division" class="custom-select sSelect">
              <option value="" {{ old('department') == '' ? 'selected' : '' }}>Please
                  select Division</option>
              @foreach ($divisionNames as $divisionName)
                  <option value="{{ $divisionName->id }}"
                      {{ old('division', $user->division) == $divisionName->id ? 'selected' : '' }}>
                      {{ $divisionName->divisionname }}
                  </option>
              @endforeach
          </select>
      </div>
  </div>
  <div class="row mb-2">
      <div class="col-sm-6">
          Role: <b>{{ $user->role ? $user->getRole->rolename : 'Unassigned' }}</b>
          <select name="role" class="custom-select">
              <option value="" {{ old('role') == '' ? 'selected' : '' }}>Please
                  select Role</option>
              @foreach ($roleNames as $roleName)
                  <option value="{{ $roleName->id }}"
                      {{ old('role', $user->role) == $roleName->id ? 'selected' : '' }}>
                      {{ $roleName->rolename }}</option>
              @endforeach
          </select>
      </div>
      <div class="col-sm-6">
          @php
              // Split the comma-separated role IDs into an array
              $Teams = explode(',', $user->team);

              // Retrieve the corresponding role names from the roles table
              $TeamSplit = App\Models\Team::whereIn('id', $Teams)->pluck('team');
          @endphp

          Team<span class="text-danger">*</span>:
          @foreach ($TeamSplit as $teamNameSplit)
              <b> <span class="badge badge-secondary">{{ $teamNameSplit }}
                  </span></b>
          @endforeach
          <select class="form-control select2" id="team" name="team[]" multiple="multiple">
              @foreach ($teamNames as $teamName)
                  <option value="{{ $teamName->id }}"
                      {{ old('team', $user->team) == $teamName->id ? 'selected' : '' }}> {{ $teamName->team }}
                  </option>
              @endforeach
          </select>

          <script>
              $(document).ready(function() {
                  $('#team').select2({
                      theme: 'bootstrap4',
                      placeholder: 'Select teams',
                      width: '100%'
                  });
              })
          </script>

          @error('team')
              <span class="text-danger">{{ $message }}</span>
          @enderror
      </div>
  </div>
  <div class="row mb-2">
      <div class="col-sm-6">
          Level<span class="text-danger">*</span>: <b>{{ $user->level }}</b>
          <select name="level" class="custom-select @error('level') is-invalid @enderror">
              <option value="" {{ old('level' == '' ? 'selected' : '') }}>Please
                  select level</option>
              <option value="Director" {{ old('level', $user->level) == 'Director' ? 'selected' : '' }}>Director
              </option>
              <option value="Middle Manager" {{ old('level', $user->level) == 'Middle Manager' ? 'selected' : '' }}>
                  Middle Manager</option>
              <option value="Senior Manager" {{ old('level', $user->level) == 'Senior Manager' ? 'selected' : '' }}>
                  Senior Manager</option>
              <option value="Snr Planner" {{ old('level', $user->level) == 'Snr Planner' ? 'selected' : '' }}>Snr
                  Planner</option>
              <option value="Team Leader" {{ old('level', $user->level) == 'Team Leader' ? 'selected' : '' }}>Team
                  Leader</option>
              <option value="Team Member" {{ old('level', $user->level) == 'Team Member' ? 'selected' : '' }}>Team
                  Member</option>
              <option value="Apprentice" {{ old('level', $user->level) == 'Apprentice' ? 'selected' : '' }}>
                  Apprentice</option>
          </select>
          @error('level')
              <span class="text-danger">{{ $message }}</span>
          @enderror
      </div>
      <div class="col-sm-6">
          Location:
          <b>{{ $user->location ? $user->getLocation->locationname : 'Unassigned' }}</b>
          <select name="location" class="custom-select sSelect">
              <option value="" {{ old('location') == '' ? 'selected' : '' }}>Please
                  select Location</option>
              @foreach ($locationNames as $locationName)
                  <option value="{{ $locationName->id }}"
                      {{ old('location', $user->location) == $locationName->id ? 'selected' : '' }}>
                      {{ $locationName->locationname }}
                  </option>
              @endforeach
          </select>
      </div>
  </div>