 <!-- DEBUG: Selected Category: 3 --><!-- 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 = 3 OR vt.Category_ID = 3)
                   ORDER BY g.Date ASC, g.Time ASC --><!-- DEBUG: Query returned 60 rows --><!-- DEBUG: Row 1 - Game ID: 7, Home: Lapwings/Dogs, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 2 - Game ID: 15, Home: Flying Eagles/Sportiek Spins, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 3 - Game ID: 18, Home: Lapwings/Dogs, Visitor: Wolves --><!-- DEBUG: Row 4 - Game ID: 20, Home: Flying Eagles/Sportiek Spins, Visitor: Wolves --><!-- DEBUG: Row 5 - Game ID: 38, Home: Lapwings/Dogs, Visitor: Sharnix --><!-- DEBUG: Row 6 - Game ID: 40, Home: Sharnix, Visitor: Crows --><!-- DEBUG: Row 7 - Game ID: 41, Home: Lapwings/Dogs, Visitor: Crows --><!-- DEBUG: Row 8 - Game ID: 51, Home: Sharnix, Visitor: Wolves --><!-- DEBUG: Row 9 - Game ID: 52, Home: Wolves, Visitor: Huskies --><!-- DEBUG: Row 10 - Game ID: 54, Home: Sharnix, Visitor: Huskies --><!-- DEBUG: Row 11 - Game ID: 61, Home: Huskies, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 12 - Game ID: 83, Home: Flying Eagles/Sportiek Spins, Visitor: Huskies --><!-- DEBUG: Row 13 - Game ID: 95, Home: Wolves, Visitor: Crows --><!-- DEBUG: Row 14 - Game ID: 96, Home: Crows, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 15 - Game ID: 97, Home: Wolves, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 16 - Game ID: 122, Home: Sharnix, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 17 - Game ID: 125, Home: Flying Eagles/Sportiek Spins, Visitor: Huskies --><!-- DEBUG: Row 18 - Game ID: 127, Home: Sharnix, Visitor: Huskies --><!-- DEBUG: Row 19 - Game ID: 149, Home: Wolves, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 20 - Game ID: 150, Home: Lapwings/Dogs, Visitor: Sharnix --><!-- DEBUG: Row 21 - Game ID: 153, Home: Wolves, Visitor: Sharnix --><!-- DEBUG: Row 22 - Game ID: 188, Home: Crows, Visitor: Huskies --><!-- DEBUG: Row 23 - Game ID: 189, Home: Huskies, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 24 - Game ID: 190, Home: Crows, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 25 - Game ID: 196, Home: Huskies, Visitor: Wolves --><!-- DEBUG: Row 26 - Game ID: 197, Home: Wolves, Visitor: Sharnix --><!-- DEBUG: Row 27 - Game ID: 198, Home: Huskies, Visitor: Sharnix --><!-- DEBUG: Row 28 - Game ID: 206, Home: Crows, Visitor: Sharnix --><!-- DEBUG: Row 29 - Game ID: 211, Home: Wolves, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 30 - Game ID: 213, Home: Lapwings/Dogs, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 31 - Game ID: 214, Home: Wolves, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 32 - Game ID: 229, Home: Flying Eagles/Sportiek Spins, Visitor: Wolves --><!-- DEBUG: Row 33 - Game ID: 234, Home: Huskies, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 34 - Game ID: 236, Home: Flying Eagles/Sportiek Spins, Visitor: Sharnix --><!-- DEBUG: Row 35 - Game ID: 238, Home: Huskies, Visitor: Sharnix --><!-- DEBUG: Row 36 - Game ID: 239, Home: Wolves, Visitor: Crows --><!-- DEBUG: Row 37 - Game ID: 263, Home: Lapwings/Dogs, Visitor: Wolves --><!-- DEBUG: Row 38 - Game ID: 264, Home: Wolves, Visitor: Huskies --><!-- DEBUG: Row 39 - Game ID: 265, Home: Lapwings/Dogs, Visitor: Huskies --><!-- DEBUG: Row 40 - Game ID: 288, Home: Sharnix, Visitor: Crows --><!-- DEBUG: Row 41 - Game ID: 289, Home: Crows, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 42 - Game ID: 292, Home: Sharnix, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 43 - Game ID: 309, Home: Crows, Visitor: Huskies --><!-- DEBUG: Row 44 - Game ID: 312, Home: Huskies, Visitor: Wolves --><!-- DEBUG: Row 45 - Game ID: 316, Home: Crows, Visitor: Wolves --><!-- DEBUG: Row 46 - Game ID: 223, Home: Flying Eagles/Sportiek Spins, Visitor: Crows --><!-- DEBUG: Row 47 - Game ID: 339, Home: Sharnix, Visitor: Wolves --><!-- DEBUG: Row 48 - Game ID: 227, Home: Crows, Visitor: Wolves --><!-- DEBUG: Row 49 - Game ID: 373, Home: Crows, Visitor: Sharnix --><!-- DEBUG: Row 50 - Game ID: 374, Home: Sharnix, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 51 - Game ID: 377, Home: Crows, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 52 - Game ID: 381, Home: Huskies, Visitor: Flying Eagles/Sportiek Spins --><!-- DEBUG: Row 53 - Game ID: 383, Home: Flying Eagles/Sportiek Spins, Visitor: Crows --><!-- DEBUG: Row 54 - Game ID: 385, Home: Huskies, Visitor: Crows --><!-- DEBUG: Row 55 - Game ID: 394, Home: Flying Eagles/Sportiek Spins, Visitor: Sharnix --><!-- DEBUG: Row 56 - Game ID: 397, Home: Sharnix, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 57 - Game ID: 399, Home: Flying Eagles/Sportiek Spins, Visitor: Lapwings/Dogs --><!-- DEBUG: Row 58 - Game ID: 411, Home: Lapwings/Dogs, Visitor: Huskies --><!-- DEBUG: Row 59 - Game ID: 412, Home: Huskies, Visitor: Crows --><!-- DEBUG: Row 60 - Game ID: 413, Home: Lapwings/Dogs, Visitor: Crows --><!-- DEBUG: Total games added to array: 60 --><!-- DEBUG: Final games array count: 60 --><!-- DEBUG: Game IDs in array: 7, 15, 18, 20, 38, 40, 41, 51, 52, 54 --><!-- DEBUG: Games array structure (first 2 games): --><!-- Array
