【Laravel6】foreachループ内で親テーブルのidを判別し、子テーブルの該当するレコードを取得したい

Question

前提・実現したいこと

【前提】
親テーブル（foldersテーブル）
カラム↓
・id
・name
・description

子テーブル（categoriesテーブル）
カラム↓
・id
・folder_id
・name

【実現したいこと】
・親テーブルのすべてのレコードをforeach文で表示
・親テーブルのidと子テーブルのfolder_idが一致する子テーブルのレコードをforeach文で表示

そもそもの考え方が違う場合、どう考えれば実現できるのかだけでも教えていただければ助かります！

試したこと

board.blade.php

<ul>
    <!-- 親テーブル繰り返し -->
    @foreach($folder as $folder)
    <li class="mb-4">
        <div class="parent folder-name" data-toggle="collapse" data-target="#target{{ $folder->id }}" aria-expand="false" aria-controls="#target{{ $folder->id }}"><i class="fas fa-caret-right mr-3 triangle"></i>{{ $folder->name }}</div>
        <div class="child collapse" id="target{{ $folder->id }}">
            <ul class="create-category-items p-0">
                <!-- 子テーブル繰り返し -->
                @if($folder->id == $category->folder_id)
                @foreach($category as $category)
                <li class="mt-3">
                    <div class="d-flex justify-content-lg-between parent category-name" data-toggle="collapse" data-target="#target1-1" aria-expand="false" aria-controls="#target1-1">
                    <div class="category-left d-flex align-items-center">
                        <i class="fas fa-caret-right mr-3 triangle"></i>
                        <p>{{$category->name}}</p>
                    </div>    
                    <div class="category-right d-flex justify-content-end mb-1 cursor-default cursor-default">
                        <a href="#">編集</a>
                        <div class="mx-2">|</div>
                        <a href="" class="text-danger" data-toggle="modal" data-target="#">削除</a>
                    </div>
                </li>
                @endforeach
                @endif
            </ul>
        </div>
    </li>
    @endforeach
</ul>

Controller.php

public function board(Request $request)
{
    $folder = Folder::all();
    $category = Category::all();
    return view("/admin/board", [
        'folder' => $folder,
        'category' => $category,
    ]);
}

発生している問題・エラーメッセージ

Property [folder_id] does not exist on this collection instance. (View: /work/resources/views/admin/board.blade.php)

Answer 1

このように書くととりあえず動くかもしれません。テスト等できていませんが、一度検証していただけると幸いです。

<ul>
    <!-- 親テーブル繰り返し -->
    @foreach($folder as $folder)
    <li class="mb-4">
        <div class="parent folder-name" data-toggle="collapse" data-target="#target{{ $folder->id }}" aria-expand="false" aria-controls="#target{{ $folder->id }}"><i class="fas fa-caret-right mr-3 triangle"></i>{{ $folder->name }}</div>
        <div class="child collapse" id="target{{ $folder->id }}">
            <ul class="create-category-items p-0">
                <!-- 子テーブル繰り返し -->
                @foreach($category as $category)
                @if($folder->id == $category->folder_id)
                <li class="mt-3">
                    <div class="d-flex justify-content-lg-between parent category-name" data-toggle="collapse" data-target="#target1-1" aria-expand="false" aria-controls="#target1-1">
                    <div class="category-left d-flex align-items-center">
                        <i class="fas fa-caret-right mr-3 triangle"></i>
                        <p>{{$category->name}}</p>
                    </div>    
                    <div class="category-right d-flex justify-content-end mb-1 cursor-default cursor-default">
                        <a href="#">編集</a>
                        <div class="mx-2">|</div>
                        <a href="" class="text-danger" data-toggle="modal" data-target="#">削除</a>
                    </div>
                </li>
                @endif
                @endforeach
            </ul>
        </div>
    </li>
    @endforeach
</ul>

ちなみに、このような親テーブルに関連付けられている子テーブルの一覧を取得する操作はよく行われるため、Laravelには簡単に実装できる機能が備わっています。
こちらのリレーションに関する記事を参考にされると良いかと思います。
https://laraweb.net/practice/4369/

こちらの方が簡潔かつ、viewが複雑にならないので良いと思います。

Comments

[you3]

提示していただいた書き方で解決しました。
助かりました、ありがとうございます！

Answer 2

ループ内で展開しようとしている配列やオブジェクトの値と、中で展開する変数の値を一緒にするのはやめましょう。それが原因でエラーを見逃しています。

@foreach($folder as $vfolder)
    <li class="mb-4">
        <div class="parent folder-name" data-toggle="collapse" data-target="#target{{ $vfolder->id }}" aria-expand="false" aria-controls="#target{{ $vfolder->id }}"><i class="fas fa-caret-right mr-3 triangle"></i>{{ $vfolder->name }}</div>
        <div class="child collapse" id="target{{ $vfolder->id }}">
            <ul class="create-category-items p-0">
                <!-- 子テーブル繰り返し -->
                @if($vfolder->id == $vcategory->folder_id)
                @foreach($category as $vcategory)
                <li class="mt-3">
                    <div class="d-flex justify-content-lg-between parent category-name" data-toggle="collapse" data-target="#target1-1" aria-expand="false" aria-controls="#target1-1">
                    <div class="category-left d-flex align-items-center">
                        <i class="fas fa-caret-right mr-3 triangle"></i>
                        <p>{{$vcategory->name}}</p>
                    </div>    
                    <div class="category-right d-flex justify-content-end mb-1 cursor-default cursor-default">
                        <a href="#">編集</a>
                        <div class="mx-2">|</div>
                        <a href="" class="text-danger" data-toggle="modal" data-target="#">削除</a>
                    </div>
                </li>
                @endforeach
                @endif
            </ul>
        </div>
    </li>
@endforeach

このように名前を振り分けると、二度目のループの外側で存在しないループ内のメンバにあるはずのfolder_idを呼び出そうとしているのがわかると思います。

@if($vfolder->id == $vcategory->folder_id) //ループの外側なので、未定義
                @foreach($category as $vcategory)

Comments

[you3]

実はベストアンサーにさせていただいた方の書き方だけでは解決せず、FKMさんからのヒントのおかげもあり、解決しました！
この度はご回答ありがとうございました。助かりました！