laravel How To Create Dynamic Bootstrap Accordion

     <div class="tournament__rules accordion" id="tournamentRules">
         @php
        $allGamesss = DB::table('advertisments')->get();
    @endphp


        @php
            $i = 0;
        @endphp

        @foreach ($allGamesss as $project)
        <div class="card">
            <div class="card-header <?php echo ($i>0) ? 'collapsed' : ''; ?>" data-toggle="collapse" data-target="#collapse-<?php echo $i; ?>" aria-expanded="<?php echo ($i==0) ? 'true' : 'false'; ?>" aria-controls="collapse-<?php echo $i; ?>">
                <h4 class="mb-0 text-white"> {{ $project->adv_image }}</h4>
                <span class="collapse__icon plus">
                    <img class="in-svg" src="{{ asset('img/icons/plus.svg') }}" alt="Plus">
                </span>
                <span class="collapse__icon minus">
                    <img class="in-svg" src="{{ asset('img/icons/minus.svg') }}" alt="Minus">
                </span>
            </div>
      
            <div id="collapse-<?php echo $i; ?>" class="collapse <?php echo ($i==0) ? 'show' : ''; ?>" data-parent="#tournamentRules">
                <div class="card-body custom__scroller">
                    <p> {{ $project->url }}
                    </p>
                </div>
            </div>
        </div>
   
        @php
         $i++;   
         @endphp
        @endforeach

 

       
    </div>