@extends('layouts.frontend_leaderboard')
@section('title', $quiz->title)

@section('styles')
    {!! SEO::generate() !!}
    <style>
        .active-tab {
            background: orange;
            border-radius: 18px;
            padding: 8px;
        }

        .inactive-tab {
            padding: 8px;
        }
    </style>
@endsection
@section('content')
    @auth
        @if (auth()->user()->profile_picture != null)
            @php
                $user_profile = auth()
                    ->user()
                    ->profile_picture->getUrl();
            @endphp
        @else
            @php
                $user_profile = '/theme/v2/images/new_logo1.png';
            @endphp
        @endif
    @endauth
    <div class="container">

        <nav class="navbar navbar-expand-md navbar-dark candidate-default">
            <a class="navbar-brand" href="#">
                <img class="logo" src="{{ asset('theme/v2/images/Quiz_image.png') }}" height="40">
            </a>
            <img src="{{ asset('theme/v2/images/menu.svg') }}" class="navbar-toggler" type="button" data-toggle="collapse"
                data-target="#collapsibleNavbar">

            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a id=" navbardrop" class="nav-link " href="#" role="button" aria-haspopup="true"
                            aria-expanded="false" data-toggle="modal" data-target="#profileEditModal"
                            style="color: #777777 !important;">
                            <img src="{{ $user_profile }}" alt="profile " id="profile">
                            {{ auth()->user()->name }}
                        </a>
                    </li>
                    <li class="nav-item" id="logout">
                        <a href="#" id="submitlogout" style="color: #777777 !important;">
                            <i class="fa fa-power-off"></i>
                            logout
                        </a>
                    </li>
                    <form id="logoutform" action="{{ route('logout') }}" method="POST" style="display: none;">
                        {{ csrf_field() }}
                    </form>
                </ul>
            </div>
        </nav>
        <div class="jumbotron" id="middle_form">
            <div class="row" id="quiz_objective">
                <div class="col-md-10 col-sm-10 col-xs-10 col-lg-10">
                    <h5>{{ $quiz->title }}</h5>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-2 col-lg-2" id="heading">
                    <a type="button" href="{{ route('frontend.quiz.show', $quiz->slug) }}" class="know_more_button "
                        id="more_button1">
                        Back to quiz
                    </a>
                </div>
            </div>
            <!---Third section-->
            <div class="filter_section">
                <div class="container mt-5">
                    <div class="row">
                        <div class="col-md-12 ml-auto col-xl-12 mr-auto">

                            <!-- Nav tabs -->
                            <div class="card_view">

                                <ul class="nav nav-tabs " role="tablist">
                                    {{-- <li class="nav-item">
                                        <p class="options " data-toggle="tab" role="tab" id="home"
                                            >
                                            Filter Options
                                        </p>
                                    </li> --}}
                                    <li class="nav-item">
                                        <a class="nav-link active" data-toggle="tab" href="#profiles" role="tab">
                                            <b>Daily</b>
                                        </a>
                                    </li>
                                    @if ($weekly_scorecard->count() > 0)
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
                                                <b>Weekly</b>
                                            </a>
                                        </li>
                                    @endif
                                    @if ($weekly_scorecard->count() > 0)
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#monthly" role="tab">
                                                <b>Monthly</b>
                                            </a>
                                        </li>
                                    @endif
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#settings" role="tab">
                                            <b>Leader Board</b>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <!-- Tab panes -->
                                <div class="tab-content text-center">
                                    <div class="tab-pane active" id="profiles" role="tabpanel">
                                        <div class="container">
                                            <div class="row blog">
                                                <div class="col-md-12">
                                                    <div id="item_grid">
                                                        <div class="container">
                                                            <div class="row">
                                                                <div class="MultiCarousel" data-items="1,3,5,6"
                                                                    data-slide="1" id="MultiCarousel">
                                                                    <div class="MultiCarousel-inner">
                                                                        @php
                                                                            $today = request()->get('date') ?? null;
                                                                            $first_date = null;
                                                                        @endphp
                                                                        @if ($today)
                                                                            @php
                                                                                $active_class = 'active-tab';
                                                                                $today_count = 0;
                                                                            @endphp
                                                                        @else
                                                                            @php
                                                                                $active_class = 'inactive-tab';
                                                                                $today_count = 0;
                                                                            @endphp
                                                                        @endif
                                                                        @forelse ($filter_dates as $date)
                                                                            @if ($today_count == 0)
                                                                                @php
                                                                                    $first_date = $date->start_date;
                                                                                @endphp
                                                                            @endif
                                                                            <div class="item">
                                                                                <div class="pad15">
                                                                                    @php
                                                                                        $date_to_filter = Carbon\Carbon::parse($date->start_date)->format('Y-m-d');
                                                                                    @endphp
                                                                                    <h6
                                                                                        @if ($date_to_filter == $today) class="active-tab" @else class="inactive-tab" @endif>
                                                                                        <a href="{{ route('frontend.quiz.daily.scorecard', [$quiz->slug, 'date=' . $date_to_filter]) }}"
                                                                                            id="pad15">{{ Carbon\Carbon::parse($date->start_date)->format('d M Y') }}</a>
                                                                                    </h6>
                                                                                </div>
                                                                            </div>
                                                                            @php
                                                                                $today_count++;
                                                                            @endphp
                                                                        @empty
                                                                        @endforelse
                                                                    </div>
                                                                    <button class="btn btn-default leftLst">
                                                                        &lt;</button>
                                                                    <button class="btn btn-default rightLst">&gt;</button>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <!--.Carousel-->

                                                </div>

                                                <div class="container">
                                                <div class="row" id="">
                                                    <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 alert-info text-left">
                                                        @forelse ($today_scorecard as $question)
                                                            <span class="display-inline-question bold"><strong>Question: </strong>{!! $question->questionAnswer->question !!}</span>
                                                            @php
                                                                $correct_answer_column = $question->questionAnswer->correct_answer;
                                                                $correct_answer = \App\Models\questionAnswer::select($correct_answer_column)
                                                                    ->where('quiz_id', $quiz->id)
                                                                    ->where('id', $question->question_id)
                                                                    ->first();
                                                            @endphp
                                                            <p><strong>Answer: </strong>{!! $correct_answer[$correct_answer_column] !!}</p>
                                                        @empty
                                                        @endforelse
                                                    </div>
                                                </div></div>

                                                <!----Card Section-->
                                                @if (isset($today_scorecard[0]->rank_1))
                                                    <div class="card-section container">
                                                        <h6 class="top_ranker">Winner(s) of
                                                            {{ \Carbon\Carbon::parse($today ?? $first_date)->format('d M Y') }}
                                                        </h6>
                                                        @php

                                                            $blank = '';
                                                        @endphp
                                                        <div class="row">
                                                            @if (isset($today_scorecard[0]->rank_1))
                                                                @php
                                                                    $user = \App\Models\User::find($today_scorecard[0]->rank_1);
                                                                @endphp
                                                                @if ($user->profile_picture != null)
                                                                    @php
                                                                        $user_score_profile = $user->profile_picture->getUrl();
                                                                    @endphp
                                                                @else
                                                                    @php
                                                                        $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                                    @endphp
                                                                @endif

                                                                @php
                                                                    $question_id = $today_scorecard[0]->question_id;
                                                                    $quiz_id = $quiz->id;
                                                                    $user_id = $user->id;
                                                                    $submitted_on = \App\Models\ParticipantAnswer::select('submitted_on')
                                                                        ->where(['user_id' => $user_id, 'quiz_id' => $quiz_id, 'question_id' => $question_id])
                                                                        ->first();
                                                                @endphp

                                                                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">
                                                                    <div class="card text-center" id="winner-card_gold">
                                                                        <div class="card-header">

                                                                            <img src="{{ asset('theme/v2/images/gold.svg') }}"
                                                                                id="gold">
                                                                            <p class="first_place">1<sup>st</sup> Place</p>
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <h5 class="card-title">
                                                                                <img class=" center"
                                                                                    src="{{ $user_score_profile }}"
                                                                                    alt="" id="winner">
                                                                            </h5>
                                                                            <p class="card-text">
                                                                            </p>
                                                                            <div class="text">
                                                                                <h6 class="winner_name">
                                                                                    {{ $user->name }}</h6>
                                                                                <p class="winner_name">
                                                                                    {{ $user->email ?? $blank }}
                                                                                </p>
                                                                                <p class="winner_name">
                                                                                    {{ $user->city ?? $blank }}
                                                                                </p>

                                                                            </div>
                                                                            <p>Submitted at:
                                                                                {{ \Carbon\Carbon::parse($submitted_on->submitted_on)->format('h:i:sa') }}
                                                                            </p>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            @if (isset($today_scorecard[0]->rank_2))
                                                                @php
                                                                    $user = \App\Models\User::find($today_scorecard[0]->rank_2);
                                                                @endphp

                                                                @if (isset($user->profile_picture))
                                                                    @php
                                                                        $user_score_profile = $user->profile_picture->getUrl();
                                                                    @endphp
                                                                @else
                                                                    @php
                                                                        $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                                    @endphp
                                                                @endif
                                                                @php
                                                                    $question_id = $today_scorecard[0]->question_id;
                                                                    $quiz_id = $quiz->id;
                                                                    $user_id = $user->id;
                                                                    $submitted_on = \App\Models\ParticipantAnswer::select('submitted_on')
                                                                        ->where(['user_id' => $user_id, 'quiz_id' => $quiz_id, 'question_id' => $question_id])
                                                                        ->first();
                                                                @endphp
                                                                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">
                                                                    <div class="card text-center" id="winner-card_sliver">
                                                                        <div class="card-header">

                                                                            <img src="{{ asset('theme/v2/images/silver.svg') }}"
                                                                                id="gold">
                                                                            <p class="first_place">2<sup>nd</sup> Place</p>
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <h5 class="card-title">
                                                                                <img class=" center"
                                                                                    src="{{ $user_score_profile }}"
                                                                                    alt="" id="winner">
                                                                            </h5>
                                                                            <p class="card-text">
                                                                            </p>
                                                                            <div class="text">
                                                                                <h6 class="winner_name">
                                                                                    {{ $user->name }}</h6>
                                                                                <p class="winner_name">{{ $user->email }}
                                                                                </p>
                                                                                <p class="winner_name">{{ $user->city }}
                                                                                </p>

                                                                            </div>
                                                                            <p>Submitted at:
                                                                                {{ \Carbon\Carbon::parse($submitted_on->submitted_on)->format('h:i:sa') }}
                                                                            </p>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                            @if (isset($today_scorecard[0]->lucky_winner_1))
                                                                @php
                                                                    $user = \App\Models\User::find($today_scorecard[0]->lucky_winner_1);
                                                                @endphp
                                                                @if ($user->profile_picture != null)
                                                                    @php
                                                                        $user_score_profile = $user->profile_picture->getUrl();
                                                                    @endphp
                                                                @else
                                                                    @php
                                                                        $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                                    @endphp
                                                                @endif
                                                                @php
                                                                    $question_id = $today_scorecard[0]->question_id;
                                                                    $quiz_id = $quiz->id;
                                                                    $user_id = $user->id;
                                                                    $submitted_on = \App\Models\ParticipantAnswer::select('submitted_on')
                                                                        ->where(['user_id' => $user_id, 'quiz_id' => $quiz_id, 'question_id' => $question_id])
                                                                        ->first();
                                                                @endphp
                                                                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">
                                                                    <div class="card text-center" id="winner-card_bronze">
                                                                        <div class="card-header">

                                                                            <p class="first_place">Lucky Winner</p>
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <h5 class="card-title">
                                                                                <img class=" center"
                                                                                    src="{{ $user_score_profile }}"
                                                                                    alt="" id="winner">
                                                                            </h5>
                                                                            <p class="card-text">
                                                                            </p>
                                                                            <div class="text">
                                                                                <h6 class="winner_name">
                                                                                    {{ $user->name }}</h6>
                                                                                <p class="winner_name">{{ $user->email }}
                                                                                </p>
                                                                                <p class="winner_name">{{ $user->city }}
                                                                                </p>

                                                                            </div>
                                                                            <p>Submitted at:
                                                                                {{ \Carbon\Carbon::parse($submitted_on->submitted_on)->format('h:i:sa') }}
                                                                            </p>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif

                                                            @if (isset($today_scorecard[0]->lucky_winner_2))
                                                                @php
                                                                    $user = \App\Models\User::find($today_scorecard[0]->lucky_winner_2);
                                                                @endphp
                                                                @if ($user->profile_picture != null)
                                                                    @php
                                                                        $user_score_profile = $user->profile_picture->getUrl();
                                                                    @endphp
                                                                @else
                                                                    @php
                                                                        $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                                    @endphp
                                                                @endif
                                                                @php
                                                                    $question_id = $today_scorecard[0]->question_id;
                                                                    $quiz_id = $quiz->id;
                                                                    $user_id = $user->id;
                                                                    $submitted_on = \App\Models\ParticipantAnswer::select('submitted_on')
                                                                        ->where(['user_id' => $user_id, 'quiz_id' => $quiz_id, 'question_id' => $question_id])
                                                                        ->first();
                                                                @endphp
                                                                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-3">
                                                                    <div class="card text-center" id="winner-card_bronze">
                                                                        <div class="card-header">

                                                                            <p class="first_place">Lucky Winner</p>
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <h5 class="card-title">
                                                                                <img class=" center"
                                                                                    src="{{ $user_score_profile }}"
                                                                                    alt="" id="winner">
                                                                            </h5>
                                                                            <p class="card-text">
                                                                            </p>
                                                                            <div class="text">
                                                                                <h6 class="winner_name">
                                                                                    {{ $user->name }}</h6>
                                                                                <p class="winner_name">{{ $user->email }}
                                                                                </p>
                                                                                <p class="winner_name">{{ $user->city }}
                                                                                </p>

                                                                            </div>
                                                                            <p>Submitted at:
                                                                                {{ \Carbon\Carbon::parse($submitted_on->submitted_on)->format('h:i:sa') }}
                                                                            </p>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @endif
                                                <!---End Card Section-->
                                                <div class="card" id="winner-card">
                                                    <div class="card-header card-header-success card-header-icon"
                                                        id="Participant">
                                                        <!---table---->
                                                        <div class="container">
                                                            <div class="material-datatables">
                                                                <div id="datatables_wrapper"
                                                                    class="dataTables_wrapper dt-bootstrap4">
                                                                    <div class="row">
                                                                        <div class="col-sm-12 col-md-12">
                                                                            <h5 class="part">All Other Participants of
                                                                                {{ \Carbon\Carbon::parse($today ?? $first_date)->format('d M Y') }}
                                                                            </h5>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-sm-12">
                                                                            <table id="datatables"
                                                                                class="table table-responsive table-striped"
                                                                                cellspacing="0"
                                                                                style="width: 100%; color:black;"
                                                                                role="grid"
                                                                                aria-describedby="datatables_info">
                                                                                <thead style="background: #fcf8e3; ">
                                                                                    <tr role="row">

                                                                                        <th class="sorting" tabindex="0"
                                                                                            aria-controls="datatables"
                                                                                            rowspan="1" colspan="1"
                                                                                            style="width: 500px;"
                                                                                            aria-label="Position: activate to sort column ascending">
                                                                                            Profile
                                                                                            Name</th>
                                                                                        <th class="sorting" tabindex="0"
                                                                                            aria-controls="datatables"
                                                                                            rowspan="1" colspan="1"
                                                                                            style="width: 500px;"
                                                                                            aria-label="Office: activate to sort column ascending">
                                                                                            Score</th>
                                                                                        <th class="sorting" tabindex="0"
                                                                                            aria-controls="datatables"
                                                                                            rowspan="1" colspan="1"
                                                                                            style="width: 500px;"
                                                                                            aria-label="Office: activate to sort column ascending">
                                                                                            Time Taken</th>
                                                                                        <th class="sorting" tabindex="0"
                                                                                            aria-controls="datatables"
                                                                                            rowspan="1" colspan="1"
                                                                                            style="width: 500px;"
                                                                                            aria-label="Office: activate to sort column ascending">
                                                                                            Submitted On</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                    {{-- Question id = {{ $today_scorecard[0]->question_id }} --}}
                                                                                    @if ($today_other_participants)
                                                                                        {{-- @php
                                                                                            dd($today_scorecard[0]->question_id);
                                                                                        @endphp --}}
                                                                                        @forelse ($today_other_participants as $participant)
                                                                                            @php
                                                                                                $user = \App\Models\User::find($participant);
                                                                                                $date = request()->get('date') ?? null;
                                                                                                if ($date) {
                                                                                                    $score = \App\Models\ParticipantAnswer::where('user_id', $user->id)
                                                                                                        ->where('quiz_id', $quiz->id)
                                                                                                        ->where('question_id', $today_scorecard[0]->question_id)
                                                                                                        ->where('submitted_on', 'LIKE', $date . '%')
                                                                                                        ->select('point', 'submitted_on')
                                                                                                        ->orderBy('submitted_on', 'ASC')
                                                                                                        ->first();
                                                                                                } else {
                                                                                                    $score = \App\Models\ParticipantAnswer::select('point', 'submitted_on')
                                                                                                        ->where([
                                                                                                            'user_id' => $user->id,
                                                                                                            'quiz_id' => $quiz->id,
                                                                                                            'question_id' => $today_scorecard[0]->question_id,
                                                                                                        ])
                                                                                                        ->orderBy('submitted_on', 'ASC')
                                                                                                        ->first();
                                                                                                }
                                                                                                // dd($score->point);
                                                                                            @endphp
                                                                                            @if ($user->profile_picture != null)
                                                                                                @php
                                                                                                    $user_score_profile = $user->profile_picture->getUrl();
                                                                                                @endphp
                                                                                            @else
                                                                                                @php
                                                                                                    $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                                                                @endphp
                                                                                            @endif
                                                                                            <tr>
                                                                                                <td>
                                                                                                    <div
                                                                                                        class="candidate_profile">
                                                                                                        <img src="{{ $user_score_profile }}"
                                                                                                            alt="profile "
                                                                                                            class="rounded-circle"
                                                                                                            id="profile1"
                                                                                                            width="50px"
                                                                                                            height="50px">
                                                                                                        <strong>{{ $user->name }}</strong>
                                                                                                        <p
                                                                                                            class="participant_address">
                                                                                                            City:
                                                                                                            {{ $user->city ?? 'Data not provided.' }}
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </td>
                                                                                                <td>
                                                                                                    {{ $score->point ?? 0 }}
                                                                                                </td>
                                                                                                <td>
                                                                                                    @if (isset($score->submitted_on))
                                                                                                        @php
                                                                                                            $start_time = Carbon\Carbon::parse($today_scorecard[0]->start_time)->format('H:i:s');
                                                                                                            $submitted_time = Carbon\Carbon::parse($score->submitted_on)->format('H:i:s');
                                                                                                            $submitted_time = new DateTime($submitted_time);
                                                                                                            $start_time = new DateTime($start_time);
                                                                                                            $time_taken = $start_time->diff($submitted_time);

                                                                                                            $time_taken = $time_taken->format('%h hour %i min. and %s Sec.');
                                                                                                            // $in_hours = intdiv($time_taken, 60).' hour and '. ($time_taken % 60) .' min.';
                                                                                                        @endphp
                                                                                                        {{ $time_taken }}
                                                                                                    @else
                                                                                                        Missed this question
                                                                                                    @endif
                                                                                                </td>
                                                                                                <td>
                                                                                                    @if (isset($score->submitted_on))
                                                                                                        {{ Carbon\Carbon::parse($score->submitted_on ?? '')->format('d M Y h:ia') }}
                                                                                                    @else
                                                                                                        Missed this question
                                                                                                    @endif
                                                                                                </td>
                                                                                            </tr>
                                                                                        @empty
                                                                                            <tr>
                                                                                                <td colspan="3">
                                                                                                    No Other Participants
                                                                                                </td>
                                                                                            </tr>
                                                                                        @endforelse
                                                                                    @else
                                                                                        <tr>
                                                                                            <td colspan="3">
                                                                                                No Other Participants
                                                                                            </td>
                                                                                        </tr>
                                                                                    @endif
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-pane" id="messages" role="tabpanel">
                                        <div style="margin:-19px;" id="list_candidate">
                                            <table id="myTable1">
                                                <div class="row" id="sort_lodder">
                                                    <div class="col-md-4">
                                                        <h6 class="all_participant"> All Participants</h6>
                                                    </div>
                                                    <div class="col-md-4">

                                                    </div>
                                                    <div class="col-md-4">
                                                        <h6 class="participant_table1">
                                                            Sort by score
                                                            <i class="fa fa-sort" aria-hidden="true"
                                                                onclick="sortTable1(1, 'myTable1')"></i>
                                                        </h6>
                                                    </div>
                                                </div>

                                                @forelse ($weekly_scorecard as $participant)
                                                    @if ($participant->rank_1)
                                                        @php
                                                            $user = \App\Models\User::find($participant->user_id);
                                                        @endphp
                                                        @if (isset($user->profile_picture))
                                                            @php
                                                                $user_score_profile = $user->profile_picture->getUrl();
                                                            @endphp
                                                        @else
                                                            @php
                                                                $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                            @endphp
                                                        @endif
                                                        <tr>
                                                            <td>
                                                                <div class="candidate_profile">
                                                                    <img src="{{ $user_score_profile }}" alt="profile "
                                                                        class="rounded-circle" id="profile1"
                                                                        width="50px" height="50px">
                                                                    <strong>{{ $user->name }}</strong>
                                                                    <p class="participant_address">City:
                                                                        {{ $user->city ?? 'Data not provided.' }}
                                                                    </p>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <h6>
                                                                    Total Score
                                                                </h6>
                                                                <p>
                                                                    {{ $participant->total }}
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    @else<tr>
                                                            <td colspan="2">
                                                                <p>No Participants.</p>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @empty
                                                    <tr>
                                                        <td colspan="2">
                                                            <p>No Participants.</p>
                                                        </td>
                                                    </tr>
                                                @endforelse

                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="monthly" role="tabpanel">
                                        <div style="margin:-19px;" id="list_candidate">
                                            <table id="myTable1">
                                                <div class="row" id="sort_lodder">
                                                    <div class="col-md-4">
                                                        <h6 class="all_participant"> All Participants</h6>
                                                    </div>
                                                    <div class="col-md-4">

                                                    </div>
                                                    <div class="col-md-4">
                                                        <h6 class="participant_table1">
                                                            Sort by score
                                                            <i class="fa fa-sort" aria-hidden="true"
                                                                onclick="sortTable1(1, 'myTable1')"></i>
                                                        </h6>
                                                    </div>
                                                </div>

                                                @forelse ($weekly_scorecard as $participant)
                                                    @if ($participant->rank_1)
                                                        @php
                                                            $user = \App\Models\User::find($participant->user_id);
                                                        @endphp
                                                        @if (isset($user->profile_picture))
                                                            @php
                                                                $user_score_profile = $user->profile_picture->getUrl();
                                                            @endphp
                                                        @else
                                                            @php
                                                                $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                            @endphp
                                                        @endif
                                                        <tr>
                                                            <td>
                                                                <div class="candidate_profile">
                                                                    <img src="{{ $user_score_profile }}" alt="profile "
                                                                        class="rounded-circle" id="profile1"
                                                                        width="50px" height="50px">
                                                                    <strong>{{ $user->name }}</strong>
                                                                    <p class="participant_address">City:
                                                                        {{ $user->city ?? 'Data not provided.' }}
                                                                    </p>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <h6>
                                                                    Total Score
                                                                </h6>
                                                                <p>
                                                                    {{ $participant->total }}
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    @else<tr>
                                                            <td colspan="2">
                                                                <p>No Participants.</p>
                                                            </td>
                                                        </tr>
                                                    @endif
                                                @empty
                                                    <tr>
                                                        <td colspan="2">
                                                            <p>No Participants.</p>
                                                        </td>
                                                    </tr>
                                                @endforelse

                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="settings" role="tabpanel">
                                        <div style="margin:-19px;" id="list_candidate">
                                            <table id="myTable1">
                                                <div class="row" id="sort_lodder">
                                                    <div class="col-md-4">
                                                        <h6 class="all_participant"> All Participants</h6>
                                                    </div>
                                                    <div class="col-md-4">

                                                    </div>
                                                    <div class="col-md-4">
                                                        <h6 class="participant_table1">
                                                            Sort by score
                                                            <i class="fa fa-sort" aria-hidden="true"
                                                                onclick="sortTable1(1, 'myTable1')"></i>
                                                        </h6>
                                                    </div>
                                                </div>
                                                @forelse ($full_scorecard as $participant)
                                                    @php
                                                        $user = \App\Models\User::find($participant->user_id);
                                                    @endphp
                                                    @if (isset($user->profile_picture))
                                                        @php
                                                            $user_score_profile = $user->profile_picture->getUrl();
                                                        @endphp
                                                    @else
                                                        @php
                                                            $user_score_profile = '/theme/v2/images/new_logo1.png';
                                                        @endphp
                                                    @endif
                                                    <tr>
                                                        <td>
                                                            <div class="candidate_profile">
                                                                <img src="{{ $user_score_profile }}" alt="profile "
                                                                    class="rounded-circle" id="profile1" width="50px"
                                                                    height="50px">
                                                                <strong>{{ $user->name }}</strong>
                                                                <p class="participant_address">City:
                                                                    {{ $user->city ?? 'Data not provided.' }}
                                                                </p>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <h6>
                                                                Total Score
                                                            </h6>
                                                            <p>
                                                                {{ $participant->total }}
                                                            </p>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="2">
                                                            <p>No Participants.</p>
                                                        </td>
                                                    </tr>
                                                @endforelse

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    @auth
        <div class="modal" id="profileEditModal">
            <div class="modal-dialog">
                <div class="modal-content">

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title">Profile</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">
                        <div class="container" id="border">
                            <form method="POST" action="{{ route('frontend.profile.update', [auth()->user()->id]) }}"
                                enctype="multipart/form-data">
                                {{-- @method('PUT') --}}
                                @csrf
                                <div class="row">
                                    <div>
                                        <label class="newbtn">
                                            <img id="blah" src="{{ $user_profile }}" class="winner">
                                            <input type="file" name="profile_picture" id="pic" class="pis"
                                                onchange="readURL(this);" value="{{ $user_profile }}">
                                        </label>
                                    </div>
                                </div>
                                <div class="btn btn-circle center" id="rounded-circle">
                                    <i class="fa fa-camera" style="text-align: center;" id="fa-camera"></i>
                                </div>
                                <p class="add_profile">Update Profile Photo</p>
                                <div class="form-group">
                                    <input type="text" name="name" class="form-control" placeholder="Name"
                                        value="{{ auth()->user()->name }}" id="user_name">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Mobile number"
                                        value="+{{ auth()->user()->mobile_number }}" id="mobile_number" value="9044392079"
                                        readonly disabled>
                                </div>
                                <div class="form-group">
                                    <input type="email" name="email" value="{{ auth()->user()->email }}"
                                        class="form-control" placeholder="Email ID" id="user_email">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="city" value="{{ auth()->user()->city }}"
                                        class="form-control" placeholder="City" id="city">
                                </div>
                                <div class="form-group" id="profile_button">
                                    <button type="submit" class="btn btn-warning">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>


                    <!-- Modal footer -->

                </div>
            </div>
        </div>
    @endauth
@endsection
@section('scripts')
    <script>
        $('#submitlogout').on('click', function() {
            $('#logoutform').submit();
        });
    </script>
@endsection