(
    [0] => Array
        (
            [ID] => 7
            [Date] => 2025-09-28
            [Time] => 15:00:00
            [HomeTeamScore] => 11
            [VisitorTeamScore] => 0
            [HomeTeam_ID] => 126
            [VisitorTeam_ID] => 146
            [Rink_ID] => 4
            [HomeTeamName] => Lapwings/Dogs
            [VisitorTeamName] => Flying Eagles/Sportiek Spins
            [RinkName] => DUFFEL (De Pollepel)
            [RinkID] => 4
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

    [1] => Array
        (
            [ID] => 15
            [Date] => 2025-10-04
            [Time] => 18:00:00
            [HomeTeamScore] => 8
            [VisitorTeamScore] => 6
            [HomeTeam_ID] => 146
            [VisitorTeam_ID] => 126
            [Rink_ID] => 14
            [HomeTeamName] => Flying Eagles/Sportiek Spins
            [VisitorTeamName] => Lapwings/Dogs
            [RinkName] => TURNHOUT (Sporthal Stadspark)
            [RinkID] => 14
            [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%3D3">
                                    <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 "
                           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 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/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=3" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Standings
            </a><a href="individual_stat.php?category=3" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Individual Statistics
            </a>
            <a href="category_stat.php?category=3" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Category Statistics
            </a>
            <a href="goal_stat.php?category=3" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> Goal stat
            </a>
            <a href="penalty_stat.php?category=3" 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=7&table=logo" 
                                                alt="Crows 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;">
                                            CR                                        </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;">
                                    Crows                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Crows Bastogne                                </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=9&table=logo" 
                                                alt="Flying Eagles/Sportiek Spins logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            FL                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                            <span class="badge bg-warning text-dark" 
                                              style="position: absolute; bottom: 2px; right: 2px; font-size: 11px; padding: 3px 7px; border-radius: 10px; z-index: 10; font-weight: bold; box-shadow: 0 1px 3px rgba(0,0,0,0.4);">
                                            Coop Team
                                        </span>
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Flying Eagles/Sportiek Spins                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Flying Eagles                                </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/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;">
                                            LA                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                            <span class="badge bg-warning text-dark" 
                                              style="position: absolute; bottom: 2px; right: 2px; font-size: 11px; padding: 3px 7px; border-radius: 10px; z-index: 10; font-weight: bold; box-shadow: 0 1px 3px rgba(0,0,0,0.4);">
                                            Coop Team
                                        </span>
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Lapwings/Dogs                                </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=22&table=logo" 
                                                alt="Sharnix logo" 
                                                class="team-logo"
                                                style="max-width: 110px; max-height: 110px; object-fit: contain;"
                                                onerror="this.style.display='none'; this.parentElement.style.display='none'; this.parentElement.nextElementSibling.style.display='flex';">
                                        </div>
                                        <div class="team-placeholder" style="display: none; width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 24px; position: absolute; top: 0; left: 0;">
                                            PH                                        </div>
                                    
                                    <!-- Coop Team Badge - Positioned at bottom right of logo -->
                                                                            <span class="badge bg-warning text-dark" 
                                              style="position: absolute; bottom: 2px; right: 2px; font-size: 11px; padding: 3px 7px; border-radius: 10px; z-index: 10; font-weight: bold; box-shadow: 0 1px 3px rgba(0,0,0,0.4);">
                                            Coop Team
                                        </span>
                                                                    </div>

                                <!-- Team Name -->
                                <h6 class="card-title text-primary mb-1" style="margin-bottom: 2px !important;">
                                    Sharnix                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Phoenix                                </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 - U14        </h5>
    </div>
    <div class="card-body"> 
                                                                <!-- Pool Header -->
                    <div class="pool-section mb-4">
                        <div class="card">
                            <div class="card-header bg-info text-white">
                                <h6 class="mb-0">
                                    <i class="fas fa-layer-group"></i> 
                                                                    </h6>
                            </div>
                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover mb-0">
                                        <thead class="table-warning">
                                            <tr>
                                                <th style="width: 5%;">#</th>
                                                <th style="width: 8%;">Logo</th>
                                                <th style="width: 22%;">Team</th>
                                                <th style="width: 7%;">GP</th>
                                                <th style="width: 7%;">W</th>
                                                                                                    <th style="width: 7%;">D</th>
                                                                                                <th style="width: 7%;">L</th>
                                                <th style="width: 7%;" class="fw-bold">Pts</th>
                                                <th style="width: 11%;">GF-GA</th>
                                                <th style="width: 10%;">Diff</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">1</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=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>20</td>
                                                    <td>20</td>
                                                                                                            <td>0</td>
                                                                                                        <td>0</td>
                                                    <td class="fw-bold text-success">40</td>
                                                    <td>338-37</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +301                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">2</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=22&table=logo" 
                                                                alt="Sharnix logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Sharnix</strong>
                                                        
                                                    </td>
                                                    <td>16</td>
                                                    <td>12</td>
                                                                                                            <td>0</td>
                                                                                                        <td>4</td>
                                                    <td class="fw-bold text-success">24</td>
                                                    <td>130-65</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +65                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">3</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>16</td>
                                                    <td>6</td>
                                                                                                            <td>0</td>
                                                                                                        <td>10</td>
                                                    <td class="fw-bold text-success">12</td>
                                                    <td>84-137</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -53                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">4</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=9&table=logo" 
                                                                alt="Flying Eagles/Sportiek Spins logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Flying Eagles/Sportiek Spins</strong>
                                                        
                                                    </td>
                                                    <td>16</td>
                                                    <td>6</td>
                                                                                                            <td>0</td>
                                                                                                        <td>10</td>
                                                    <td class="fw-bold text-success">12</td>
                                                    <td>60-136</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -76                                                        </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/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>Lapwings/Dogs</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>3</td>
                                                                                                            <td>1</td>
                                                                                                        <td>10</td>
                                                    <td class="fw-bold text-success">7</td>
                                                    <td>64-139</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -75                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">6</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=7&table=logo" 
                                                                alt="Crows 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>Crows</strong>
                                                        
                                                    </td>
                                                    <td>14</td>
                                                    <td>0</td>
                                                                                                            <td>1</td>
                                                                                                        <td>13</td>
                                                    <td class="fw-bold text-success">1</td>
                                                    <td>39-201</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -162                                                        </span>
                                                    </td>
                                                </tr>
                                                                                    </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                                        
            <div class="mt-3">
                <small class="text">
                    <i class="fas fa-info-circle"></i>
                    <strong>Points System:</strong> 
                                            Won: 2 points | Draw: 1 point | Lost: 0 points
                                    </small>
            </div>
            </div>
</div>
</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 - U14        </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=3&sort=ID&dir=asc'">
                                ID <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=3&sort=Date&dir=desc'">
                                Date <i class="fas fa-sort-up"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=3&sort=Time&dir=asc'">
                                Time <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=3&sort=RinkName&dir=asc'">
                                Rink <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=3&sort=HomeTeamName&dir=asc'">
                                Home Team <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=3&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=3&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=7"> 7</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>
                                                                                            15:00                                                                                    </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/Dogs                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														11 - 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=15"> 15</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 4, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">04/10</span>
                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=14">
            <span class="d-none d-md-inline">TURNHOUT (Sporthal Stadspark)</span>
            <span class="d-inline d-md-none">TURNHOUT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Lapwings/Dogs                                        </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=18"> 18</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 4, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">04/10</span>
                                                                                    </td>
                                        <td>
                                                                                            19:15                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=14">
            <span class="d-none d-md-inline">TURNHOUT (Sporthal Stadspark)</span>
            <span class="d-inline d-md-none">TURNHOUT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings/Dogs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 19													</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=20"> 20</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 4, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">04/10</span>
                                                                                    </td>
                                        <td>
                                                                                            20:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=14">
            <span class="d-none d-md-inline">TURNHOUT (Sporthal Stadspark)</span>
            <span class="d-inline d-md-none">TURNHOUT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 15													</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=38"> 38</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>
                                                                                            11:00                                                                                    </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/Dogs                                        </td>
                                        <td>
                                            Sharnix                                        </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=40"> 40</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>
                                                                                            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>
                                            Sharnix                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														15 - 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=41"> 41</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>
                                                                                            14:00                                                                                    </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/Dogs                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														10 - 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=51"> 51</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: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 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=52"> 52</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>
                                                                                            12: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>
                                            Wolves                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														22 - 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=54"> 54</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>
                                                                                            13: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Huskies                                        </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=61"> 61</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 25, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/10</span>
                                                                                    </td>
                                        <td>
                                                                                            14: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/Dogs                                        </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=83"> 83</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>
                                                                                            15:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=12">
            <span class="d-none d-md-inline">BRASSCHAAT (Sport Vlaanderen)</span>
            <span class="d-inline d-md-none">BRASSCHAAT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </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=95"> 95</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>
                                                                                            13:30                                                                                    </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>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														27 - 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=96"> 96</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>
                                                                                            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>
                                            Crows                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 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=97"> 97</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>
                                                                                            16:30                                                                                    </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>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 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=122"> 122</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>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														14 - 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=125"> 125</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=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>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Huskies                                        </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=127"> 127</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>
                                                                                            13: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Huskies                                        </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=149"> 149</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>
                                                                                            13:30                                                                                    </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/Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														17 - 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=150"> 150</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>
                                                                                            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>
                                            Lapwings/Dogs                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 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=153"> 153</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>
                                                                                            16:30                                                                                    </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>
                                            Sharnix                                        </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=188"> 188</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 21, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">21/12</span>
                                                                                    </td>
                                        <td>
                                                                                            10:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 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=189"> 189</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 21, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">21/12</span>
                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Huskies                                        </td>
                                        <td>
                                            Lapwings/Dogs                                        </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=190"> 190</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 21, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">21/12</span>
                                                                                    </td>
                                        <td>
                                                                                            13:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Lapwings/Dogs                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=196"> 196</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 10, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">10/01</span>
                                                                                    </td>
                                        <td>
                                                                                            14: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">
														0 - 21													</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=197"> 197</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 10, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">10/01</span>
                                                                                    </td>
                                        <td>
                                                                                            15: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>
                                            Wolves                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														15 - 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=198"> 198</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 10, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">10/01</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>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=206"> 206</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 18, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">18/01</span>
                                                                                    </td>
                                        <td>
                                                                                            10:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 15													</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=211"> 211</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/01</span>
                                                                                    </td>
                                        <td>
                                                                                            13:30                                                                                    </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/Dogs                                        </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=213"> 213</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/01</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>
                                            Lapwings/Dogs                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														10 - 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=214"> 214</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Jan 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/01</span>
                                                                                    </td>
                                        <td>
                                                                                            16:30                                                                                    </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>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														13 - 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=229"> 229</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>
                                                                                            17:15                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=12">
            <span class="d-none d-md-inline">BRASSCHAAT (Sport Vlaanderen)</span>
            <span class="d-inline d-md-none">BRASSCHAAT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 24													</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=234"> 234</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>
                                                                                            10: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>
                                            Flying Eagles/Sportiek Spins                                        </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=236"> 236</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>
                                                                                            11: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>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=238"> 238</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>
                                                                                            13: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>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 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=239"> 239</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>
                                                                                            13:30                                                                                    </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>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														21 - 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=263"> 263</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>
                                                                                            10:00                                                                                    </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/Dogs                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 18													</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=264"> 264</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>
                                                                                            11: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>
                                            Wolves                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														17 - 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=265"> 265</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>
                                                                                            13:00                                                                                    </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/Dogs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 12													</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=288"> 288</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>
                                                                                            10: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														12 - 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=289"> 289</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>
                                                                                            12: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>
                                            Crows                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </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-info ">
        Played    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=292"> 292</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>
                                                                                            13: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 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=309"> 309</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>
                                                                                            10:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 10													</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=312"> 312</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:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</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">
														4 - 10													</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=316"> 316</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>
                                                                                            13:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 25													</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=223"> 223</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>
                                                                                            12:15                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=14">
            <span class="d-none d-md-inline">TURNHOUT (Sporthal Stadspark)</span>
            <span class="d-inline d-md-none">TURNHOUT</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														10 - 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=339"> 339</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=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>
                                            Sharnix                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 10													</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=227"> 227</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>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Wolves                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 27													</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=373"> 373</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>
                                                                                            11:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=374"> 374</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>
                                                                                            13:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Sharnix                                        </td>
                                        <td>
                                            Lapwings/Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=377"> 377</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>
                                                                                            14:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=11">
            <span class="d-none d-md-inline">BASTOGNE (Centre Sportif)</span>
            <span class="d-inline d-md-none">BASTOGNE</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Lapwings/Dogs                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-warning ">
        Validated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=381"> 381</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/04</span>
                                                                                    </td>
                                        <td>
                                                                                            15: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>
                                            Flying Eagles/Sportiek Spins                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=383"> 383</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/04</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>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=385"> 385</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 25, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">25/04</span>
                                                                                    </td>
                                        <td>
                                                                                            18: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>
                                            Crows                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=394"> 394</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 26, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/04</span>
                                                                                    </td>
                                        <td>
                                                                                            13: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>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=397"> 397</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 26, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/04</span>
                                                                                    </td>
                                        <td>
                                                                                            14: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Lapwings/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-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=399"> 399</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 26, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/04</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>
                                            Flying Eagles/Sportiek Spins                                        </td>
                                        <td>
                                            Lapwings/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-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=411"> 411</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 16, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">16/05</span>
                                                                                    </td>
                                        <td>
                                                                                            12: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>
                                            Lapwings/Dogs                                        </td>
                                        <td>
                                            Huskies                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=412"> 412</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 16, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">16/05</span>
                                                                                    </td>
                                        <td>
                                                                                            13: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>
                                            Huskies                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=413"> 413</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 16, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">16/05</span>
                                                                                    </td>
                                        <td>
                                                                                            15: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>
                                            Lapwings/Dogs                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                            </tbody>
					</table>
            </div>
            </div>
</div>
		        <!-- Category Details -->
        <div class="card info-card">
    <div class="card-body 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">20m</span>
            </div>
            <div class="col-6 col-md-auto">
                <i class="fas fa-plus-circle text-warning"></i> Overtime: <span class="badge bg-secondary">No</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-secondary">No</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>