@extends('new_app.header')
@section('content')
<section class="container-fluid p-3 shadow radius-8 mt-3 show-time-tbl">
    <div class="title text-center">
        <h2 class="text-primary time-title">Games Timings</h2>
    </div>
    <div class="table-container">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Open Time</th>
                    <th>Close Time</th>
                    <th>Result Time</th>
                </tr>
            </thead>
            <tbody>




                @php


                // Open time के हिसाब से सुबह से शाम तक सॉर्ट करें
                $sortedGames = $games->sortBy(function ($game) {
                return \Carbon\Carbon::parse($game->open_time)->format('H:i');
                });
                @endphp

                @foreach ($sortedGames as $index => $game)
                <tr class="game-name bg-light-green">
                    <td colspan="3"
                        class="fw-bold text-dark {{ $index % 2 == 0 ? 'bg-light-green' : 'bg-light-pink' }}">
                        {{ $game->game_name }}
                    </td>
                </tr>
                <tr class="time-tr">
                    <td>
                        {{ !empty($game->open_time) ? \Carbon\Carbon::parse($game->open_time)->format('h:i A') : 'N/A' }}
                    </td>
                    <td>
                        {{ !empty($game->close_time) ? \Carbon\Carbon::parse($game->close_time)->format('h:i A') : 'N/A' }}
                    </td>
                    <td>
                        {{ !empty($game->open_time) ? \Carbon\Carbon::parse($game->open_time)->format('h:i A') : 'N/A' }}
                    </td>
                </tr>
                @endforeach

            </tbody>
        </table>
        <style>
            th {
                text-align: center
            }

            td {
                text-align: center
            }
        </style>
    </div>
</section>
@endsection