@include('layout.header')
<div id="tab-5" class="tab-content">
    <section>
        <div class="row">
            <div class="col-12">
                <div class="row justify-content-center">
                    @if ($allMatch->count() != 0)

                        @foreach ($allMatch->toArray() as $allMatchData)
                            <div class="col-lg-3 col-md-6 col-md-12 col-12 match_timing">
                                <a href="{{ url('/match-data/' . Crypt::encrypt($allMatchData['match_id'])) }}"
                                    class="rs_shadow">
                                    <h3>{{ 'Match ' . $allMatchData['match_id'] }}</h3>
                                    <h4>{{ date('d M Y', strtotime($allMatchData['match_start_time'])) }}</h4>
                                    <div class="team_match">
                                        <ul>
                                            <li>
                                                <span class="team_name">
                                                    <img
                                                        src="../front/assets/images/logo/{{ $allMatchData['team_logo1'] }}">
                                                    {{ $allMatchData['team_name1'] }}
                                                    @if ($allMatchData['team_1_id'] == $allMatchData['winning_team'])
                                                        <img src="../front/assets/images/trophy.png">
                                                    @endif
                                                </span>
                                                <span class="team_score">
                                                    {{ number_format($allMatchData['team1_total_score'] / $allMatchData['team_1_members'], 1) }}
                                                    ({{ $allMatchData['team_1_members'] }})
                                                    ({{ $allMatchData['team1_total_score'] }} RX)
                                                </span>
                                            </li>
                                            <li>
                                                <span class="team_name">
                                                    <img
                                                        src="../front/assets/images/logo/{{ $allMatchData['team_logo2'] }}">
                                                    {{ $allMatchData['team_name2'] }}
                                                    @if ($allMatchData['team_2_id'] == $allMatchData['winning_team'])
                                                        <img src="../front/assets/images/trophy.png">
                                                    @endif
                                                </span>
                                                <span class="team_score">
                                                    {{ number_format($allMatchData['team2_total_score'] / $allMatchData['team_2_members'], 1) }}
                                                    ({{ $allMatchData['team_2_members'] }})
                                                    ({{ $allMatchData['team2_total_score'] }} RX)
                                                </span>
                                            </li>

                                        </ul>

                                        @php
                                            // Calculate the point difference based on average scores per member
                                            $pointDifference = abs(
                                                $allMatchData['team1_total_score'] / $allMatchData['team_1_members'] -
                                                    $allMatchData['team2_total_score'] /
                                                        $allMatchData['team_2_members'],
                                            );

                                            // Determine the winning team name
                                            $winningTeamName =
                                                $allMatchData['winning_team'] == $allMatchData['team_1_id']
                                                    ? $allMatchData['team_name1']
                                                    : $allMatchData['team_name2'];
                                        @endphp

                                        @if ($allMatchData['winning_team'] != '' && $allMatchData['is_draw'] != 'yes')
                                            <h5>{{ $winningTeamName }} Win by {{ number_format($pointDifference, 1) }}
                                                Point{{ $pointDifference > 1 ? 's' : '' }}</h5>
                                            <h5 style="color:#3b3b3b;"><span style="color:#38328A;">Man of the
                                                    Match:</span>
                                                {{ $allMatchData['man_of_the_match_names'] }}</h5>
                                        @elseif ($allMatchData['is_draw'] != 'no')
                                            <h5 style="color:#3b3b3b;"><span style="color:#38328A;">Match Draw</span>
                                            </h5>
                                        @endif


                                    </div>
                                </a>
                            </div>
                        @endforeach
                    @else
                    @endif

                    @if (liveMatchData()->count() != 0)
                        @foreach (liveMatchData()->toArray() as $index => $liveMatchData)
                            <div class="col-lg-3 col-md-6 col-md-12 col-12">
                                <div class="rs_shadow">


                                    @if (Auth::user()->user_type == 'BE')
                                    @endif
                                    <h3>{{ $liveMatchData['match_name'] }}</h3>

                                    <a href="{{ url('/match-data/' . Crypt::encrypt($liveMatchData['match_id'])) }}">
                                        <h3></h3>
                                        <h3> <i
                                                class="fa-solid fa-circle me-2 ms-2 text-success fa-fade"></i>{{ 'Match ' . $liveMatchData['match_id'] }}
                                        </h3>
                                        <h4 class="bg_primary">
                                            {{ date('d M Y', strtotime($liveMatchData['match_start_time'])) }}
                                        </h4>
                                        <div class="team_match">
                                            <ul>
                                                <li>
                                                    <span class="team_name"> <img
                                                            src="../front/assets/images/logo/{{ $liveMatchData['team_logo1'] }}">
                                                        {{ $liveMatchData['team_name1'] }}</span>
                                                    <span
                                                        class="team_score">{{ number_format($liveMatchData['team1_total_score'] / $liveMatchData['team_1_members'], 1) . ' (' . $liveMatchData['team_1_members'] . ') (' . $liveMatchData['team1_total_score'] . 'RX)' }}
                                                    </span>
                                                </li>
                                                <li>
                                                    <span class="team_name"> <img
                                                            src="../front/assets/images/logo/{{ $liveMatchData['team_logo2'] }}">
                                                        {{ $liveMatchData['team_name2'] }}</span>
                                                    <span
                                                        class="team_score">{{ number_format($liveMatchData['team2_total_score'] / $liveMatchData['team_2_members'], 1) . ' (' . $liveMatchData['team_2_members'] . ') (' . $liveMatchData['team2_total_score'] . 'RX)' }}</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div id="countdown{{ $index }}" class="countdown">
                                            <ul>
                                                <li><span id="days{{ $index }}">99</span> days</li>
                                                <li><span id="hours{{ $index }}">23</span> hours</li>
                                                <li><span id="minutes{{ $index }}">59</span> minutes</li>
                                                <li><span id="seconds{{ $index }}">59</span> seconds</li>
                                            </ul>
                                        </div>

                                        <script>
                                            const targetDateLocal{{ $index }} = new Date(
                                                '{{ \Carbon\Carbon::parse(@$liveMatchData['match_end_time'])->format('Y-m-d H:i:s') }}'
                                            );

                                            const targetDateUTC{{ $index }} = new Date(targetDateLocal{{ $index }}.toISOString());

                                            function updateTimer{{ $index }}() {
                                                const nowUTC = new Date();
                                                const timeRemaining = targetDateUTC{{ $index }} - nowUTC;

                                                const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
                                                const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                                                const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
                                                const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);

                                                document.getElementById('days{{ $index }}').innerText = days;
                                                document.getElementById('hours{{ $index }}').innerText = hours;
                                                document.getElementById('minutes{{ $index }}').innerText = minutes;
                                                document.getElementById('seconds{{ $index }}').innerText = seconds;

                                                if (timeRemaining < 0) {
                                                    document.getElementById('days{{ $index }}').innerText = '00';
                                                    document.getElementById('hours{{ $index }}').innerText = '00';
                                                    document.getElementById('minutes{{ $index }}').innerText = '00';
                                                    document.getElementById('seconds{{ $index }}').innerText = '00';
                                                    document.getElementById('countdown{{ $index }}').innerHTML = '';
                                                }
                                            }

                                            setInterval(updateTimer{{ $index }}, 1000);
                                            updateTimer{{ $index }}();
                                        </script>
                                </div>

                                </a>
                            </div>
                        @endforeach
                    @else
                    @endif

                    @if (upcomingMatch()->count() != 0)
                        @foreach (upcomingMatch()->toArray() as $upcomingMatchData)
                            <div class="col-lg-3 col-md-6 col-md-12 col-12">
                                <a href="" class="rs_shadow">

                                    <h3>{{ 'Match ' . $upcomingMatchData['match_id'] }}</h3>

                                    <h4>{{ date('d M Y', strtotime($upcomingMatchData['match_start_time'])) }}</h4>
                                    <div class="team_match">
                                        <ul>
                                            <li>
                                                <span class="team_name"> <img
                                                        src="../front/assets/images/logo/{{ $upcomingMatchData['team_logo1'] }}">
                                                    {{ $upcomingMatchData['team_name1'] }}</span>
                                                <span class="team_score"></span>
                                            </li>
                                            <li>
                                                <span class="team_name"> <img
                                                        src="../front/assets/images/logo/{{ $upcomingMatchData['team_logo2'] }}">
                                                    {{ $upcomingMatchData['team_name2'] }}</span>
                                                <span class="team_score"></span>
                                            </li>
                                        </ul>
                                    </div>

                                </a>
                            </div>
                        @endforeach
                    @else
                    @endif

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

@include('layout.footer')