 <!-- DEBUG: Selected Category: 1 --><!-- 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 = 1 OR vt.Category_ID = 1 and g.IsFriendly=0
                   ORDER BY g.Date ASC, g.Time ASC --><!-- DEBUG: Query returned 53 rows --><!-- DEBUG: Row 1 - Game ID: 426, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 2 - Game ID: 427, Home: Lords Of the Citadel, Visitor: Wolves --><!-- DEBUG: Row 3 - Game ID: 428, Home: Lords Of the Citadel, Visitor: Wolves --><!-- DEBUG: Row 4 - Game ID: 586, Home: Sharnix, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 5 - Game ID: 587, Home: Lapwings, Visitor: Wolves --><!-- DEBUG: Row 6 - Game ID: 437, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 7 - Game ID: 438, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 8 - Game ID: 439, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 9 - Game ID: 440, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 10 - Game ID: 441, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 11 - Game ID: 448, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 12 - Game ID: 449, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 13 - Game ID: 450, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 14 - Game ID: 451, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 15 - Game ID: 452, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 16 - Game ID: 459, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 17 - Game ID: 460, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 18 - Game ID: 461, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 19 - Game ID: 462, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 20 - Game ID: 463, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 21 - Game ID: 476, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 22 - Game ID: 477, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 23 - Game ID: 478, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 24 - Game ID: 482, Home: Wolves, Visitor: Wolves --><!-- DEBUG: Row 25 - Game ID: 483, Home: Wolves, Visitor: Wolves --><!-- DEBUG: Row 26 - Game ID: 484, Home: Wolves, Visitor: Wolves --><!-- DEBUG: Row 27 - Game ID: 485, Home: Wolves, Visitor: Wolves --><!-- DEBUG: Row 28 - Game ID: 486, Home: Wolves, Visitor: Wolves --><!-- DEBUG: Row 29 - Game ID: 493, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 30 - Game ID: 494, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 31 - Game ID: 495, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 32 - Game ID: 496, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 33 - Game ID: 497, Home: Huskies, Visitor: Huskies --><!-- DEBUG: Row 34 - Game ID: 504, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 35 - Game ID: 505, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 36 - Game ID: 506, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 37 - Game ID: 507, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 38 - Game ID: 508, Home: Lapwings, Visitor: Lapwings --><!-- DEBUG: Row 39 - Game ID: 524, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 40 - Game ID: 525, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 41 - Game ID: 526, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 42 - Game ID: 527, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 43 - Game ID: 528, Home: Sportiek Spins, Visitor: Sportiek Spins --><!-- DEBUG: Row 44 - Game ID: 529, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 45 - Game ID: 530, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 46 - Game ID: 531, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 47 - Game ID: 532, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 48 - Game ID: 533, Home: Sharnix, Visitor: Sharnix --><!-- DEBUG: Row 49 - Game ID: 546, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 50 - Game ID: 547, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 51 - Game ID: 548, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 52 - Game ID: 549, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Row 53 - Game ID: 550, Home: Lords Of the Citadel, Visitor: Lords Of the Citadel --><!-- DEBUG: Total games added to array: 53 --><!-- DEBUG: Final games array count: 53 --><!-- DEBUG: Game IDs in array: 426, 427, 428, 586, 587, 437, 438, 439, 440, 441 --><!-- DEBUG: Games array structure (first 2 games): --><!-- Array
