@if (isset($data))
    @php
        $search_songs = count($data);
        // $search_songs = 2;
    @endphp

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

@endif