@php
    $initsArray = $inits->toArray();
@endphp

@if($inits)
    <div id="carousel_inits" class="carousel slide" data-ride="carousel">

        <ol class="carousel-indicators">
            <li data-target="#carousel_inits" data-slide-to="0" class="active"></li>
            @for ($block = 1; $block < ceil(count($inits) / 4); $block++)
                <li data-target="#carousel_inits" data-slide-to="{{ $block }}"></li>
            @endfor
        </ol>

        <div class="carousel-inner">

             @for ($block = 0; $block < ceil(count($inits) / 4); $block++)
                <div class="carousel-item {{ $key == 0 ? 'active' : '' }}">
                    <div class="carousel_content d-flex justify-content-between">

                        <div class="row">

                            @for ($i = $block * 4; $i < ($block + 1) * 4 && $i < count($inits); $i++)

                                @php
                                    $init = $initArray[$i];
                                @endphp

                                <div class="col-sm">
                                    <div class="rate">
                                        <div class="rate_content">
                                            <p>
                                                <img class="mr-3" src="{{ $init->avatar }}"
                                                    style="max-width: 50px; max-height: 50px; border-radius: 50%;">
                                                {{ $init->name }}
                                            </p>
                                            <h6><a href="{{ route('initiative', ['id' => $init->id]) }}"> {{ $init->text }} </a></h6>
                                            <fieldset class="rating">
                                                @if($init->rating != 0 || $init->comments_count !=0)
                                                    @php
                                                        $votes = round($init->rating/$init->comments_count)
                                                    @endphp
                                                    <p>{{ $votes }} /5</p>
                                                    @for($star = 0; $star < $votes; $star++)
                                                        <img src="/img/star_g.png">
                                                    @endfor
                                                    @for($star = 0; $star < 5 - $votes; $star++)
                                                        <img src="/img/star.png">
                                                    @endfor
                                                @endif

                                            </fieldset>
                                        </div>
                                        <div class="rate_bottom d-flex justify-content-between">
                                            <div><img src="/img/like.png"><b>{{ $init->likes_count }}</b></div>
                                            <div><img src="/img/dislike.png"><b>{{ $init->dislikes_count }}</b></div>
                                        </div>
                                    </div>
                                </div>
                            @endfor

                        </div> <!-- row -->

                    </div> <!-- carusel-content -->
                 </div>
            @endforeach

        </div> <!-- carusel-inner -->

    </div> <!-- carusel -->

 @endif