 <!-- DEBUG: Selected Category: 4 --><!-- 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 = 4 OR vt.Category_ID = 4)
                   ORDER BY g.Date ASC, g.Time ASC --><!-- DEBUG: Query returned 60 rows --><!-- DEBUG: Row 1 - Game ID: 6, Home: Wolves White, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 2 - Game ID: 8, Home: Lapwings/Chiefs/Spins, Visitor: Dogs/Huskies --><!-- DEBUG: Row 3 - Game ID: 9, Home: Wolves White, Visitor: Dogs/Huskies --><!-- DEBUG: Row 4 - Game ID: 23, Home: Sharnix, Visitor: Wolves Blue --><!-- DEBUG: Row 5 - Game ID: 24, Home: Wolves Blue, Visitor: Dogs/Huskies --><!-- DEBUG: Row 6 - Game ID: 25, Home: Sharnix, Visitor: Dogs/Huskies --><!-- DEBUG: Row 7 - Game ID: 66, Home: Crows, Visitor: Wolves White --><!-- DEBUG: Row 8 - Game ID: 68, Home: Wolves White, Visitor: Sharnix --><!-- DEBUG: Row 9 - Game ID: 69, Home: Crows, Visitor: Sharnix --><!-- DEBUG: Row 10 - Game ID: 81, Home: Wolves White, Visitor: Wolves Blue --><!-- DEBUG: Row 11 - Game ID: 84, Home: Lapwings/Chiefs/Spins, Visitor: Dogs/Huskies --><!-- DEBUG: Row 12 - Game ID: 100, Home: Dogs/Huskies, Visitor: Sharnix --><!-- DEBUG: Row 13 - Game ID: 120, Home: Lapwings/Chiefs/Spins, Visitor: Sharnix --><!-- DEBUG: Row 14 - Game ID: 123, Home: Sharnix, Visitor: Wolves Blue --><!-- DEBUG: Row 15 - Game ID: 126, Home: Lapwings/Chiefs/Spins, Visitor: Wolves Blue --><!-- DEBUG: Row 16 - Game ID: 137, Home: Dogs/Huskies, Visitor: Wolves Blue --><!-- DEBUG: Row 17 - Game ID: 139, Home: Wolves Blue, Visitor: Wolves White --><!-- DEBUG: Row 18 - Game ID: 140, Home: Dogs/Huskies, Visitor: Wolves White --><!-- DEBUG: Row 19 - Game ID: 57, Home: Wolves White, Visitor: Wolves Blue --><!-- DEBUG: Row 20 - Game ID: 176, Home: Wolves Blue, Visitor: Wolves White --><!-- DEBUG: Row 21 - Game ID: 207, Home: Crows, Visitor: Dogs/Huskies --><!-- DEBUG: Row 22 - Game ID: 208, Home: Dogs/Huskies, Visitor: Sharnix --><!-- DEBUG: Row 23 - Game ID: 209, Home: Crows, Visitor: Sharnix --><!-- DEBUG: Row 24 - Game ID: 215, Home: Wolves Blue, Visitor: Dogs/Huskies --><!-- DEBUG: Row 25 - Game ID: 216, Home: Wolves White, Visitor: Dogs/Huskies --><!-- DEBUG: Row 26 - Game ID: 219, Home: Lapwings/Chiefs/Spins, Visitor: Wolves White --><!-- DEBUG: Row 27 - Game ID: 220, Home: Crows, Visitor: Dogs/Huskies --><!-- DEBUG: Row 28 - Game ID: 221, Home: Wolves White, Visitor: Sharnix --><!-- DEBUG: Row 29 - Game ID: 222, Home: Dogs/Huskies, Visitor: Wolves Blue --><!-- DEBUG: Row 30 - Game ID: 224, Home: Lapwings/Chiefs/Spins, Visitor: Sharnix --><!-- DEBUG: Row 31 - Game ID: 225, Home: Crows, Visitor: Wolves Blue --><!-- DEBUG: Row 32 - Game ID: 235, Home: Sharnix, Visitor: Dogs/Huskies --><!-- DEBUG: Row 33 - Game ID: 237, Home: Dogs/Huskies, Visitor: Crows --><!-- DEBUG: Row 34 - Game ID: 240, Home: Sharnix, Visitor: Crows --><!-- DEBUG: Row 35 - Game ID: 249, Home: Wolves White, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 36 - Game ID: 275, Home: Sharnix, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 37 - Game ID: 291, Home: Wolves Blue, Visitor: Sharnix --><!-- DEBUG: Row 38 - Game ID: 295, Home: Sharnix, Visitor: Wolves White --><!-- DEBUG: Row 39 - Game ID: 310, Home: Lapwings/Chiefs/Spins, Visitor: Crows --><!-- DEBUG: Row 40 - Game ID: 313, Home: Crows, Visitor: Wolves Blue --><!-- DEBUG: Row 41 - Game ID: 317, Home: Lapwings/Chiefs/Spins, Visitor: Wolves Blue --><!-- DEBUG: Row 42 - Game ID: 338, Home: Wolves Blue, Visitor: Crows --><!-- DEBUG: Row 43 - Game ID: 349, Home: Sharnix, Visitor: Wolves White --><!-- DEBUG: Row 44 - Game ID: 351, Home: Wolves White, Visitor: Crows --><!-- DEBUG: Row 45 - Game ID: 352, Home: Sharnix, Visitor: Crows --><!-- DEBUG: Row 46 - Game ID: 247, Home: Crows, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 47 - Game ID: 246, Home: Wolves White, Visitor: Crows --><!-- DEBUG: Row 48 - Game ID: 359, Home: Crows, Visitor: Wolves White --><!-- DEBUG: Row 49 - Game ID: 364, Home: Dogs/Huskies, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 50 - Game ID: 365, Home: Lapwings/Chiefs/Spins, Visitor: Crows --><!-- DEBUG: Row 51 - Game ID: 366, Home: Dogs/Huskies, Visitor: Crows --><!-- DEBUG: Row 52 - Game ID: 380, Home: Dogs/Huskies, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 53 - Game ID: 382, Home: Lapwings/Chiefs/Spins, Visitor: Wolves White --><!-- DEBUG: Row 54 - Game ID: 384, Home: Dogs/Huskies, Visitor: Wolves White --><!-- DEBUG: Row 55 - Game ID: 400, Home: Wolves Blue, Visitor: Crows --><!-- DEBUG: Row 56 - Game ID: 401, Home: Crows, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 57 - Game ID: 402, Home: Wolves Blue, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 58 - Game ID: 419, Home: Wolves Blue, Visitor: Sharnix --><!-- DEBUG: Row 59 - Game ID: 420, Home: Sharnix, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Row 60 - Game ID: 422, Home: Wolves Blue, Visitor: Lapwings/Chiefs/Spins --><!-- DEBUG: Total games added to array: 60 --><!-- DEBUG: Final games array count: 60 --><!-- DEBUG: Game IDs in array: 6, 8, 9, 23, 24, 25, 66, 68, 69, 81 --><!-- DEBUG: Games array structure (first 2 games): --><!-- Array
