@extends('frontend.app')

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


    <main class="container overflow-hidden gx-0 gx-lg-1 mt-2">

        {!! adCode('ad_home_top') !!}

        <div class="card my-shadow mb-2">
            <div class="row mt-2">
                @foreach ($sections as $home)
                    @if (empty($home['contents']) || $home['section']->type == "ad")
                        @continue
                    @endif
                    <section id="{{ Str::lower($home['section']->type) }}" class="col-lg-12">
                        <div class="px-2 mb-3">
                            <h2 class="px-2 py-1 fs-3 fw-bold text-uppercase">{!! $home['section']->title !!}</h2>
                            @switch($home['section']->type)
                                @case(App\Models\HomeSection::TYPE_LATEST)
                                @case(App\Models\HomeSection::TYPE_POPULAR)

                                @case(App\Models\HomeSection::TYPE_DJ_REMIX)
                                @case(App\Models\HomeSection::TYPE_TRENDING)

                                @case(App\Models\HomeSection::TYPE_MUSIC)
                                    <ul id="{{ Str::lower($home['section']->type) }}_items"
                                        class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 list-unstyled">
                                        @include('frontend.list', ['musics' => $home['contents']])
                                    </ul>
                                @break

                                @case(App\Models\HomeSection::TYPE_CATEGORIES)
                                    <ul id="{{ Str::lower($home['section']->type) }}_items"
                                        class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 list-unstyled">
                                        @each('frontend.home-category-list', $home['contents'], 'item')
                                    </ul>
                                @break

                                @case(App\Models\HomeSection::TYPE_ALBUMS)
                                    <div id="{{ Str::lower($home['section']->type) }}_items"
                                        class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 g-2 g-md-4 list-unstyled">
                                        @each('frontend.home-album-list', $home['contents'], 'item')
                                    </div>
                                @break

                                @case(App\Models\HomeSection::TYPE_ARTISTS)
                                    <div id="{{ Str::lower($home['section']->type) }}_items"
                                        class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 g-4 list-unstyled">
                                        @each('frontend.artist-list', $home['contents'], 'item')
                                    </div>
                                @break

                                @case(App\Models\HomeSection::TYPE_PLAYLISTS)
                                    <div id="{{ Str::lower($home['section']->type) }}_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', $home['contents'], 'item')
                                    </div>
                                @break

                                @default
                            @endswitch

                            @if (!empty($home['section']->getCustomField('load_more_url')))
                                <div class="text-center">
                                    <a class="btn btn-outline-primary"
                                        href="{{ $home['section']->getCustomField('load_more_url') }}">{{ trans('Load More') }}</a>
                                </div>
                            @endif
                        </div>
                    </section>
                @endforeach
            </div>

        </div>
        {!! adCode('ad_home_bottom') !!}
    </main>
@endsection


{{-- @foreach ([trans('Latest'), trans('Trending'), trans('Popularity')] as $item)
                                @php
                                    $key = strtolower($item);
                                @endphp
                                <div class="col-4">
                                    <a href="{{ route('home', ['sort' => $key]) }}"
                                        class="btn d-block btn-outline-primary{{ $key == request('sort', 'latest') ? ' active' : '' }}">{{ $item }}</a>
                                </div>
                            @endforeach --}}