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

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

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

  /* Catégories responsive */
@media (max-width: 767px) {
    .category-grid .col-md-2 {
        width: 33.33% !important;
    }
    
    .category-tile {
        min-height: 80px !important;
        max-height: 80px !important;
    }
}
/* Équipes responsive */
.team-logo-container {
    width: 120px;
    height: 120px;
}

.team-logo-container .logo-container,
.team-logo-container .team-placeholder {
    width: 120px !important;
    height: 120px !important;
}

.team-logo-container img {
    max-width: 110px !important;
    max-height: 110px !important;
}

@media (max-width: 767px) {
    .teams-grid .col-md-4 {
        width: 33.33% !important;
    }
    
    .team-logo-container {
        width: 50px !important;
        height: 50px !important;
     
    }
    
    .team-logo-container .logo-container,
    .team-logo-container .team-placeholder {
        width: 50px !important;
        height: 50px !important;
    }
    
    .team-logo-container img {
        max-width: 25px !important;
        max-height: 25px !important;
    }
    
    .teams-grid .card-body {
        padding: 3px !important;
    }
    
    .teams-grid .card-title {
        font-size: 0.75rem !important;
    }
    
    .teams-grid small {
        font-size: 0.65rem !important;
    }
}
@media (max-width: 767px) {

    /* ─── Bootstrap container: full width ─── */
    .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ─── Cards: no side margin, square edges on sides ─── */
    .card,
    .info-card,
    .card.info-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .info-card {
        margin-bottom: 6px !important;
    }

    /* ─── Card body: minimal padding ─── */
    .card-body {
        padding: 8px 6px !important;
    }

    .card-header {
        padding: 8px 10px !important;
        border-radius: 0 !important;
    }

    /* ─── Row gutters ─── */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row > * {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    /* ─── Table responsive: no side padding ─── */
    .table-responsive {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ─── Pool section card: full bleed ─── */
    .pool-section .card {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .pool-section .card-body {
        padding: 0 !important;
    }

    /* ─── Table font size ─── */
    .table {
        font-size: 0.72rem !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    .table th,
    .table td {
        padding: 5px 3px !important;
    }

    /* ─── Ranking logo smaller ─── */
    .ranking-logo {
        width: 32px !important;
        height: 32px !important;
    }

    .ranking-placeholder {
        width: 28px !important;
        height: 28px !important;
        font-size: 0.6rem !important;
    }

    /* ─── Page title ─── */
    .d-flex.justify-content-between {
        padding: 0 8px !important;
    }

    h1 {
        font-size: 1.3rem !important;
    }

}
    </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">
  <style>
/* Fix menu mobile uniquement */
@media (max-width: 991px) {
  #navbarNav, 
  .navbar-collapse {
    background-color: #000000 !important;
  }
  
  .dropdown-menu {
    background-color: #000000 !important;
    border: 1px solid rgba(253, 218, 36, 0.3) !important;
  }
}
</style>
	
</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>
				<li class="nav-item"><a class="dropdown-item" href="/InlineManagement/u10_game.php"><i class="fas fa-children me-2"></i>U10 Tournament</a></li>

                                
                            </ul>
                        </li>

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

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

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

                        <!-- Help Menu -->
                        
                    </ul>
                    
                    <!-- User section on the right -->
                    <ul class="navbar-nav">
                                                    <!-- Login button for non-connected user -->
                            <li class="nav-item">
                                <a class="btn btn-belgium-primary btn-sm d-flex align-items-center" href="/InlineManagement/login.php?redirect=%2FInlineManagement%2FPublicDisplay%2Fstandings.php%3Fcategory%3D9">
                                    <i class="fas fa-sign-in-alt me-2"></i>
                                    <span>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-4 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-4 col-md-2 col-lg-2">
                        <a href="?category=9" 
                           class="card category-tile h-100 active"
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/N1.png" 
                                     alt="N1 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/N1.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    N1                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 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-4 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-4 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-4 col-md-2 col-lg-2">
                        <a href="?category=1" 
                           class="card category-tile h-100 "
                           style="padding: 0; margin: 0; overflow: hidden; min-height: 150px; max-height: 150px;">
                            <div class="card-body text-center" style="padding: 0; margin: 0; height: 100%; display: flex; align-items: center; justify-content: center;">
                                <!-- Category Logo -->
                                                                
                                <!-- Image takes full space -->
                                <img src="../assets/leagues_logos/U10.png" 
                                     alt="U10 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/U10.jpg'; this.onerror=function(){this.style.display='none'; this.nextElementSibling.style.display='block';};">
                                
                                <!-- Category Name - Only shown if image fails to load -->
                                <h6 class="card-title category-fallback-text" style="display: none; margin: 0; padding: 10px; font-size: 0.8rem;">
                                    U10                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 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-4 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-4 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-4 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-4 col-md-2 col-lg-2">
                        <a href="?category=25" 
                           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/UG10.png" 
                                     alt="UG10 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/UG10.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;">
                                    UG10                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 col-md-2 col-lg-2">
                        <a href="?category=26" 
                           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/UG12.png" 
                                     alt="UG12 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/UG12.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;">
                                    UG12                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 col-md-2 col-lg-2">
                        <a href="?category=27" 
                           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/UG14.png" 
                                     alt="UG14 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/UG14.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;">
                                    UG14                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 col-md-2 col-lg-2">
                        <a href="?category=28" 
                           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/UG16.png" 
                                     alt="UG16 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/UG16.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;">
                                    UG16                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 col-md-2 col-lg-2">
                        <a href="?category=29" 
                           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/UG20.png" 
                                     alt="UG20 logo" 
                                     class="category-logo"
                                     style="width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: none;"
                                     onerror="this.src='../assets/leagues_logos/UG20.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;">
                                    UG20                                </h6>
                            </div>
                        </a>
                    </div>
                                    <div class="col-4 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" style="grid-template-columns: 1fr 1fr;">
            <a href="standings.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Standings
            </a><a href="individual_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Individual Statistics
            </a>
            <a href="category_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Category Statistics
            </a>
            <a href="goal_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> Goal stat
            </a>
            <a href="penalty_stat.php?category=9" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> GraphicalPenalty stat
            </a>
        </div>
    </div>
</div>       


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

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

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

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

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Psychos                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Psychos                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-6 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: 100px; height: 100px; 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 -->
<div class="card info-card">
    <div class="card-header bg-warning text-dark">
        <h5 class="mb-0">
            <i class="fas fa-trophy"></i> 
            Ranking - N1        </h5>
    </div>
    <div class="card-body"> 
                                                                <!-- Pool Header -->
                    <div class="pool-section mb-4">
                        <div class="card">
                            <div class="card-header bg-info text-white">
                                <h6 class="mb-0">
                                    <i class="fas fa-layer-group"></i> 
                                                                    </h6>
                            </div>
                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover mb-0">
                                        <thead class="table-warning">
                                            <tr>
                                                <th style="width: 5%;">#</th>
                                                <th style="width: 8%;">Logo</th>
                                                <th style="width: 22%;">Team</th>
                                                <th style="width: 7%;">GP</th>
                                                <th style="width: 7%;">W</th>
                                                                                                    <th style="width: 7%;">WO</th>
                                                    <th style="width: 7%;">LO</th>
                                                                                                <th style="width: 7%;">L</th>
                                                <th style="width: 7%;" class="fw-bold">Pts</th>
                                                <th style="width: 11%;">GF-GA</th>
                                                <th style="width: 10%;">Diff</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">1</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=17&table=logo" 
                                                                alt="Wolves logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Wolves</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>12</td>
                                                                                                            <td>1</td>
                                                        <td>1</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">39</td>
                                                    <td>108-45</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +63                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">2</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>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>10</td>
                                                                                                            <td>0</td>
                                                        <td>1</td>
                                                                                                        <td>3</td>
                                                    <td class="fw-bold text-success">31</td>
                                                    <td>90-48</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +42                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">3</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=8&table=logo" 
                                                                alt="Dogs logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Dogs</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>8</td>
                                                                                                            <td>1</td>
                                                        <td>0</td>
                                                                                                        <td>5</td>
                                                    <td class="fw-bold text-success">26</td>
                                                    <td>72-73</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -1                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">4</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=14&table=logo" 
                                                                alt="Phoenix logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Phoenix</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>8</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>6</td>
                                                    <td class="fw-bold text-success">24</td>
                                                    <td>78-47</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +31                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">5</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>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>5</td>
                                                                                                            <td>1</td>
                                                        <td>0</td>
                                                                                                        <td>8</td>
                                                    <td class="fw-bold text-success">17</td>
                                                    <td>81-111</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -30                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">6</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=15&table=logo" 
                                                                alt="Psychos logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Psychos</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>4</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>10</td>
                                                    <td class="fw-bold text-success">12</td>
                                                    <td>78-96</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -18                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">7</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=11&table=logo" 
                                                                alt="Chiefs logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Chiefs</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>3</td>
                                                                                                            <td>0</td>
                                                        <td>1</td>
                                                                                                        <td>10</td>
                                                    <td class="fw-bold text-success">10</td>
                                                    <td>57-83</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -26                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">8</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=13&table=logo" 
                                                                alt="Lords of the Citadel logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Lords of the Citadel</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>3</td>
                                                                                                            <td>0</td>
                                                        <td>0</td>
                                                                                                        <td>11</td>
                                                    <td class="fw-bold text-success">9</td>
                                                    <td>56-117</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -61                                                        </span>
                                                    </td>
                                                </tr>
                                                                                    </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                                        
            <div class="mt-3">
                <small class="text">
                    <i class="fas fa-info-circle"></i>
                    <strong>Points System:</strong> 
                                            Won: 3 points | Won after overtime or penaltyshots: 2 points | Lost after overtime or penaltyshots: 1 point | Lost: 0 points
                                    </small>
            </div>
            </div>
</div>
</div>
<!-- FIXED version: -->
<div class="card info-card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0">
            <i class="fas fa-gamepad"></i> 
            Games - N1        </h5>
    </div>
    <div class="card-body">
                    <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=ID&dir=asc'">
                                ID <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=Date&dir=desc'">
                                Date <i class="fas fa-sort-up"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=Time&dir=asc'">
                                Time <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=RinkName&dir=asc'">
                                Rink <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=HomeTeamName&dir=asc'">
                                Home Team <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=VisitorTeamName&dir=asc'">
                                Visitor Team <i class="fas fa-sort"></i>                            </th>
                            <th>Score</th>
                            <th class="sortable-header" onclick="window.location.href='?category=9&sort=GameStatus&dir=asc'">
                                Status <i class="fas fa-sort"></i>                            </th>
                        </tr>
                    </thead>
<tbody>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=5"> 5</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Sep 27, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">27/09</span>
                                                                                    </td>
                                        <td>
                                                                                            21:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=1">
            <span class="d-none d-md-inline">AALST (Sporthal Du Parc)</span>
            <span class="d-inline d-md-none">AALST</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=11"> 11</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Sep 28, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">28/09</span>
                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 2													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=29"> 29</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 5, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/10</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 1													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=31"> 31</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 5, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/10</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=37"> 37</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 12, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">12/10</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 6													</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=44"> 44</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 12, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">12/10</span>
                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=8">
            <span class="d-none d-md-inline">LINCENT (Hall des Sports)</span>
            <span class="d-inline d-md-none">LINCENT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 9													</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=46"> 46</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 12, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">12/10</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														11 - 5													</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=50"> 50</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 19, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">19/10</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 6													</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=59"> 59</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 19, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">19/10</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 4													</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=67"> 67</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 26, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/10</span>
                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														14 - 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=77"> 77</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 1, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/11</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 4													</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=79"> 79</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 2, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">02/11</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 8													</span>
																											<span class="badge bg-warning text-dark ms-2 overtime-info" 
															  title="Won in overtime">
															<i class="fas fa-clock"></i> OT
														</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=88"> 88</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 8, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">08/11</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 6													</span>
																											<span class="badge bg-warning text-dark ms-2 overtime-info" 
															  title="Won in overtime">
															<i class="fas fa-clock"></i> OT
														</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=89"> 89</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 8, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">08/11</span>
                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=1">
            <span class="d-none d-md-inline">AALST (Sporthal Du Parc)</span>
            <span class="d-inline d-md-none">AALST</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 2													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=93"> 93</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 9, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">09/11</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 5													</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=104"> 104</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 15, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/11</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														6 - 4													</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=114"> 114</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 16, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">16/11</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 7													</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=118"> 118</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 22, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">22/11</span>
                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=1">
            <span class="d-none d-md-inline">AALST (Sporthal Du Parc)</span>
            <span class="d-inline d-md-none">AALST</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														6 - 0													</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=124"> 124</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 23, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">23/11</span>
                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 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=132"> 132</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 23, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">23/11</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=135"> 135</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 23, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">23/11</span>
                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 7													</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=141"> 141</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 29, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/11</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 6													</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=145"> 145</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 30, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">30/11</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 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=155"> 155</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 30, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">30/11</span>
                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														12 - 4													</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=156"> 156</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 30, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">30/11</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=1">
            <span class="d-none d-md-inline">AALST (Sporthal Du Parc)</span>
            <span class="d-inline d-md-none">AALST</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 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=161"> 161</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 6, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">06/12</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 4													</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=164"> 164</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 7, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/12</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 5													</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=166"> 166</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 7, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/12</span>
                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														11 - 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=195"> 195</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 7, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/12</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 8													</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=175"> 175</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 14, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">14/12</span>
                                                                                    </td>
                                        <td>
                                                                                            12:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 9													</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=178"> 178</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 14, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">14/12</span>
                                                                                    </td>
                                        <td>
                                                                                            15:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Dogs                                        </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=179"> 179</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 14, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">14/12</span>
                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=8">
            <span class="d-none d-md-inline">LINCENT (Hall des Sports)</span>
            <span class="d-inline d-md-none">LINCENT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														10 - 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=184"> 184</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 14, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">14/12</span>
                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														6 - 5													</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=226"> 226</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            14:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </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">
														5 - 13													</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=425"> 425</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 7, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/02</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 9													</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=243"> 243</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 8, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">08/02</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 5													</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=248"> 248</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 15, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/02</span>
                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </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">
														0 - 14													</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=257"> 257</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 22, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">22/02</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 6													</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=260"> 260</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 28, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">28/02</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 4													</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=266"> 266</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/03</span>
                                                                                    </td>
                                        <td>
                                                                                            14:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														10 - 4													</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=267"> 267</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/03</span>
                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=8">
            <span class="d-none d-md-inline">LINCENT (Hall des Sports)</span>
            <span class="d-inline d-md-none">LINCENT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 8													</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=274"> 274</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 7, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/03</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=273"> 273</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 7, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/03</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Lapwings                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 4													</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=231"> 231</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 8, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">08/03</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 11													</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=296"> 296</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 15, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/03</span>
                                                                                    </td>
                                        <td>
                                                                                            16:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=8">
            <span class="d-none d-md-inline">LINCENT (Hall des Sports)</span>
            <span class="d-inline d-md-none">LINCENT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 8													</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=301"> 301</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 15, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/03</span>
                                                                                    </td>
                                        <td>
                                                                                            19:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=10">
            <span class="d-none d-md-inline">WOLVERTEM (Sportschuur)</span>
            <span class="d-inline d-md-none">WOLVERTEM</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Psychos                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 7													</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=302"> 302</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 15, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/03</span>
                                                                                    </td>
                                        <td>
                                                                                            21:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 6													</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=306"> 306</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 21, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">21/03</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 4													</span>
																											<span class="badge bg-warning text-dark ms-2 overtime-info" 
															  title="Won in overtime">
															<i class="fas fa-clock"></i> OT
														</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=314"> 314</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 22, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">22/03</span>
                                                                                    </td>
                                        <td>
                                                                                            12:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														13 - 4													</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=324"> 324</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 22, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">22/03</span>
                                                                                    </td>
                                        <td>
                                                                                            19:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Chiefs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=341"> 341</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 28, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">28/03</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Psychos                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-secondary ">
        Unknown    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=327"> 327</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 28, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">28/03</span>
                                                                                    </td>
                                        <td>
                                                                                            18:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Chiefs                                        </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=64"> 64</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 29, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/03</span>
                                                                                    </td>
                                        <td>
                                                                                            10:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Chiefs                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 5													</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=340"> 340</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 29, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/03</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=4">
            <span class="d-none d-md-inline">DUFFEL (De Pollepel)</span>
            <span class="d-inline d-md-none">DUFFEL</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 7													</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=344"> 344</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 29, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/03</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Lords of the Citadel                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														11 - 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=253"> 253</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 30, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">30/03</span>
                                                                                    </td>
                                        <td>
                                                                                            20:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Chiefs                                        </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=724"> 724</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 12, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">12/04</span>
                                                                                    </td>
                                        <td>
                                                                                            21:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 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=725"> 725</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 19, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">19/04</span>
                                                                                    </td>
                                        <td>
                                                                                            20:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=15">
            <span class="d-none d-md-inline">MONT-SAINT-GUIBERT</span>
            <span class="d-inline d-md-none">MONT-SAINT-GUIBERT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Phoenix                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=727"> 727</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 20, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">20/04</span>
                                                                                    </td>
                                        <td>
                                                                                            00:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=726"> 726</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 23, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">23/04</span>
                                                                                    </td>
                                        <td>
                                                                                            20:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=729"> 729</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 27, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">27/04</span>
                                                                                    </td>
                                        <td>
                                                                                            20:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=6">
            <span class="d-none d-md-inline">BEVEREN (Hockeyhal)</span>
            <span class="d-inline d-md-none">BEVEREN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=728"> 728</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 31, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">31/05</span>
                                                                                    </td>
                                        <td>
                                                                                            00:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves                                        </td>
                                        <td>
                                            Phoenix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                            </tbody>
					</table>
            </div>
            </div>
</div>
		        <!-- Category Details -->
        <div class="card info-card">
    <div class="card-body py-2">
        <div class="row g-2 justify-content-md-around align-items-center">
            <div class="col-6 col-md-auto">
                <i class="fas fa-clock text-primary"></i> Periods: <span class="badge bg-primary">2</span>
            </div>
            <div class="col-6 col-md-auto">
                <i class="fas fa-stopwatch text-info"></i> Duration: <span class="badge bg-info">25m</span>
            </div>
            <div class="col-6 col-md-auto">
                <i class="fas fa-plus-circle text-warning"></i> Overtime: <span class="badge bg-success">Yes (5m)</span>
            </div>
            <div class="col-6 col-md-auto">
                <i class="fas fa-pause-circle text-secondary"></i> Timeout: <span class="badge bg-success">Yes (1m)</span>
            </div>
            <div class="col-6 col-md-auto">
                <i class="fas fa-crosshairs text-danger"></i> Penalty Shots: <span class="badge bg-success">Allowed</span>
            </div>
        </div>
    </div>
</div>
            </div>
    <style>
footer {
    background-color: #212529;
}

.footer-item {
    color: #ffffff;
    font-size: 0.75rem;
}

@media (min-width: 576px) {
    .footer-item {
        font-size: 0.85rem;
    }
}

@media (min-width: 768px) {
    .footer-item {
        font-size: 1rem;
    }
}

.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
</style>
<footer class="mt-5 py-3">
    <div class="container navbar-container-bg">
        <div class="footer-flex flex-column flex-md-row text-center text-md-start gap-2">
            <div class="footer-item text-md-start" style="flex: 0 0 auto;">
                <i class="fas fa-copyright me-1"></i>&copy; 2026 InlineDB - Championship Management System
            </div>
            <div class="footer-item text-md-center" style="flex: 0 0 auto;">
                <i class="fas fa-user me-1"></i>&copy; Ressort-Fassiau
            </div>
            <div class="footer-item text-md-end" style="flex: 0 0 auto;">
                <i class="fas fa-code-branch me-1"></i>Version 1.51
            </div>
        </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>