(
    [0] => Array
        (
            [ID] => 6
            [Date] => 2025-09-28
            [Time] => 13:30:00
            [HomeTeamScore] => 3
            [VisitorTeamScore] => 6
            [HomeTeam_ID] => 122
            [VisitorTeam_ID] => 119
            [Rink_ID] => 2
            [HomeTeamName] => Wolves White
            [VisitorTeamName] => Lapwings/Chiefs/Spins
            [RinkName] => JUMET (Centre Sportif Arc en Ciel)
            [RinkID] => 2
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

    [1] => Array
        (
            [ID] => 8
            [Date] => 2025-09-28
            [Time] => 15:00:00
            [HomeTeamScore] => 7
            [VisitorTeamScore] => 2
            [HomeTeam_ID] => 119
            [VisitorTeam_ID] => 118
            [Rink_ID] => 2
            [HomeTeamName] => Lapwings/Chiefs/Spins
            [VisitorTeamName] => Dogs/Huskies
            [RinkName] => JUMET (Centre Sportif Arc en Ciel)
            [RinkID] => 2
            [GameStatus] => Terminated
            [has_overtime] => 0
        )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}
    </style>
</head>
<body>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inline Management System</title>
    <!-- CSS styles and titles will be defined in each page -->
    <link rel="stylesheet" href="/InlineManagement/css/styles.css">
  <style>
/* Fix menu mobile uniquement */
@media (max-width: 991px) {
  #navbarNav, 
  .navbar-collapse {
    background-color: #000000 !important;
  }
  
  .dropdown-menu {
    background-color: #000000 !important;
    border: 1px solid rgba(253, 218, 36, 0.3) !important;
  }
}
</style>
	
</head>
<body>

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

                                
                            </ul>
                        </li>

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

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

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

                        <!-- Help Menu -->
                        
                    </ul>
                    
                    <!-- User section on the right -->
                    <ul class="navbar-nav">
                                                    <!-- Login button for non-connected user -->
                            <li class="nav-item">
                                <a class="btn btn-belgium-primary btn-sm d-flex align-items-center" href="/InlineManagement/login.php?redirect=%2FInlineManagement%2FPublicDisplay%2Fstandings.php%3Fcategory%3D4">
                                    <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 "
                           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 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/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=4" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Standings
            </a><a href="individual_stat.php?category=4" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Individual Statistics
            </a>
            <a href="category_stat.php?category=4" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-simple"></i> Category Statistics
            </a>
            <a href="goal_stat.php?category=4" class="btn btn-secondary flex-md-fill">
                <i class="fa-solid fa-chart-line"></i> Goal stat
            </a>
            <a href="penalty_stat.php?category=4" 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=8&table=logo" 
                                                alt="Dogs/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;">
                                            DO                                        </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;">
                                    Dogs/Huskies                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Dogs Eeklo                                </small>
                            </div>
                        </div>
                    </div>
                                    <div class="col-6 col-md-4 col-lg-3">
                        <div class="card category-tile h-100">
                            <div class="card-body text-center" style="padding: 5px 5px 0px 5px !important;">
                                <!-- Team Logo Container with relative positioning -->
                                <div style="position: relative; width: 100px; height: 100px; margin: 0 auto 4px auto;">
                                                                            <!-- Conteneur fixe pour le logo -->
                                        <div class="logo-container" style="width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; position: absolute; top: 0; left: 0;">
                                            <img src="../includes/get_picture.php?id=12&table=logo" 
                                                alt="Lapwings/Chiefs/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;">
                                            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/Chiefs/Spins                                </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 Blue 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 Blue                                </h6>
                                
                                <!-- Club Name -->
                                <small class="text d-block" style="margin-bottom: -18px; line-height: 1.2;">
                                    Wolves Charleroi                                </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 White 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 White                                </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 - U16        </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 Blue 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 Blue</strong>
                                                        
                                                    </td>
                                                    <td>16</td>
                                                    <td>14</td>
                                                                                                            <td>1</td>
                                                                                                        <td>1</td>
                                                    <td class="fw-bold text-success">29</td>
                                                    <td>126-16</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +110                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">2</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=12&table=logo" 
                                                                alt="Lapwings/Chiefs/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>Lapwings/Chiefs/Spins</strong>
                                                        
                                                    </td>
                                                    <td>12</td>
                                                    <td>10</td>
                                                                                                            <td>0</td>
                                                                                                        <td>2</td>
                                                    <td class="fw-bold text-success">20</td>
                                                    <td>103-31</td>
                                                    <td>
                                                        <span class="badge bg-success">
                                                            +72                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">3</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=22&table=logo" 
                                                                alt="Sharnix logo" 
                                                                class="ranking-logo"
                                                                style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover;"
                                                                onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                                            
                                                                                                            </td>
                                                    <td>
                                                        <strong>Sharnix</strong>
                                                        
                                                    </td>
                                                    <td>18</td>
                                                    <td>9</td>
                                                                                                            <td>1</td>
                                                                                                        <td>8</td>
                                                    <td class="fw-bold text-success">19</td>
                                                    <td>78-94</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -16                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">4</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=8&table=logo" 
                                                                alt="Dogs/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>Dogs/Huskies</strong>
                                                        
                                                    </td>
                                                    <td>16</td>
                                                    <td>8</td>
                                                                                                            <td>1</td>
                                                                                                        <td>7</td>
                                                    <td class="fw-bold text-success">17</td>
                                                    <td>77-77</td>
                                                    <td>
                                                        <span class="badge bg-secondary">
                                                            0                                                        </span>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td class="fw-bold text-primary">5</td>
                                                    <td>
                                                        <!-- Team Logo in Ranking -->
                                                                                                                                                                             <img src="../includes/get_picture.php?id=17&table=logo" 
                                                                alt="Wolves White 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 White</strong>
                                                        
                                                    </td>
                                                    <td>18</td>
                                                    <td>5</td>
                                                                                                            <td>1</td>
                                                                                                        <td>12</td>
                                                    <td class="fw-bold text-success">11</td>
                                                    <td>59-87</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -28                                                        </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>16</td>
                                                    <td>0</td>
                                                                                                            <td>0</td>
                                                                                                        <td>16</td>
                                                    <td class="fw-bold text-success">0</td>
                                                    <td>35-173</td>
                                                    <td>
                                                        <span class="badge bg-danger">
                                                            -138                                                        </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 - U16        </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=4&sort=ID&dir=asc'">
                                ID <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=4&sort=Date&dir=desc'">
                                Date <i class="fas fa-sort-up"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=4&sort=Time&dir=asc'">
                                Time <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=4&sort=RinkName&dir=asc'">
                                Rink <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=4&sort=HomeTeamName&dir=asc'">
                                Home Team <i class="fas fa-sort"></i>                            </th>
                            <th class="sortable-header" onclick="window.location.href='?category=4&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=4&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=6"> 6</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>
                                                                                            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 White                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 6													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=8"> 8</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=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/Chiefs/Spins                                        </td>
                                        <td>
                                            Dogs/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=9"> 9</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>
                                                                                            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 White                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														6 - 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=23"> 23</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 5, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/10</span>
                                                                                    </td>
                                        <td>
                                                                                            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 Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=24"> 24</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 5, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/10</span>
                                                                                    </td>
                                        <td>
                                                                                            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 Blue                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=25"> 25</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 5, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/10</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=66"> 66</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 26, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/10</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Wolves White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=68"> 68</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 26, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/10</span>
                                                                                    </td>
                                        <td>
                                                                                            12:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=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>
                                            Wolves White                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=69"> 69</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Oct 26, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">26/10</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            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=81"> 81</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>
                                                                                            14:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves White                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 5													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=84"> 84</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>
                                                                                            16:30                                                                                    </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>
                                            Lapwings/Chiefs/Spins                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														19 - 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=100"> 100</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 15, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/11</span>
                                                                                    </td>
                                        <td>
                                                                                            13:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=120"> 120</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: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/Chiefs/Spins                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=123"> 123</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>
                                                                                            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>
                                            Sharnix                                        </td>
                                        <td>
                                            Wolves Blue                                        </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=126"> 126</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: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/Chiefs/Spins                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 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=137"> 137</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 29, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/11</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=139"> 139</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 29, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/11</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Wolves Blue                                        </td>
                                        <td>
                                            Wolves White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 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=140"> 140</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Nov 29, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">29/11</span>
                                                                                    </td>
                                        <td>
                                                                                            18: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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Wolves White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 2													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=57"> 57</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 3, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">03/12</span>
                                                                                    </td>
                                        <td>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves White                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=176"> 176</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Dec 14, 2025</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">14/12</span>
                                                                                    </td>
                                        <td>
                                                                                            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 Blue                                        </td>
                                        <td>
                                            Wolves White                                        </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=207"> 207</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>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=208"> 208</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>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=209"> 209</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>
                                                                                            15: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>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														6 - 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=215"> 215</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>
                                                                                            18:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=2">
            <span class="d-none d-md-inline">JUMET (Centre Sportif Arc en Ciel)</span>
            <span class="d-inline d-md-none">JUMET</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Wolves Blue                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														4 - 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=216"> 216</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>
                                                                                            19: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 White                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														8 - 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=219"> 219</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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/Chiefs/Spins                                        </td>
                                        <td>
                                            Wolves White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														7 - 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=220"> 220</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=221"> 221</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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 White                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=222"> 222</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=224"> 224</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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/Chiefs/Spins                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 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=225"> 225</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 1, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">01/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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 Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														1 - 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=235"> 235</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>
                                                                                            14: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Dogs/Huskies                                        </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=237"> 237</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>
                                                                                            15: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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Crows                                        </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=240"> 240</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 8, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">08/02</span>
                                                                                    </td>
                                        <td>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=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">
														13 - 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=249"> 249</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Feb 15, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">15/02</span>
                                                                                    </td>
                                        <td>
                                                                                            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 White                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 6													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=275"> 275</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 7, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">07/03</span>
                                                                                    </td>
                                        <td>
                                                                                            17: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>
                                            Sharnix                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=291"> 291</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:15                                                                                    </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 Blue                                        </td>
                                        <td>
                                            Sharnix                                        </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=295"> 295</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>
                                                                                            14:45                                                                                    </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>
                                            Sharnix                                        </td>
                                        <td>
                                            Wolves White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 4													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=310"> 310</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>
                                                                                            11:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														16 - 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=313"> 313</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Mar 22, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">22/03</span>
                                                                                    </td>
                                        <td>
                                                                                            12:30                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Crows                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														0 - 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=317"> 317</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>
                                                                                            14:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=9">
            <span class="d-none d-md-inline">LEUVEN (Sporthal Rijschool)</span>
            <span class="d-inline d-md-none">LEUVEN</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
                                        <td>
                                            Wolves Blue                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 1													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=338"> 338</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>
                                                                                            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 Blue                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														12 - 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=349"> 349</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 5, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/04</span>
                                                                                    </td>
                                        <td>
                                                                                            11: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 White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 4													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=351"> 351</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 5, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/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>
                                            Wolves White                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=352"> 352</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 5, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">05/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>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														9 - 3													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=247"> 247</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 11, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">11/04</span>
                                                                                    </td>
                                        <td>
                                                                                            17: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>
                                            Crows                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														2 - 11													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=246"> 246</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>
                                                                                            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>
                                            Wolves White                                        </td>
                                        <td>
                                            Crows                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														5 - 0													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=359"> 359</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>
                                                                                            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 White                                        </td>
										<td>
																							<div class="d-flex align-items-center justify-content-start">
													<span class="game-score">
														3 - 7													</span>
																									</div>
																					</td>
                                        <td>
																					<span class="badge bg-danger ">
        Terminated    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=364"> 364</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 18, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">18/04</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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </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=365"> 365</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 18, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">18/04</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>
                                            Lapwings/Chiefs/Spins                                        </td>
                                        <td>
                                            Crows                                        </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=366"> 366</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">Apr 18, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">18/04</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>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Crows                                        </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=380"> 380</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>
                                                                                            14:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Lapwings/Chiefs/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=382"> 382</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: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>
                                            Lapwings/Chiefs/Spins                                        </td>
                                        <td>
                                            Wolves White                                        </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=384"> 384</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>
                                                                                            17:00                                                                                    </td>
                                        <td>
                    <a href="../rink_detail.php?id=7">
            <span class="d-none d-md-inline">EEKLO (Sporthal)</span>
            <span class="d-inline d-md-none">EEKLO</span>
        </a>
        <i class="fas fa-map-marker-alt text-primary"></i>
    </td>
                                        <td>
                                            Dogs/Huskies                                        </td>
                                        <td>
                                            Wolves White                                        </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=400"> 400</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 9, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">09/05</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 Blue                                        </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=401"> 401</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 9, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">09/05</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>
                                            Lapwings/Chiefs/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=402"> 402</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 9, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">09/05</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 Blue                                        </td>
                                        <td>
                                            Lapwings/Chiefs/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=419"> 419</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 17, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">17/05</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 Blue                                        </td>
                                        <td>
                                            Sharnix                                        </td>
										<td>
																							<span class="text-muted">-</span>
																					</td>
                                        <td>
																					<span class="badge bg-success ">
        Planned    </span>
						                                        </td>
                                    </tr>
                                                                    <tr class="game-row">
                                        <td><strong>
										<a href="../game_detail.php?id=420"> 420</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 17, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">17/05</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>
                                            Sharnix                                        </td>
                                        <td>
                                            Lapwings/Chiefs/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=422"> 422</a>
                                         </strong></td>       
                                        <td>
                                                                                            <span class="d-none d-md-inline">May 17, 2026</span>
                                                <span class="d-inline d-md-none" style="white-space: nowrap;">17/05</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 Blue                                        </td>
                                        <td>
                                            Lapwings/Chiefs/Spins                                        </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>