 <!-- DEBUG: Selected Category: 9 --><!-- DEBUG: Order Clause: g.Date ASC, g.Time ASC --><!-- DEBUG: Full Query: SELECT DISTINCT
                        g.ID, 
                        g.Date, 
                        g.Time, 
                        g.HomeTeamScore, 
                        g.VisitorTeamScore,
                        g.HomeTeam_ID, 
                        g.VisitorTeam_ID, 
                        g.Rink_ID,
                        ht.Name as HomeTeamName, 
                        vt.Name as VisitorTeamName, 
                        r.Name as RinkName, 
                        r.ID as RinkID,
                        COALESCE(gs.Status, 'Scheduled') as GameStatus,
                        (CASE WHEN EXISTS(
                            SELECT 1 FROM gametimeline gt 
                            WHERE gt.game_id = g.ID AND gt.period_id = 3
                        ) THEN 1 ELSE 0 END) as has_overtime
                   FROM game g
                   INNER JOIN team ht ON g.HomeTeam_ID = ht.ID
                   INNER JOIN team vt ON g.VisitorTeam_ID = vt.ID
                   LEFT JOIN rink r ON g.Rink_ID = r.ID
                   LEFT JOIN gamestatus gs ON g.Status_ID = gs.ID
                   WHERE ht.Category_ID = 9 OR vt.Category_ID = 9 and g.IsFriendly=0
                   ORDER BY g.Date ASC, g.Time ASC --><!-- DEBUG: Query returned 56 rows --><!-- DEBUG: Row 1 - Game ID: 5, Home: Phoenix, Visitor: Lords of the Citadel --><!-- DEBUG: Row 2 - Game ID: 11, Home: Wolves, Visitor: Chiefs --><!-- DEBUG: Row 3 - Game ID: 29, Home: Wolves, Visitor: Huskies --><!-- DEBUG: Row 4 - Game ID: 31, Home: Psychos, Visitor: Dogs --><!-- DEBUG: Row 5 - Game ID: 37, Home: Chiefs, Visitor: Phoenix --><!-- DEBUG: Row 6 - Game ID: 44, Home: Lords of the Citadel, Visitor: Huskies --><!-- DEBUG: Row 7 - Game ID: 46, Home: Psychos, Visitor: Lapwings --><!-- DEBUG: Row 8 - Game ID: 50, Home: Chiefs, Visitor: Huskies --><!-- DEBUG: Row 9 - Game ID: 59, Home: Wolves, Visitor: Phoenix --><!-- DEBUG: Row 10 - Game ID: 67, Home: Huskies, Visitor: Lapwings --><!-- DEBUG: Row 11 - Game ID: 77, Home: Huskies, Visitor: Dogs --><!-- DEBUG: Row 12 - Game ID: 79, Home: Chiefs, Visitor: Lapwings --><!-- DEBUG: Row 13 - Game ID: 88, Home: Huskies, Visitor: Wolves --><!-- DEBUG: Row 14 - Game ID: 89, Home: Phoenix, Visitor: Dogs --><!-- DEBUG: Row 15 - Game ID: 93, Home: Chiefs, Visitor: Psychos --><!-- DEBUG: Row 16 - Game ID: 104, Home: Dogs, Visitor: Lords of the Citadel --><!-- DEBUG: Row 17 - Game ID: 114, Home: Psychos, Visitor: Phoenix --><!-- DEBUG: Row 18 - Game ID: 118, Home: Phoenix, Visitor: Lapwings --><!-- DEBUG: Row 19 - Game ID: 124, Home: Huskies, Visitor: Lords of the Citadel --><!-- DEBUG: Row 20 - Game ID: 132, Home: Lapwings, Visitor: Dogs --><!-- DEBUG: Row 21 - Game ID: 135, Home: Psychos, Visitor: Wolves --><!-- DEBUG: Row 22 - Game ID: 141, Home: Dogs, Visitor: Psychos --><!-- DEBUG: Row 23 - Game ID: 145, Home: Chiefs, Visitor: Lords of the Citadel --><!-- DEBUG: Row 24 - Game ID: 155, Home: Wolves, Visitor: Lapwings --><!-- DEBUG: Row 25 - Game ID: 156, Home: Phoenix, Visitor: Huskies --><!-- DEBUG: Row 26 - Game ID: 161, Home: Dogs, Visitor: Phoenix --><!-- DEBUG: Row 27 - Game ID: 164, Home: Chiefs, Visitor: Wolves --><!-- DEBUG: Row 28 - Game ID: 166, Home: Huskies, Visitor: Psychos --><!-- DEBUG: Row 29 - Game ID: 175, Home: Lapwings, Visitor: Phoenix --><!-- DEBUG: Row 30 - Game ID: 178, Home: Wolves, Visitor: Dogs --><!-- DEBUG: Row 31 - Game ID: 179, Home: Lords of the Citadel, Visitor: Chiefs --><!-- DEBUG: Row 32 - Game ID: 184, Home: Psychos, Visitor: Huskies --><!-- DEBUG: Row 33 - Game ID: 195, Home: Lords of the Citadel, Visitor: Lapwings --><!-- DEBUG: Row 34 - Game ID: 226, Home: Lapwings, Visitor: Wolves --><!-- DEBUG: Row 35 - Game ID: 243, Home: Wolves, Visitor: Psychos --><!-- DEBUG: Row 36 - Game ID: 248, Home: Lords of the Citadel, Visitor: Wolves --><!-- DEBUG: Row 37 - Game ID: 253, Home: Huskies, Visitor: Chiefs --><!-- DEBUG: Row 38 - Game ID: 257, Home: Lapwings, Visitor: Psychos --><!-- DEBUG: Row 39 - Game ID: 260, Home: Dogs, Visitor: Huskies --><!-- DEBUG: Row 40 - Game ID: 266, Home: Lapwings, Visitor: Chiefs --><!-- DEBUG: Row 41 - Game ID: 267, Home: Lords of the Citadel, Visitor: Psychos --><!-- DEBUG: Row 42 - Game ID: 273, Home: Dogs, Visitor: Lapwings --><!-- DEBUG: Row 43 - Game ID: 274, Home: Huskies, Visitor: Phoenix --><!-- DEBUG: Row 44 - Game ID: 231, Home: Psychos, Visitor: Lords of the Citadel --><!-- DEBUG: Row 45 - Game ID: 296, Home: Lords of the Citadel, Visitor: Dogs --><!-- DEBUG: Row 46 - Game ID: 301, Home: Psychos, Visitor: Chiefs --><!-- DEBUG: Row 47 - Game ID: 302, Home: Phoenix, Visitor: Wolves --><!-- DEBUG: Row 48 - Game ID: 306, Home: Dogs, Visitor: Wolves --><!-- DEBUG: Row 49 - Game ID: 314, Home: Lapwings, Visitor: Lords of the Citadel --><!-- DEBUG: Row 50 - Game ID: 324, Home: Phoenix, Visitor: Chiefs --><!-- DEBUG: Row 51 - Game ID: 327, Home: Dogs, Visitor: Chiefs --><!-- DEBUG: Row 52 - Game ID: 64, Home: Chiefs, Visitor: Dogs --><!-- DEBUG: Row 53 - Game ID: 340, Home: Lapwings, Visitor: Huskies --><!-- DEBUG: Row 54 - Game ID: 341, Home: Phoenix, Visitor: Psychos --><!-- DEBUG: Row 55 - Game ID: 344, Home: Wolves, Visitor: Lords of the Citadel --><!-- DEBUG: Row 56 - Game ID: 425, Home: Lords of the Citadel, Visitor: Phoenix --><!-- DEBUG: Total games added to array: 56 --><!-- DEBUG: Final games array count: 56 --><!-- DEBUG: Game IDs in array: 5, 11, 29, 31, 37, 44, 46, 50, 59, 67 --><!-- DEBUG: Games array structure (first 2 games): --><!-- Array
