Laravel: Динамические вкладки не показывают правильные данные?

Question

Я пытаюсь использовать динамические вкладки в laravel, и я немного новичок в этом. Я застрял в нем как 2 дня.

У меня есть две переменные, которые получают данные из таблиц в MySQL.

$stations = Station::select('id', 'name')->get();
// return $staions;

$queues = Queue::withTrashed()
                ->oldest()
                ->get();
// return $queues;

Данные в $schedules:

 [
   {
      "id":1,
      "name":"siinay"
   },
   {
      "id":2,
      "name":"jigjiga"
   },
   {
      "id":3,
      "name":"Idaacada"
   },
   {
      "id":4,
      "name":"Xero Awr"
   }
 ]

И данные в $queues:

Итак, проблема находится здесь во вкладках dynmaic: я хотел отобразить названия станций в nav-tabs и очереди в tab-content . Так что я сделал это так.

<ul  class="nav nav-tabs">
     @forelse ($stations as $station)
             <li >
                  <a data-toggle="tab" href="#tab-{{ $station->id }}"  >
                        {!! $station->name !!}
                  </a>
             </li>
      @empty

      @endforelse
</ul>

<div style="margin-top: 15%"  class="tab-content">
     @foreach($queues as $queue)
           @if($queue)
                 <div id="tab-{{ $queue->station_id}}" class="tab-pane fade">
                        <p>{!! $queue->bus_number !!}</p>
                 </div>
            @else
                  <div>empty</div>
           @endif
    @endforeach
</div>

когда я запускаю приведенный выше код, it only showing the last queue bus_number для каждой станции. каждая очередь станций

Answer 1

Самый старый действительно самый старый, это противоположность первому. Попробуйте это, чтобы получить коллекцию:

$queues = Queue::withTrashed()
                ->orderBy('id', 'desc')
                ->get();

В виде (упрощенно):

<ul  class="nav nav-tabs">
     @foreach ($stations as $station)
             <li>
                  <a data-toggle="tab" href="#tab-{{ $station->id }}">
                        {{ $station->name }}
                  </a>
             </li>
      @endforeach
</ul>

<div style="margin-top: 15%"  class="tab-content">
     @foreach($queues as $queue)
             <div id="tab-{{ $queue->station_id }}" class="tab-pane fade">
                    <p>{{ $queue->bus_number }}</p>
             </div>
    @endforeach
</div>

Нет необходимости проверять пустоту. Каждый из них является табличной записью. Если вы не хотите проверять номер шины или номер станции.