@php
$popular_songs = $data['landingpage']['popular_songs'];
$popular_song = count($popular_songs);
// $popular_song = 2; 
@endphp

@if ($popular_song >= 3)
    <div class="swiper-row">
        <div class="swiper-body">
            <div class="swiper mySwiperLagu">
                <div class="swiper-wrapper">
                    @foreach ($data['landingpage']['popular_songs'] ?? [] as $popular_songs)
                        <div class="swiper-slide card">
                            <div class="card-body">
                                <div class="card-swiper-head">
                                    <img src="{{ $popular_songs['song_image_display'] }}" class="img-swiper"
                                        alt="">
                                    <div class="card-swiper-text">
                                        <h5>{{ $popular_songs['song_title'] }}</h5>
                                        <p class="mb-0">{{ $popular_songs['songwriter_name'] }}</p>
                                        <div class="reating">
                                            @php
                                                for ($i = 1; $i <= $popular_songs['total_rating']; $i++) {
                                                    echo '  <i class="fa fa-star"></i>';
                                            } @endphp
                                        </div>
                                    </div>
                                </div>
                                <div class="description">
                                    <div class="card-swiper-description">
                                        <p>Dipopulerkan oleh :</p>
                                        <strong>{{ $popular_songs['attributes']['0']['value'] }}</strong>
                                    </div>
                                    <div class="card-swiper-description">
                                        <p>Rilis :</p>
                                        <strong>{{ $popular_songs['attributes']['1']['value'] }}</strong>
                                    </div>
                                    <div class="card-swiper-description">
                                        <p>Platform :</p>
                                        <strong>{{ $popular_songs['attributes']['2']['value'] }}</strong>
                                    </div>
                                    <div class="card-swiper-description">
                                        <p>Genre :</p>
                                        <strong>{{ $popular_songs['attributes']['3']['value'] }}</strong>
                                    </div>
                                    <a href="#" class="btn btn-buy-licence">Beli Lisensi</a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="swiper-button">
            <button class="button-swiper-next">
                <i class="fa fa-angle-right"></i>
            </button>
        </div>
    </div>
@elseif($popular_song == 2)
    <div class="row music_section">
        @foreach ($data['landingpage']['popular_songs'] ?? [] as $popular_songs)
            <div class="card card_music_two">
                <div class="card-body">
                    <div class="card-swiper-head">
                        <img src="{{ $popular_songs['song_image_display'] }}" class="img-swiper" alt="">
                        <div class="card-swiper-text">
                            <h5>{{ $popular_songs['song_title'] }}</h5>
                            <p class="mb-0">{{ $popular_songs['songwriter_name'] }}</p>
                            <div class="reating">
                                @php
                                    for ($i = 1; $i <= $popular_songs['total_rating']; $i++) {
                                        echo '  <i class="fa fa-star"></i>';
                                } @endphp
                            </div>
                        </div>
                    </div>
                    <div class="description">
                        <div class="card-swiper-description">
                            <p>Dipopulerkan oleh :</p>
                            <strong>{{ $popular_songs['attributes']['0']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Rilis :</p>
                            <strong>{{ $popular_songs['attributes']['1']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Platform :</p>
                            <strong>{{ $popular_songs['attributes']['2']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Genre :</p>
                            <strong>{{ $popular_songs['attributes']['3']['value'] }}</strong>
                        </div>
                        <a href="#" class="btn btn-buy-licence">Beli Lisensi</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@elseif($popular_song <= 1)
    @foreach ($data['landingpage']['popular_songs'] ?? [] as $popular_songs)
        <div class="music_section">
            <div class="card card_music_one">
                <div class="card-body">
                    <div class="card-swiper-head">
                        <img src="{{ $popular_songs['song_image_display'] }}" class="img-swiper" alt="">
                        <div class="card-swiper-text">
                            <h5>{{ $popular_songs['song_title'] }}</h5>
                            <p class="mb-0">{{ $popular_songs['songwriter_name'] }}</p>
                            <div class="reating">
                                @php
                                    for ($i = 1; $i <= $popular_songs['total_rating']; $i++) {
                                        echo '  <i class="fa fa-star"></i>';
                                } @endphp
                            </div>
                        </div>
                    </div>
                    <div class="description">
                        <div class="card-swiper-description">
                            <p>Dipopulerkan oleh :</p>
                            <strong>{{ $popular_songs['attributes']['0']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Rilis :</p>
                            <strong>{{ $popular_songs['attributes']['1']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Platform :</p>
                            <strong>{{ $popular_songs['attributes']['2']['value'] }}</strong>
                        </div>
                        <div class="card-swiper-description">
                            <p>Genre :</p>
                            <strong>{{ $popular_songs['attributes']['3']['value'] }}</strong>
                        </div>
                        <a href="#" class="btn btn-buy-licence">Beli Lisensi</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endif

<style>

</style>