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



@section('back_button')
    @if(request()->leaderboard && request()->leaderboard == 'championship')
        <a href="{{ route('guest.leaderboard.user.performance', ['userScore' => $userScore->id,  'division_type' => request()->division_type])}}"
            class="back-btn-back">
            <i class="fa-solid fa-chevron-left"></i>
        </a>
    @else
        <a href="{{ route('guest.leaderboard.challenge.division.rank', ['division_id' => $userScore->division_id ,'division_type' => request()->division_type]) }}"
            class="back-btn-back">
            <i class="fa-solid fa-chevron-left"></i>
        </a>
    @endif
@endsection

@section('content')
    {{-- show header --}}
    @include('include.leaderboard.event-header', ['collection' => $challenge, 'score' => $userScore])

{{-- show user score --}}
    @include('include.leaderboard.user-score', ['score' => $userScore, 'user' => $user , $collection = $challenge])

    <section class="weeks-rules-sec challange-round-list-sec  fianl-score-sec">
        <div class="container">
            <div class="division-main-box align-items-center position-relative justify-content-between">
                <img src="{{ asset('images/final-score.svg') }}" alt=""
                    class="leaderboard-round-list-badge final_score">
                <a href="{{ route('guest.leaderboard.challenge.details', ['userScore' => $userScore , 'division_type' => request()->division_type , 'leaderboard' => request()->leaderboard]) }}"
                    class="upload-target-main">
                    <div class="upload-final-target">
                        <h4>Go to <br>
                            Photo Page </h4>
                        <img src="{{ asset('images/right-yellow-arrow.svg') }}" width="17">
                    </div>
                </a>
                <a href="#" class="division-box position-relative">
                    <div class="division-inner">
                        <h4>{{ number_format($userScore->total_score, 2) }}</h4>
                    </div>
                </a>
                <a href="{{ route('guest.leaderboard.challenge.round.video', ['userScore' => $userScore->id , 'division_type' => request()->division_type , 'leaderboard' => request()->leaderboard]) }}"
                    class="upload-target-main">
                    <div class="upload-final-target">
                        <h4>Go to <br>
                            Videos Page </h4>
                        <img src="{{ asset('images/right-yellow-arrow.svg') }}" width="17">
                    </div>
                </a>
            </div>
     
            @include('include.leaderboard.comments',['type' => 'challenge' , 'userScore' => $userScore ,  'user' => $user , 'collection' => $challenge , 'division' => $division ])
        </div>
    </section>
@endsection