@extends('frontend.app')

@section('content')
    <main class="container overflow-hidden gx-0 gx-lg-1">
        {!! adCode('ad_all_page_top') !!}
        <div class="info px-2 mt-2">
            <h1 class="pt-1 fs-3 mb-0 fw-bold text-uppercase">{{ trans('Playlists') }}</h1>
            <p>{{ trans('playlists_subtitle') }}</p>
        </div>
        <div class="row mt-2">
            <div class="col-lg-12">
                <div id="playlists" class="px-2 mb-2">
                    <ul id="items" class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 g-2 g-md-4 list-unstyled">
                        @each('frontend.playlist-list', $data, 'item')
                    </ul>
                    @include('frontend.pagination')
                </div>
            </div>
        </div>
        @if (!isInfiniteScroll())
            {!! adCode('ad_all_page_bottom') !!}
        @endif
    </main>
@endsection