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

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

@section('content')
    {{-- <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">
                            <div class="live-badge">${{ $data['collection-details']->event_fee ?? '' }} </div> <img
                                src="{{ asset('images/chall-binner.svg') }}" width="15" height="15" alt="">
                            <h3>Host code:</h3>
                            <span>{{ $data['collection-details']->event_code ?? '' }}</span>
                        </div>
                        <div class="challenge-no d-flex justify-content-center align-items-center gap-2">
                            <img src="{{ asset('images/date-icon.svg') }}" width="15" height="15" alt="">
                            <h3>Date :</h3>
                            <p>{{ \Carbon\Carbon::parse($data['collection-details']->start_date)->format('F j, Y') }} to
                                {{ \Carbon\Carbon::parse($data['collection-details']->end_date)->format('F j, Y') }}</p>
                        </div>
                    </div>
                </label>
                <div class="customPistol-div">
                    <h5>{{ $data['division']->code . '-' . $data['division']->name }}</h5>
                </div>
            </div>
        </div>
    </section> --}}
    @include('include.leaderboard.event-header', [
        'collection' => $data['collection-details'],
        'score' => false,
    ])


    <section class="guest-leaderboard-banner guest-leaderboard-banner-2">
        <div class="container">
            <div class="leaderboard-binner-list-main championship-leader">

                @include('include.leaderboard.top-three-rank', [
                    'value' => $data,
                    'for' => false,
                    'flags' => true,
                ])

            </div>

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

            @if (session()->has('challenge_id'))
                <a href="route('member.challenge.joins')" class="button primary-btn full-btn show-anchor-disable"
                    data-bs-toggle="modal" data-bs-target="#enter-challange">ENTER CHALLENGE <br> <span>(Members
                        Only)</span></a>
            @endif

            {{-- search leaderboard --}}
            @include('include.search.search-leaderboard', ['filter_parameter' => $filter_parameter])
        </div>
    </section>
@endsection

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