セレクトボックス内でカテゴリを分ける方法

やりたいこと

↓ 画像のように、セレクトボックス内でカテゴリを分ける

optgroupでセレクトボックス内でカテゴリを分ける

blade.php

<select name="technology_tag_ids[]" id="tech_type" multiple class="rounded-md js-multiple-tag-select">
    @if(!$technologyTags->isEmpty())
        ⭐️@foreach($technologyTags->typeLabels as $type => $label)
            ⭐️<optgroup label="▼ {{ $label }}">{{-- セレクトボックス内でカテゴリを分ける --}}
                @foreach($technologyTags->where('tech_type', $type) as $technologyTag){{-- tech_typeカラムの値が$typeと一致するレコードだけを絞り込み --}}
                    <option value="{{ $technologyTag->id }}">{{ $technologyTag->name }}</option>
                @endforeach
            </optgroup>
        @endforeach
    @endif
</select>

②上記の⭐️$technologyTags->typeLabelsの部分を作成

CollectionController.php

public function create()
{
    // 🔹 ログインユーザーの技術タグをtech_type昇順で取得してadmin.collections.createに渡す処理
    $technologyTags = TagService::getTechnologyTagsSorted();

    // 🔹 技術タグのセレクトボックス内テーマ
    $technologyTags->typeLabels = TagService::appendTypeLabelsToTechnologyTags();

    return view('admin.collections.create', compact('technologyTags'));
}

TagService.php

// 🔹 ログインユーザーの技術タグをtech_type昇順で取得してadmin.collections.createに渡す処理
public static function getTechnologyTagsSorted() {
  $technologyTags = Auth::user()
      ->technologyTags()
      ->orderBy('tech_type', 'asc')
      ->get();

  return $technologyTags;
}

// 🔹 技術タグのセレクトボックス内テーマ
public static function appendTypeLabelsToTechnologyTags() {
  return [
      0 => '言語',
      1 => 'フレームワーク',
      2 => 'ツール',
  ];
}