@extends('doctor.layouts.app')
@section('content')
<style>
    h5{background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: #fff;
    border-radius: 12px;
    padding: 14px 18px;
    margin: 20px 0 10px;
    font-weight: 600;}
    </style>
@include('doctor.logos')
<ul class="nav nav-tabs mt-5 pt-3" id="predictionTabs">
        <li class="nav-item">
        <button class="nav-link active" id="leaderboard-tab" data-bs-toggle="tab" data-bs-target="#leaderboard" 
        type="button" role="tab" aria-controls="leaderboard" aria-selected="true">Leaderboard</button>
        </li>
        <li class="nav-item">
        <button class="nav-link " id="winner-tab" data-bs-toggle="tab" data-bs-target="#winner" 
        type="button" role="tab" aria-controls="winner" aria-selected="true">Winner</button>
        </li>
    </ul>
    <div class="tab-content mt-3">
        <div class="tab-pane fade show active" id="leaderboard">
            <table class="table">
            <thead>
                <tr>
                    <th>Rank</th>
                    <th>User Name</th>
					<th>Zone</th>
                    <th>Points</th>
                </tr>
            </thead>
            <tbody>
                @foreach($weeklyScores as $index => $user)
                    <tr>
                        <td>#{{ $index + 1 }}</td>
                        <td>{{ $user->doctorname }}</td>
                        <td>{{ $user->hq }}</td>
                        <td>{{ $user->total_points }}</td>
                    </tr>
                @endforeach
            </tbody>
            </table>
        </div>
        <div class="tab-pane fade" id="winner">
            <div class="alert alert-warning text-center">Winner of 28 Mar to 5 Apr will be declared on 6 Apr (Monday)</div>
		@foreach($weeklyranking as $week => $data)
    <h5>
        {{ \Carbon\Carbon::parse($data['start_date'])->format('M d') }} - {{ \Carbon\Carbon::parse($data['end_date'])->format('M d, Y') }}
    </h5>

    <table class="table">
        <thead>
            <tr>
                <th>Rank</th>
                <th>User Name</th>
                <th>Zone</th>
                <th>Points</th>
            </tr>
        </thead>
        <tbody>
            @foreach($data['rankings'] as $ranking)
                <tr>
                    <td>#{{ $ranking->rank }}</td>
                    <td>{{ $ranking->doctorname }}</td>
                    <td>{{ $ranking->hq }}</td>
                    <td>{{ $ranking->total_points }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endforeach
        </div>
    </div>

            
@endsection
@section('footers')
@endsection