(
    [0] => Array
        (
            [ID] => 426
            [Date] => 2025-09-14
            [Time] => 10:00:00
            [HomeTeamScore] => 7
            [VisitorTeamScore] => 3
            [HomeTeam_ID] => 139
            [VisitorTeam_ID] => 139
            [Rink_ID] => 8
            [HomeTeamName] => Lords Of the Citadel
            [VisitorTeamName] => Lords Of the Citadel
            [RinkName] => LINCENT (Hall des Sports)
            [RinkID] => 8
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

    [1] => Array
        (
            [ID] => 427
            [Date] => 2025-09-14
            [Time] => 10:30:00
            [HomeTeamScore] => 7
            [VisitorTeamScore] => 3
            [HomeTeam_ID] => 139
            [VisitorTeam_ID] => 142
            [Rink_ID] => 8
            [HomeTeamName] => Lords Of the Citadel
            [VisitorTeamName] => Wolves
            [RinkName] => LINCENT (Hall des Sports)
            [RinkID] => 8
            [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%3D1">
                                    <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 "
                           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 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/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=1" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Standings
            </a><a href="individual_stat.php?category=1" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Individual Statistics
            </a>
            <a href="category_stat.php?category=1" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Category Statistics
            </a>
            <a href="goal_stat.php?category=1" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> Goal stat
            </a>
            <a href="penalty_stat.php?category=1" 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=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=20&table=logo" 
                                                alt="Roller BeeZzZ 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;">
                                            RO                                        </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;">
                                    Roller BeeZzZ                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Roller BeeZzZ                                </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=22&table=logo" 
                                                alt="Sharnix 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 -->
                                                                            <span class="badge bg-warning text-dark" 
                                              style="position: absolute; bottom: 2px; right: 2px; font-size: 11px; padding: 3px 7px; border-radius: 10px; z-index: 10; font-weight: bold; box-shadow: 0 1px 3px rgba(0,0,0,0.4);">
                                            Coop Team
                                        </span>
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Sharnix                                </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=16&table=logo" 
                                                alt="Sportiek Spins 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;">
                                            SP                                        </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;">
                                    Sportiek Spins                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Sportiek Spins                                </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 - U10        </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%;">D</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=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>5</td>
                                                    <td>2</td>
                                                                                                            <td>1</td>
                                                                                                        <td>2</td>
                                                    <td class="fw-bold text-success">5</td>
                                                    <td>19-16</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +3                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">2</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>3</td>
                                                    <td>2</td>
                                                                                                            <td>0</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">4</td>
                                                    <td>6-8</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -2                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">3</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=22&table=logo" 
                                                                alt="Sharnix 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>Sharnix</strong>
                                                                                                                    <br><small class="text-muted">Phoenix Brussels</small>
                                                                                                            </td>
                                                    <td>1</td>
                                                    <td>0</td>
                                                                                                            <td>1</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">1</td>
                                                    <td>1-1</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=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>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=16&table=logo" 
                                                                alt="Sportiek Spins 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>Sportiek Spins</strong>
                                                                                                                    <br><small class="text-muted">Sportiek Spins</small>
                                                                                                            </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=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>1</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>0-1</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -1                                                        </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: 2 points | Draw: 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 - U10        </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=1&sort=ID&dir=asc'">
                                ID <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=1&sort=Date&dir=desc'">
                                Date <i class="fas fa-sort-up"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=1&sort=Time&dir=asc'">
                                Time <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=1&sort=RinkName&dir=asc'">
                                Rink <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=1&sort=HomeTeamName&dir=asc'">
                                Home Team <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=1&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=1&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=426"> 426</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 14, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            Lords Of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 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=427"> 427</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 14, 2025                                                                                    </td>
                                        <td>
                                                                                            10:30                                                                                    </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>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 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=428"> 428</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 14, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=586"> 586</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 19, 2025                                                                                    </td>
                                        <td>
                                                                                            12: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Lords Of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=587"> 587</a>
                                         </strong></td>       
                                        <td>
                                                                                            Sep 19, 2025                                                                                    </td>
                                        <td>
                                                                                            14: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>
                                            Lapwings                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 1													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-info ">
        Played    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=437"> 437</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            09: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=438"> 438</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=439"> 439</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=440"> 440</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=441"> 441</a>
                                         </strong></td>       
                                        <td>
                                                                                            Oct 12, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=448"> 448</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </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>
                                            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=449"> 449</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=450"> 450</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            11:00                                                                                    </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>
                                            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=451"> 451</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=452"> 452</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 9, 2025                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </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>
                                            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=459"> 459</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=460"> 460</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 2025                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=461"> 461</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=462"> 462</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 2025                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=463"> 463</a>
                                         </strong></td>       
                                        <td>
                                                                                            Nov 16, 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>
                                            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=476"> 476</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 6, 2025                                                                                    </td>
                                        <td>
                                                                                            15:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=477"> 477</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 6, 2025                                                                                    </td>
                                        <td>
                                                                                            15:45                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=478"> 478</a>
                                         </strong></td>       
                                        <td>
                                                                                            Dec 6, 2025                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=482"> 482</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 11, 2026                                                                                    </td>
                                        <td>
                                                                                            13:30                                                                                    </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>
                                            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=483"> 483</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 11, 2026                                                                                    </td>
                                        <td>
                                                                                            14: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>
                                            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=484"> 484</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 11, 2026                                                                                    </td>
                                        <td>
                                                                                            14:30                                                                                    </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>
                                            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=485"> 485</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 11, 2026                                                                                    </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>
                                            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=486"> 486</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 11, 2026                                                                                    </td>
                                        <td>
                                                                                            15:30                                                                                    </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>
                                            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=493"> 493</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 18, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=494"> 494</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 18, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=495"> 495</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 18, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=496"> 496</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 18, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=497"> 497</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 18, 2026                                                                                    </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>
                                            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=504"> 504</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 25, 2026                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </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>
                                            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=505"> 505</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 25, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=506"> 506</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 25, 2026                                                                                    </td>
                                        <td>
                                                                                            11:00                                                                                    </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>
                                            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=507"> 507</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 25, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=508"> 508</a>
                                         </strong></td>       
                                        <td>
                                                                                            Jan 25, 2026                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </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>
                                            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=524"> 524</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            15:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=525"> 525</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            15:45                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=526"> 526</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=527"> 527</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            17:15                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=528"> 528</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 28, 2026                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                                            												<a href="../rink_detail.php?id=12"> BRASSCHAAT (Sport Vlaanderen)</a>
                                                <i class="fas fa-map-marker-alt text-primary"></i>    
                                                                                    </td>
                                        <td>
                                            Sportiek Spins                                        </td>
                                        <td>
                                            Sportiek Spins                                        </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=529"> 529</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            09: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=530"> 530</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=531"> 531</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=532"> 532</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=533"> 533</a>
                                         </strong></td>       
                                        <td>
                                                                                            Mar 29, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Sharnix                                        </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=546"> 546</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 24, 2026                                                                                    </td>
                                        <td>
                                                                                            10: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>
                                            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=547"> 547</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 24, 2026                                                                                    </td>
                                        <td>
                                                                                            10:30                                                                                    </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>
                                            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=548"> 548</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 24, 2026                                                                                    </td>
                                        <td>
                                                                                            11: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>
                                            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=549"> 549</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 24, 2026                                                                                    </td>
                                        <td>
                                                                                            11:30                                                                                    </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>
                                            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=550"> 550</a>
                                         </strong></td>       
                                        <td>
                                                                                            May 24, 2026                                                                                    </td>
                                        <td>
                                                                                            12: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>
                                            Lords Of the Citadel                                        </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">1</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">15m</span>
                        </div>
                        <div class="stat-item">
                            <span><i class="fas fa-plus-circle text-warning"></i> Overtime:</span>
                            <span class="badge bg-secondary badge-custom">
                                No                            </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-secondary badge-custom">
                                No                            </span>
                        </div>
                        <div class="stat-item">
                            <span><i class="fas fa-crosshairs text-danger"></i> Penalty Shots:</span>
                            <span class="badge bg-secondary badge-custom">
                                Not 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>