@extends('frontend.app')

@section('content')
    <main>
        <section class="page-header">
            <div class="container">
                <div class="page-info">
                    <div class="page-holder">
                        <h1 class="fs-4 mb-1">{{ trans('favourite_title') }}</h1>
                        <p>{{ trans('favourite_subtitle') }}</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="main container overflow-hidden gx-0 gx-lg-1">
            <div class="card my-shadow mb-2">
                {!! adCode('ad_all_page_top') !!}
                <div class="row mt-2">
                    <div class="col-lg-12">
                        <div id="ringtones" class="px-2 mb-2">
                            @if ($musics->isNotEmpty())
                                <ul id="items" class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 list-unstyled">
                                    @include('frontend.list')
                                </ul>
                                @include('frontend.pagination')
                            @else
                                <div class="text-primary w-25 mx-auto my-5">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-list-columns"
                                        viewBox="0 0 16 14">
                                        <path fill-rule="evenodd"
                                            d="M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z" />
                                    </svg>
                                </div>
                                <p class="text-center">{{ trans('Woops, No Favourites Ringtones Found!') }}</p>

                                <div class="text-center">
                                    <a href="{{ route('home') }}" class="btn btn-primary">{{ trans('Go to Home') }}</a>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
                @if (!isInfiniteScroll())
                    {!! adCode('ad_all_page_bottom') !!}
                @endif
            </div>
        </section>
    </main>
@endsection
@section('bottomnavigation')
    @if ($firstMusic = $musics->first())
        @include('frontend.miniplayer', [
            'media' => $firstMusic->getFirstMedia(Constant::THUMB_COLLECTION),
            'title' => $firstMusic->file_name,
            'artistNames' => $firstMusic->relationLoaded('artists')
                ? join(',', Arr::pluck($firstMusic->artists, 'name'))
                : $firstMusic->album->name,
        ])
    @endif
@endsection