(
    [0] => Array
        (
            [ID] => 5
            [Date] => 2025-09-27
            [Time] => 21:00:00
            [HomeTeamScore] => 8
            [VisitorTeamScore] => 3
            [HomeTeam_ID] => 82
            [VisitorTeam_ID] => 83
            [Rink_ID] => 1
            [HomeTeamName] => Phoenix
            [VisitorTeamName] => Lords of the Citadel
            [RinkName] => AALST (Sporthal Du Parc)
            [RinkID] => 1
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

    [1] => Array
        (
            [ID] => 11
            [Date] => 2025-09-28
            [Time] => 18:00:00
            [HomeTeamScore] => 5
            [VisitorTeamScore] => 2
            [HomeTeam_ID] => 85
            [VisitorTeam_ID] => 86
            [Rink_ID] => 2
            [HomeTeamName] => Wolves
            [VisitorTeamName] => Chiefs
            [RinkName] => JUMET (Centre Sportif Arc en Ciel)
            [RinkID] => 2
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

)
 --><!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TG9YRJ10FL"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-TG9YRJ10FL');
</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Standings - InlineManagement</title>
    <link rel="stylesheet" href="../css/styles.css">
	<link rel="stylesheet" href="../css/league.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
 <style>
        .category-tile {
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            min-height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: inherit;
        }
        .category-tile .card-body {
            padding: 0.75rem;
        }
        .category-tile h5 {
            margin-bottom: 0.5rem;
        }
        .category-tile h6 {
            font-size: 0.9rem;
            margin-bottom: 0.25rem;
        }
        .category-tile small {
            font-size: 0.75rem;
        }
        /* Grid layout for 6 tiles per row on PC */
        .category-grid .col-md-4 {
            flex: 0 0 auto;
            width: 16.666667%;
        }
        .category-grid .col-lg-3 {
            flex: 0 0 auto;
            width: 16.666667%;
        }
        .category-tile.active {
            border-color: #0d6efd;
            background-color: #f8f9fa;
        }
        .info-card {
            margin-bottom: 2rem;
        }
        .player-photo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #dee2e6;
        }
        .player-placeholder {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #6c757d;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            border: 2px solid #dee2e6;
        }
        .scorer-row:hover {
            background-color: #f8f9fa;
        }
        .position-badge {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: white;
        }
        .position-1 { background-color: #ffd700; color: #000; }
        .position-2 { background-color: #c0c0c0; color: #000; }
        .position-3 { background-color: #cd7f32; color: #fff; }
        .position-other { background-color: #6c757d; }
        .stat-highlight {
            font-weight: bold;
            font-size: 1.1em;
        }
        .points-per-game {
            font-size: 0.85em;
            color: #6c757d;
        }
		.badge {
            display: inline-block;
            padding: 0.375rem 0.65rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1;
            color: #000;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.375rem;
        }
		.bg-fluo {
            background-color: #ffff00;
            border: 2px solid #cccc00;
        }
        .blinking {
            animation: blink 1s infinite;
        }
        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0.3; }
        }
    </style>
</head>
<body>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inline Management System</title>
    <!-- CSS styles and titles will be defined in each page -->
    <link rel="stylesheet" href="/InlineManagement/css/styles.css">

	
</head>
<body>

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container navbar-container-bg">
            <!-- Logo -->
            <a class="navbar-brand d-flex align-items-center" href="/InlineManagement/index.php" style="margin-bottom: 0;">
                <img src="/InlineManagement/assets/logo.png" alt="Inline Management Logo" style="background-color: transparent !important;" height="96" class="me-1">
            </a>
            
            <!-- Mobile toggle button -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            
            <!-- Collapsible navigation -->
            <div class="collapse navbar-collapse" id="navbarNav">
                <div class="w-100 d-flex justify-content-between">
                    <!-- Main navigation menu -->
                    <ul class="navbar-nav me-auto">
                        
                        <!-- === PUBLIC MENUS - Always visible === -->
                        
                        <!-- Games Menu -->
                        <li class="nav-item dropdown me-3">
                            <a class="nav-link dropdown-toggle active" href="#" id="GAMES_MENU" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-hockey-puck me-1"></i>Games
                            </a>
                            <ul class="dropdown-menu me-3" aria-labelledby="GAMES_MENU">
                                <li class="nav-item"><a class="dropdown-item" href="/InlineManagement/game.php"><i class="fas fa-list me-2"></i>Games list</a></li>
                                
                                				
                            </ul>
                        </li>

                        <!-- Clubs Menu -->
                        <li class="nav-item dropdown me-3">
                            <a class="nav-link dropdown-toggle active" href="#" id="CLUBS_MENU" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-university me-1"></i>Clubs
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="CLUBS_MENU">
                                <li><a class="dropdown-item" href="/InlineManagement/team.php"><i class="fas fa-list me-2"></i>Team list</a></li>
                                <li><a class="dropdown-item" href="/InlineManagement/club.php"><i class="fas fa-university me-2"></i>Club list</a></li>
                                                            </ul>
                        </li>

                        <!-- Rinks Menu -->
                        <li class="nav-item dropdown me-3">
                            <a class="nav-link dropdown-toggle active" href="#" id="RINKS_MENU" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-skating me-1"></i>Rinks
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="RINKS_MENU">
                                <li><a class="dropdown-item" href="/InlineManagement/rink.php"><i class="fas fa-skating me-2"></i>Rink list</a></li>
                            </ul>
                        </li>

                        
                        <!-- === PUBLIC DISPLAY MENU - Always visible === -->
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="#" id="publicdisplayDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-eye me-1"></i>Statistics
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="publicdisplayDropdown">
                                <li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/standings.php"><i class="fas fa-th-list me-2"></i>Standings</a></li>
                                <li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/individual_stat.php"><i class="fas fa-th-list me-2"></i>Individual Statistics</a></li>
								<li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/category_stat.php"><i class="fas fa-trophy me-2"></i>Category statistics</a></li>
                                 <li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/statistics.php"><i class="fas fa-chart-bar"></i> General statistics</a></li>
                                 <li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/goal_stat.php"><i class="fa-solid fa-chart-pie"></i> Goal chart statistics</a></li>
                                 <li><a class="dropdown-item" href="/InlineManagement/PublicDisplay/penalty_stat.php"><i class="fa-solid fa-chart-pie"></i> Penalty chart statistics</a></li>
				
                            </ul>
                        </li>

                        <!-- Help Menu -->
                        
                    </ul>
                    
                    <!-- User section on the right -->
                    <ul class="navbar-nav">
                                                    <!-- Login button for non-connected user -->
                            <li class="nav-item">
                                <a class="btn btn-belgium-primary btn-sm d-flex align-items-center" href="/InlineManagement/login.php?redirect=%2FInlineManagement%2FPublicDisplay%2Fstandings.php%3Fcategory%3D9">
                                    <i class="fas fa-sign-in-alt me-2"></i>
                                    <span class="d-none d-md-inline">Login</span>
                                </a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
    </nav>

        <div class="container mt-4">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1><i class="fas fa-layer-group"></i> Standings</h1>
        </div>


<!-- Category Tiles with Images -->
<div class="card info-card">
    <div class="card-body">
        <div class="row g-1 category-grid">
                                                <div class="col-md-2 col-lg-2">
                        <a href="?category=21" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/CUP.png" 
                                     alt="Cup logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/CUP.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    Cup                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=9" 
                           class="card category-tile h-100 active"
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/N1.png" 
                                     alt="N1 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/N1.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    N1                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=8" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/N2.png" 
                                     alt="N2 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/N2.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    N2                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=7" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/N3.png" 
                                     alt="N3 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/N3.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    N3                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=10" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/RECREANT.png" 
                                     alt="Recreant logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/RECREANT.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    Recreant                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=1" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U10.png" 
                                     alt="U10 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U10.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U10                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=2" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U12.png" 
                                     alt="U12 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U12.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U12                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=3" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U14.png" 
                                     alt="U14 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U14.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U14                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=4" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U16.png" 
                                     alt="U16 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U16.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U16                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=6" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U20.png" 
                                     alt="U20 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U20.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U20                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-md-2 col-lg-2">
                        <a href="?category=22" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/WOMEN.png" 
                                     alt="Women logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/WOMEN.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    Women                                </h6>
                            </div>
                        </a>
                    </div>
                                    </div>
    </div>
</div>
        <!-- Bouton -->
 <div class="card info-card">
    <div class="card-body">
        <div class="d-grid gap-2 d-md-flex justify-content-md-between">
            <a href="standings.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Standings
            </a><a href="individual_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Individual Statistics
            </a>
            <a href="category_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Category Statistics
            </a>
            <a href="goal_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> Goal stat
            </a>
            <a href="penalty_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> GraphicalPenalty stat
            </a>
        </div>
    </div>
</div>       


      <!-- Teams -->
<!-- Teams -->
<div class="card info-card">
    <div class="card-body" style="padding: 8px 10px 5px 10px !important;">
                    <div class="row g-3 category-grid">
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=11&table=logo" 
                                                alt="Chiefs logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            CH                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Chiefs                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Chiefs Inline Leuven                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=8&table=logo" 
                                                alt="Dogs logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            DO                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Dogs                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Dogs Eeklo                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=10&table=logo" 
                                                alt="Huskies logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            HU                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Huskies                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Huskies                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=12&table=logo" 
                                                alt="Lapwings logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            LA                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Lapwings                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Lapwings                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=13&table=logo" 
                                                alt="Lords of the Citadel logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            LO                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Lords of the Citadel                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Lords Of the Citadel                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=14&table=logo" 
                                                alt="Phoenix logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            PH                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Phoenix                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Phoenix Brussels                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=15&table=logo" 
                                                alt="Psychos logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            PS                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Psychos                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Psychos                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 120px; height: 120px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=17&table=logo" 
                                                alt="Wolves logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            WO                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Wolves                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Wolves Charleroi                                </small>
                            </div>
                        </div>
                    </div>
                            </div>
            </div>
</div>
<!-- Ranking -->
<!-- Ranking -->
<!-- Updated Ranking Table Section -->
<div class="card info-card">
    <div class="card-header bg-warning text-dark">
        <h5 class="mb-0">
            <i class="fas fa-trophy"></i> 
            Ranking - N1        </h5>
    </div>
    <div class="card-body"> 
                                                                <!-- Pool Header -->
                    <div class="pool-section mb-4">
                        <div class="card">
                            <div class="card-header bg-info text-white">
                                <h6 class="mb-0">
                                    <i class="fas fa-layer-group"></i> 
                                                                    </h6>
                            </div>
                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover mb-0">
                                        <thead class="table-warning">
                                            <tr>
                                                <th style="width: 5%;">#</th>
                                                <th style="width: 8%;">Logo</th>
                                                <th style="width: 22%;">Team</th>
                                                <th style="width: 7%;">GP</th>
                                                <th style="width: 7%;">W</th>
                                                                                                    <th style="width: 7%;">WO</th>
                                                    <th style="width: 7%;">LO</th>
                                                                                                <th style="width: 7%;">L</th>
                                                <th style="width: 7%;" class="fw-bold">Pts</th>
                                                <th style="width: 11%;">GF-GA</th>
                                                <th style="width: 10%;">Diff</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">1</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=17&table=logo" 
                                                                alt="Wolves logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Wolves</strong>
                                                                                                                    <br><small class="text-muted">Wolves Charleroi</small>
                                                                                                            </td>
                                                    <td>2</td>
                                                    <td>2</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">6</td>
                                                    <td>9-3</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +6                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">2</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=14&table=logo" 
                                                                alt="Phoenix logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Phoenix</strong>
                                                                                                                    <br><small class="text-muted">Phoenix Brussels</small>
                                                                                                            </td>
                                                    <td>1</td>
                                                    <td>1</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">3</td>
                                                    <td>8-3</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +5                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">3</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=8&table=logo" 
                                                                alt="Dogs logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Dogs</strong>
                                                                                                                    <br><small class="text-muted">Dogs Eeklo</small>
                                                                                                            </td>
                                                    <td>0</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>0-0</td>
                                                    <td>
                                                        <span class="badge bg-secondary">
                                                            0                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">4</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=12&table=logo" 
                                                                alt="Lapwings logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Lapwings</strong>
                                                                                                                    <br><small class="text-muted">Lapwings</small>
                                                                                                            </td>
                                                    <td>0</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>0-0</td>
                                                    <td>
                                                        <span class="badge bg-secondary">
                                                            0                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">5</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=15&table=logo" 
                                                                alt="Psychos logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Psychos</strong>
                                                                                                                    <br><small class="text-muted">Psychos</small>
                                                                                                            </td>
                                                    <td>0</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>0-0</td>
                                                    <td>
                                                        <span class="badge bg-secondary">
                                                            0                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">6</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=11&table=logo" 
                                                                alt="Chiefs logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Chiefs</strong>
                                                                                                                    <br><small class="text-muted">Chiefs Inline Leuven</small>
                                                                                                            </td>
                                                    <td>1</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>2-5</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -3                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">7</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=10&table=logo" 
                                                                alt="Huskies logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Huskies</strong>
                                                                                                                    <br><small class="text-muted">Huskies</small>
                                                                                                            </td>
                                                    <td>1</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>1-4</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -3                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">8</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=13&table=logo" 
                                                                alt="Lords of the Citadel logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Lords of the Citadel</strong>
                                                                                                                    <br><small class="text-muted">Lords Of the Citadel</small>
                                                                                                            </td>
                                                    <td>1</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>3-8</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -5                                                        </span>
                                                    </td>
                                                </tr>
                                                                                    </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                                        
            <div class="mt-3">
                <small class="text">
                    <i class="fas fa-info-circle"></i>
                    <strong>Points System:</strong> 
                                            Won: 3 points | Won after overtime or penaltyshots: 2 points | Lost after overtime or penaltyshots: 1 point | Lost: 0 points
                                    </small>
            </div>
            </div>
</div>
<!-- REPLACE your existing games table HTML with this FIXED version: -->
<div class="card info-card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0">
            <i class="fas fa-gamepad"></i> 
            Games - N1        </h5>
    </div>
    <div class="card-body">
                    <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=ID&dir=asc'">
                                ID <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=Date&dir=desc'">
                                Date <i class="fas fa-sort-up"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=Time&dir=asc'">
                                Time <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=RinkName&dir=asc'">
                                Rink <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=HomeTeamName&dir=asc'">
                                Home Team <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=VisitorTeamName&dir=asc'">
                                Visitor Team <i class="fas fa-sort"></i>                            </th>
                            <th>Score</th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=GameStatus&dir=asc'">
                                Status <i class="fas fa-sort"></i>                            </th>
                        </tr>
                    </thead>
<tbody>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=5"> 5</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 27, 2025                                                                                    </td>
                                        <td>
                                                                                            21:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=11"> 11</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 28, 2025                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 2													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=29"> 29</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 5, 2025                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 1													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=31"> 31</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 5, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-fluo blinking">
        Live    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=37"> 37</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=44"> 44</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=46"> 46</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=50"> 50</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 19, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=59"> 59</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 19, 2025                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=67"> 67</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 26, 2025                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=77"> 77</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 1, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=79"> 79</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 2, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=88"> 88</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 8, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=89"> 89</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 8, 2025                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=93"> 93</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=104"> 104</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 15, 2025                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=114"> 114</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=118"> 118</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 22, 2025                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=124"> 124</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 23, 2025                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=132"> 132</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 23, 2025                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=135"> 135</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 23, 2025                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=141"> 141</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 29, 2025                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=145"> 145</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 30, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=155"> 155</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 30, 2025                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=156"> 156</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 30, 2025                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=161"> 161</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 6, 2025                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=164"> 164</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 7, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=166"> 166</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 7, 2025                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=175"> 175</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 14, 2025                                                                                    </td>
                                        <td>
                                                                                            12:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=178"> 178</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 14, 2025                                                                                    </td>
                                        <td>
                                                                                            15:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=179"> 179</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 14, 2025                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=184"> 184</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 14, 2025                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=195"> 195</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 4, 2026                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=226"> 226</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 1, 2026                                                                                    </td>
                                        <td>
                                                                                            14:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=243"> 243</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 8, 2026                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=248"> 248</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 15, 2026                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=253"> 253</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 21, 2026                                                                                    </td>
                                        <td>
                                                                                            20:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=257"> 257</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 22, 2026                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=260"> 260</a>
                                         </strong></td>       
                                        <td>
                                                                                            Feb 28, 2026                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=266"> 266</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 1, 2026                                                                                    </td>
                                        <td>
                                                                                            14:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=267"> 267</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 1, 2026                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=273"> 273</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 7, 2026                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=274"> 274</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 7, 2026                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=6"> BEVEREN (Hockeyhal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=231"> 231</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 8, 2026                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=296"> 296</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 15, 2026                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=301"> 301</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 15, 2026                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=10"> WOLVERTEM (Sportschuur)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=302"> 302</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 15, 2026                                                                                    </td>
                                        <td>
                                                                                            21:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=306"> 306</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 21, 2026                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=314"> 314</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 22, 2026                                                                                    </td>
                                        <td>
                                                                                            12:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=324"> 324</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 22, 2026                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=327"> 327</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=7"> EEKLO (Sporthal)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=64"> 64</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=9"> LEUVEN (Sporthal Rijschool)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=340"> 340</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=4"> DUFFEL (De Pollepel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=341"> 341</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=1"> AALST (Sporthal Du Parc)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=344"> 344</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=2"> JUMET (Centre Sportif Arc en Ciel)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=425"> 425</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 31, 2026                                                                                    </td>
                                        <td>
                                                                                            00:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=8"> LINCENT (Hall des Sports)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                            </tbody>
					</table>
            </div>
            </div>
</div>
		        <!-- Category Details -->
        <div class="card info-card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="stat-item">
                            <span><i class="fas fa-clock text-primary"></i> Number of Periods:</span>
                            <span class="badge bg-primary badge-custom">2</span>
                        </div>
                        <div class="stat-item">
                            <span><i class="fas fa-stopwatch text-info"></i> Period Duration:</span>
                            <span class="badge bg-info badge-custom">25m</span>
                        </div>
                        <div class="stat-item">
                            <span><i class="fas fa-plus-circle text-warning"></i> Overtime:</span>
                            <span class="badge bg-success badge-custom">
                                Yes (5m)                            </span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="stat-item">
                            <span><i class="fas fa-pause-circle text-secondary"></i> Period Timeout:</span>
                            <span class="badge bg-success badge-custom">
                                Yes (1m)                            </span>
                        </div>
                        <div class="stat-item">
                            <span><i class="fas fa-crosshairs text-danger"></i> Penalty Shots:</span>
                            <span class="badge bg-success badge-custom">
                                Allowed                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            </div>
    <footer class="navbar navbar-expand-lg navbar-dark bg-dark mt-5">
    <div class="container navbar-container-bg">
        <div class="navbar-brand d-flex align-items-center">
            <!--<img src="/home/bihabea/www/InlineManagement/includes/assets/logo.png" alt="Inline Management Logo" height="80" class="me-1">-->
        </div>
        <div class="navbar-brand" id="footerNav">
            <ul class="navbar-nav me-auto d-flex flex-row">
                <li class="nav-item me-3">
                    <span class="nav-link active">
                        <i class="fas fa-copyright me-1"></i>&copy; 2025 InlineDB - Championship Management System
                    </span>
                </li>
                <li class="nav-item me-3">
                    <span class="nav-link active">
                        <i class="fas fa-user me-1"></i>&copy; Ressort-Fassiau
                    </span>
                </li>
                <li class="nav-item">
                    <span class="nav-link active">
                        <i class="fas fa-code-branch me-1"></i>Version 1.1
                    </span>
                </li>
            </ul>
        </div>
    </div>
</footer>    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Add smooth scrolling when category is selected
        document.addEventListener('DOMContentLoaded', function() {
                            // Scroll to category details after page load
                setTimeout(() => {
                    const categoryDetails = document.querySelector('.info-card:nth-of-type(2)');
                    if (categoryDetails) {
                        categoryDetails.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    }
                }, 100);
                    });
    </script>
</body>
</html>