@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div>
            @if(Session::has('success_message'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {!! Session::get('success_message') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
            @if(Session::has('error_message'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {!! Session::get('error_message') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif
        </div>

        @if (!$competitions->isEmpty())
            {{-- Winner videos --}}
            <div class="video-list winner-video-list">


                <div class="font-size-h1 fw-bold text-center">
                    {!! __('winner.video.list.title') !!}
                </div>

                @forelse ($competitions as $competition)
                    <div class="text-center fw-bold my-3">
                        {!! $competition->first()->competition_start_date !!} - {!! $competition->first()->competition_end_date !!}
                    </div>

                    @if($competition->count() >= 4)
                        @include('video.layout.slider', ['videos' => $competition, 'carousel_id' => 'winner_videos_carousel', 'winner' => true])
                    @else
                    <div class="row row-cols-1 row-cols-md-3 row-cols-lg-3">
                        @forelse ($competition as $video_co)
                            <div class="col">
                                @include('video.layout.card', ['video' => $video_co, 'winner' => true])
                            </div>
                        @empty
                            @include('video.layout.empty', ['title' => __('video.notFoundSearch.title'), 'description' => __('video.notFoundSearch.description')])
                        @endforelse
                    </div>
                    @endif
                @empty
                    
                @endforelse

                {{-- Paginate --}}
                @if (isset($video_list_data['query']) && $video_list_data['max_page'] > 1)
                        <div class="row paginate">
                            <div class="col d-flex justify-content-start">
                                @if ($video_list_data['prev_page'] >= 1)
                                    <a class="btn btn-primary" href="{{ route('video.winner_indexlist', ['locale' => app()->getLocale(), 'current_page' => $video_list_data['prev_page']]) }}">{!! __('button.prev') !!}</a>
                                @endif
                            </div>
                            <div class="col d-flex justify-content-center">
                                {{ $video_list_data['current_page'].'/'.$video_list_data['max_page'] }}
                            </div>
                            <div class="col d-flex justify-content-end">
                                @if ($video_list_data['next_page'] <= $video_list_data['max_page'])
                                    <a class="btn btn-primary" href="{{ route('video.winner_indexlist', ['locale' => app()->getLocale(), 'current_page' => $video_list_data['next_page']]) }}">{!! __('button.next') !!}</a>
                                @endif
                            </div>
                        </div>
                @endif

                {{-- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
                    @forelse ($videos as $video)
                        <div class="col">
                            @include('video.layout.card', ['video' => $video])
                        </div>
                    @empty
                        @include('video.layout.empty', ['title' => __('video.notFoundSearch.title'), 'description' => __('video.notFoundSearch.description')])
                    @endforelse
                </div> --}}


            </div>
        @else
            @include('video.layout.empty', ['title' => __('video.notFound.title'), 'description' => __('video.notFound.description')])
        @endif
        
        <div class="mt-3 mb-6">
            @include('video/counter')
        </div>
    </div>
</div>
@push('scripts')

@if ( (isset($order) && $order != '') || (isset($filter) && $filter != ''))
<script>
$(document).ready(function() {
    $('html, body').animate({
        scrollTop: $(".all-video-list").offset().top
    }, 500);
});
</script>
@endif
    
@endpush
@endsection