@extends('layouts.app', ['header_image' => false, 'header' => true, 'close_button' => false, 'search' => true])

@section('back_button')
    <a href="{{ route('guest.leaderboard.championship.home', ['challenge' => $data['collection-details']->id, 'for' => 'last-week-challenge', 'division_type' => $division_type ? request()->division_type : 'male']) }}"
        class="back-btn-back">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection


@section('content')
    {{-- show header --}}
    
    {{-- @include('include.leaderboard.event-header', [
        'collection' => $data['collection-details'],
        'score' => false,
    ]) --}}
    <section class="leaderboard-round-list-sec guest-leaderboard-banner">
        <div class="container">
            <div class="memeber-price-box">
                <label for="memeber-price-card">
                    <div class="memeber-price-details-outer d-block">
                        <div class="challenge-no d-flex justify-content-center align-items-center gap-2 mb-2">
                                <h3>Challenge Number:</h3>
                                <span>{{ $data['collection-details']?->challenge_code ?? ''}}</span>
                        </div>
                        <div class="challenge-no d-flex justify-content-center align-items-center gap-2">
                            <p>Division Winners - week ending </p>
                            <img src="{{ asset('images/date-icon.svg') }}" width="15" height="15" alt="">
                            <h3>Date :</h3>
                            <p> {{ \Carbon\Carbon::parse($data['collection-details']?->end_date)->format('F j, Y') }}</p>
                        </div>
                    </div>
                </label>
            </div>
        </div>
    </section>

    <section class="guest-leaderboard-banner guest-leaderboard-banner-2">
        <div class="container">
            <div class="leaderboard-binner-list-main championship-leader">
                {{-- show top three users of selected division  --}}
                @include('include.leaderboard.top-three-rank', [
                    'value' => $data,
                    'for' => false,
                    'flags' => true,
                ])
            </div>

            {{-- show all users of each division --}}
            @forelse ($data['user-listing'] as $key => $user_score)
                @include('include.leaderboard.user-listing', [
                    'user_score' => $user_score,
                    'collection' => $data['collection-details'],
                ])
            @empty
                <center>
                    <p>No user found</p>
                </center>
            @endforelse

            {{-- search leaderboard --}}
            @include('include.search.search-leaderboard', ['filter_parameter' => $filter_parameter])
            {{-- <a href="{{ route('member.challenge.joins') }}" class="button primary-btn full-btn show-anchor-disable">ENTER CHALLENGE <br> <span>(Members Only)</span></a> --}}
        </div>
    </section>
@endsection

@push('scripts')
    <script src="{{ asset('custom-js/search-leaderboard.js') }}"></script>
@endpush