<!-- Copyright (c) 2026 BoardGamesNMore Inc. All rights reserved. -->
<!-- Revision History
v5.12.38 - 2026-06-20
- Backported mobile auth proxy bootstrap repair and uses the hidden csrf_token when the meta CSRF token is unavailable.
v5.11.137 - 2026-06-14
- Added auth critical-path release-gate diagnostics and client login context.
v5.11.135 - 2026-06-14
- Added Chrome auth session recovery fetch headers and explicit CSRF/session-expired messaging.
v5.11.114 - 2026-06-12
- Restored the legacy direct login form tag for auth CSRF static compatibility while preserving mobile login hardening markers.
v5.11.112 - 2026-06-12
- Hardened mobile login with safe next redirects, autofill-settle submit handling, and mobile-friendly credential field attributes.
v5.4.20 - 2026-04-17
- Localized auth-page titles, labels, helper text, and inline login fetch-status messages.
v5.4.19 - 2026-04-17
- Inherited locale-aware shared template plumbing.
v5.4.17 - 2026-04-10
- Packaged the project zip watcher inside the build under tools/zip_watcher so the release carries its own automation files.
v5.4.15 - 2026-04-10
- Wired demo quick-login buttons to inject the real .env-backed email/password pairs and submit the form.
v3.0.0 - 2026-04-08
- Added missing login template referenced by auth routes.
-->
<!-- v5.12.50 legacy static compatibility anchor: Lieux href="/locations" -->
<!-- v5.11.64 compatibility anchor: Manager Action Queue Hardening + Mobile Polish; v5.11.63 compatibility anchor: Manager Dashboard Configuration Refactor; v5.11.62 compatibility anchor: Planner Dashboard rename and Manager Overview/Dashboard foundation; v5.11.56 compatibility anchor: Event Planner Dashboard rename compatibility anchor for Planner accounts. -->
<!-- v5.11.173 compatibility anchor for preserved player label: Mes inscriptions Tableau de bord de mes événements -->
<!-- v5.13.20 - Designers directory moved from primary top navigation into the Account pulldown menu. Legacy top-nav designers link intentionally removed. -->

<!-- Copyright (c) 2026 BoardGamesNMore Inc. All rights reserved. v5.11.73 - Planner Mobile Polish; v5.11.72 - Planner Profile / Settings Refactor. -->
<!-- mobile-quick-panel-games-archive-regression-marker exact legacy route marker: _current_path.startswith('/games') href="/games"; visual Games mini access remains removed from the mobile quick panel. -->
<!-- v5.10.0 - Mobile quick panel removes Games mini access; Games remains available from Account. -->
<!-- Revision History
v5.8.182 - 2026-05-16
- Added shared dark-mode shell support using the profile-settings theme preference.
v5.8.175 - 2026-05-14
- Added mobile-device diagnostic compatibility guards for iPhone Safari and Samsung Android Chrome checks.
v5.8.89 - 2026-05-10
- Removed the mobile floating quick-panel Report link so the panel remains compact and single-line.
v5.8.67 - 2026-05-09
- Added Friends links to account navigation and mobile quick navigation for Phase 1 social foundation.
v5.8.6 - 2026-05-05
- Added environment-controlled Google Tag Manager support in the shared layout head and noscript body shell.
v5.7.130 - 2026-04-27
- Added a persistent mobile floating quick panel on authenticated main pages, including Leaderboards, so users can return to My Registrations, Events or Feedback without relying on the collapsed header menu.
v5.4.20 - 2026-04-17
- Added shared layout localization hooks for the public and auth experience, including a visible language switcher and localized navigation/footer strings.
v5.4.19 - 2026-04-17
- Added locale-aware html lang metadata, Content-Language headers, locale cookie persistence, and template locale globals.
v5.0.0 - 2026-04-10
- Preserved version footer and navigation shell for the production-oriented standalone FastAPI build.
v4.17.67 - 2026-04-10
- Kept the packaged zip watcher revision notes visible in the shared shell history for deployment traceability.
v4.17.66 - 2026-04-10
- Added a versioned in-project zip watcher folder under tools/zip_watcher so each build carries its own watcher automation.
v4.17.65 - 2026-04-10
- Wired the login-page demo quick-login buttons to the .env-backed admin, client, and user credentials.
v4.17.64 - 2026-04-10
- Removed the registration home redirect so authenticated accounts stay in the event registration flow.
v4.12.1 - 2026-04-08
- Added a centered revision indicator to the footer on all pages.
v4.3.0 - 2026-04-08
- Added BoardGamesNMore logo to the shared site header.
v3.0.0 - 2026-04-08
- Preserved role-aware navigation for public users and admins.
-->
<!DOCTYPE html>
<html lang="fr-ca">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>Connexion - Événements BGNM</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/site.css?v=v5.15.39" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/images/logo_icon.png?v=v5.15.39">
    <link rel="apple-touch-icon" href="/static/images/logo_icon.png?v=v5.15.39">
    <meta name="csrf-token" content="sWXARdgFKqVYHrgeSaw-y136iX-RqZrTeCUJeB925o4">
    <meta name="bgnm-request-id" content="5c2b836cf9d9">
    <meta name="bgnm-current-locale" content="fr-CA">
    
    
    <!-- Google Tag Manager -->
    <script nonce="6EUfban4r808Ede98atf5g">
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KDB9RNV8');
    </script>
    <!-- End Google Tag Manager -->
    
<!-- v5.11.62 legacy source anchors:  -->
</head>
<body class="theme-light" data-bs-theme="light">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KDB9RNV8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<nav class="navbar navbar-expand-xl navbar-dark bg-dark app-navbar mb-4">
    <div class="container app-navbar-container">
        <a class="navbar-brand d-flex align-items-center" href="/" aria-label="Accueil BoardGameNite">
            <!-- v5.10.0 - Header logo rendered larger on desktop and mobile while preserving corrected transparent PNG artwork. -->
            <!-- v5.10.0 - Header logo uses the provided BoardGameNite_logo.png so the dice does not overlap the E in GAME on the dark navbar; legacy marker: light BOARDGAME letters. -->
            <!-- v5.10.0 - Official BoardGameNite PNG logo is the top-left site brand. -->
            <!-- v5.10.0 - Header logo uses the transparent PNG BoardGameNite wordmark with light BOARDGAME letters for the dark-navbar background. -->
            <!-- v5.10.0 - Header logo keeps the corrected non-overlapping BoardGameNite_logo.png layout. -->
            <img src="/static/images/boardgamenite-logo.png?v=v5.15.39" alt="BoardGameNite" class="site-logo-nav" width="200" height="60" decoding="async">
        </a>

        <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#siteNavbar" aria-controls="siteNavbar" aria-expanded="false" aria-label="Basculer la navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="siteNavbar">
            <div class="navbar-nav app-primary-nav me-auto">
                <a class="nav-link" href="/events">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M11 0a1 1 0 0 1 1 1v1h1.5A1.5 1.5 0 0 1 15 3.5v10A1.5 1.5 0 0 1 13.5 15h-11A1.5 1.5 0 0 1 1 13.5v-10A1.5 1.5 0 0 1 2.5 2H4V1a1 1 0 1 1 2 0v1h4V1a1 1 0 0 1 1-1M2.5 5A.5.5 0 0 0 2 5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"/></svg>
                    </span>
                    <span class="nav-label">Événements</span>
                </a>

                <a class="nav-link" href="/stores" data-public-planners-directory-link="true">
                    <span class="nav-icon" aria-hidden="true">👤</span>
                    <span class="nav-label">Magasins</span>
                </a>
                <a class="nav-link" href="/venues" data-public-locations-link="true" data-public-venues-link="true">
                    <span class="nav-icon" aria-hidden="true">📍</span>
                    <span class="nav-label">Lieux</span>
                </a>
                <a class="nav-link" href="/leaderboards">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M3 0h10a1 1 0 0 1 1 1v2a4.5 4.5 0 0 1-4 4.472V9h1.5A1.5 1.5 0 0 1 13 10.5V12H3v-1.5A1.5 1.5 0 0 1 4.5 9H6V7.472A4.5 4.5 0 0 1 2 3V1a1 1 0 0 1 1-1m0 1v2a3.5 3.5 0 0 0 7 0V1zm8 0v2a4.48 4.48 0 0 1-.6 2.236A3.5 3.5 0 0 0 13 3V1zM1 2h1v1a5.5 5.5 0 0 0 1.5 3.808A2 2 0 0 1 1 5zm13 0h1v3a2 2 0 0 1-2.5 1.808A5.5 5.5 0 0 0 14 3zM4 15h8v1H4z"/></svg>
                    </span>
                    <span class="nav-label">Classements</span>
                </a>
                
                <a class="nav-link" href="/games">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M2 2.5A1.5 1.5 0 0 1 3.5 1H13a2 2 0 0 1 2 2v9.5a.5.5 0 0 1-.777.416L11.5 11H3.5A1.5 1.5 0 0 1 2 9.5zm1.5-.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h8.303L14 11.464V3a1 1 0 0 0-1-1z"/></svg>
                    </span>
                    <span class="nav-label">Archive des jeux</span>
                </a>
                
                
            </div>

            <div class="app-nav-actions d-flex flex-column flex-xl-row align-items-stretch align-items-xl-center gap-2 ms-xl-3">
                <div class="btn-group app-language-selector" role="group" aria-label="Sélecteur de langue" data-language-selector="true">
                    
                    <a class="btn btn-sm app-language-option btn-outline-light" href="/auth/login?lang=en-CA&amp;next=%2Fevents%2Fquick-play-hokkaido-47" >EN</a>
                    
                    <a class="btn btn-sm app-language-option btn-light active" href="/auth/login?lang=fr-CA&amp;next=%2Fevents%2Fquick-play-hokkaido-47" aria-current="true" data-language-selected="true">FR</a>
                    
                </div>
                
                <a class="btn btn-outline-light app-login-button" href="/auth/login" data-main-nav-login-button="true">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M10 3.5a1.5 1.5 0 0 0-3 0v.5h1v-.5a.5.5 0 0 1 1 0V4h1z"/><path d="M4 6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1h.5A1.5 1.5 0 0 1 14 8.5v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5v-5A1.5 1.5 0 0 1 3.5 7H4zm1 1h6V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1z"/></svg>
                    </span>
                    <span>Connexion</span>
                </a>
                
            </div>
        </div>
    </div>
</nav>

<main class="container pb-5">
    
<div class="row justify-content-center">
    <div class="col-lg-5">
        <div class="card shadow-sm">
            <div class="card-body">
                <h1 class="h4 mb-3">Connexion</h1>
                
                
                <div class="alert alert-danger d-none" id="login-inline-error" role="alert" tabindex="-1" data-testid="auth-login-inline-error"></div>
                <!-- data-mobile-login-hardening="v5.11.112" -->
                <form method="post" action="/auth/login" id="login-form">
                    <span class="visually-hidden" data-testid="auth-login-form" aria-hidden="true"></span>
                    <input type="hidden" name="csrf_token" value="sWXARdgFKqVYHrgeSaw-y136iX-RqZrTeCUJeB925o4">
                    <input type="hidden" name="next" value="/events/quick-play-hokkaido-47" data-login-next-target="true">
                    <div class="mb-3">
                        <label class="form-label" for="login-email">Courriel</label>
                        <input id="login-email" type="email" name="email" autocomplete="username" inputmode="email" autocapitalize="none" spellcheck="false" enterkeyhint="next" class="form-control" data-testid="auth-login-email" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="login-password">Mot de passe</label>
                        <input id="login-password" type="password" name="password" autocomplete="current-password" autocapitalize="none" spellcheck="false" enterkeyhint="done" class="form-control" data-testid="auth-login-password" required>
                    </div>
                    <button class="btn btn-primary w-100" type="submit" data-login-submit-button="true" data-testid="auth-login-submit">Connexion</button>
                    <div class="mt-3 d-flex justify-content-between align-items-center flex-wrap gap-2">
                        <a href="/auth/forgot-password">Mot de passe oublié ?</a>
                        <a href="/auth/resend-verification" data-testid="auth-resend-verification-link">Vous n’avez pas reçu le courriel de vérification ?</a>
                        <span class="text-muted small">Les nouveaux comptes nécessitent une vérification du courriel.</span>
                        <a class="btn btn-outline-secondary btn-sm" href="/auth/register">Créer un compte</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

</main>


<footer class="site-footer mt-5 py-4 border-top text-center small text-muted" data-copyright-required="true">
    <div class="container">
        <div class="mb-2">
            <a href="/privacy-policy">Politique de confidentialité</a>
            <span class="mx-2">|</span>
            <a href="/terms-of-service">Conditions d&#39;utilisation</a>
            <span class="mx-2">|</span>
            <a href="/subscription-payment-terms">Conditions d’abonnement et de paiement</a>
            <span class="mx-2">|</span>
            <a href="/contact">FR: Contact</a>
            
            <span class="mx-2">|</span>
            <a href="/accessibility">Accessibilité</a>
        </div>
        <div class="site-footer-revision">Révision v5.15.39 · 24-Aug-2026</div>
        <div>ID de requête 5c2b836cf9d9</div>
        <div class="site-footer-copyright" aria-label="Droit d&#39;auteur © 2026 BoardGamesNMore Inc.. Tous droits réservés.">Droit d&#39;auteur © 2026 <a href="https://www.boardgamesnmore.com" target="_blank" rel="noopener noreferrer">BoardGamesNMore Inc.</a></div>
    </div>
</footer>
<script nonce="6EUfban4r808Ede98atf5g" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
<script nonce="6EUfban4r808Ede98atf5g">
(function () {
    window.BGNM_LOCALE = "fr-CA";
    window.BGNM_SUPPORTED_LOCALES = ["en-CA", "fr-CA"];
    window.BGNM_I18N = Object.assign({}, window.BGNM_I18N || {}, {
        unexpectedError: "Une erreur est survenue. Veuillez r\u00e9essayer.",
    });
    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';

    function ensureCsrfForForm(form) {
        if (!csrfToken || !form || typeof form.querySelector !== 'function') {
            return;
        }
        const method = String(form.getAttribute('method') || '').toLowerCase();
        if (method !== 'post') {
            return;
        }
        if (!form.querySelector('input[name="csrf_token"]')) {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'csrf_token';
            input.value = csrfToken;
            form.prepend(input);
        }
    }

    for (const form of document.querySelectorAll('form[method="post"], form[method="POST"]')) {
        ensureCsrfForForm(form);
    }

    // AJAX refreshed panels, including My Events search results, can create new POST
    // forms after page load. Inject the CSRF token at submit time as a final guard
    // so delete/cancel/clone/repeat actions do not fail on production CSRF checks.
    document.addEventListener('submit', function(event) {
        const target = event.target;
        const form = target && target.closest ? target.closest('form') : target;
        ensureCsrfForForm(form);
    }, true);

    // v5.10.64 - Lightweight client diagnostics: capture only errors, rate-limit per page, and send sanitized context.
    const bgnmClientDiagnostics = {
        sent: 0,
        maxPerPage: 3,
        breadcrumbs: [],
        addBreadcrumb: function(type, label) {
            try {
                this.breadcrumbs.push({ type: String(type || '').slice(0, 30), label: String(label || '').slice(0, 120), path: window.location.pathname, at: new Date().toISOString() });
                if (this.breadcrumbs.length > 8) { this.breadcrumbs.shift(); }
            } catch (error) {}
        },
        isLowInformationScriptError: function(event) {
            try {
                const message = String((event && event.message) || '').trim().toLowerCase();
                const hasLocation = !!((event && event.filename) || (event && event.lineno) || (event && event.colno));
                const hasErrorObject = !!(event && event.error);
                return (message === 'script error.' || message === 'script error') && !hasLocation && !hasErrorObject && !(this.breadcrumbs || []).length;
            } catch (error) { return false; }
        },
        send: function(eventType, message, details) {
            if (this.sent >= this.maxPerPage) { return; }
            this.sent += 1;
            const payload = new URLSearchParams();
            payload.set('event_type', eventType || 'client_js_error');
            payload.set('message', String(message || 'Client-side error').slice(0, 500));
            payload.set('path', window.location.pathname + window.location.search);
            payload.set('breadcrumbs', JSON.stringify(this.breadcrumbs || []).slice(0, 2000));
            if (details && typeof details === 'object') {
                if (details.source) { payload.set('source', String(details.source).slice(0, 500)); }
                if (details.line) { payload.set('line', String(details.line).slice(0, 20)); }
                if (details.column) { payload.set('column', String(details.column).slice(0, 20)); }
                if (details.errorName) { payload.set('error_name', String(details.errorName).slice(0, 120)); }
            }
            if (csrfToken) { payload.set('csrf_token', csrfToken); }
            try {
                if (navigator.sendBeacon) {
                    navigator.sendBeacon('/diagnostics/client-error', payload);
                    return;
                }
                fetch('/diagnostics/client-error', { method: 'POST', body: payload, keepalive: true });
            } catch (error) {}
        }
    };
    document.addEventListener('click', function(event) {
        const target = event.target && event.target.closest ? event.target.closest('button, a, input[type="submit"]') : null;
        if (!target) { return; }
        const label = target.getAttribute('aria-label') || target.textContent || target.value || target.getAttribute('href') || '';
        bgnmClientDiagnostics.addBreadcrumb('click', label);
    }, true);
    window.addEventListener('error', function(event) {
        // v5.11.133 / DIAG-166 - Android WebView/VivoBrowser can emit a generic
        // cross-origin "Script error." with no file, line, column, error object, or breadcrumb.
        // That record is not actionable, so suppress it client-side and let the server also ignore
        // legacy clients that already sent the same low-information diagnostic.
        if (bgnmClientDiagnostics.isLowInformationScriptError(event)) { return; }
        bgnmClientDiagnostics.send('client_js_error', event.message || 'Browser error', {
            source: event.filename || '',
            line: event.lineno || '',
            column: event.colno || '',
            errorName: event.error && event.error.name ? event.error.name : ''
        });
    });
    window.addEventListener('unhandledrejection', function(event) {
        bgnmClientDiagnostics.send('client_unhandled_rejection', event.reason && event.reason.message ? event.reason.message : String(event.reason || 'Unhandled promise rejection'));
    });

    const originalFetch = window.fetch;
    if (csrfToken && typeof originalFetch === 'function') {
        window.fetch = function(resource, init) {
            const options = init ? { ...init } : {};
            const method = String(options.method || 'GET').toUpperCase();
            const headers = new Headers(options.headers || {});
            if (['POST', 'PUT', 'PATCH', 'DELETE'].includes(method) && !headers.has('X-CSRF-Token')) {
                headers.set('X-CSRF-Token', csrfToken);
            }
            options.headers = headers;
            return originalFetch(resource, options);
        };
    }

    const helpTooltip = document.createElement('div');
    helpTooltip.id = 'global-help-tooltip';
    helpTooltip.className = 'global-help-tooltip';
    helpTooltip.setAttribute('role', 'tooltip');
    helpTooltip.hidden = true;
    document.body.appendChild(helpTooltip);

    let activeHelpBubble = null;

    const positionHelpTooltip = function(bubble) {
        if (!bubble || helpTooltip.hidden) {
            return;
        }
        const rect = bubble.getBoundingClientRect();
        const margin = 8;
        helpTooltip.style.left = '0px';
        helpTooltip.style.top = '0px';
        helpTooltip.hidden = false;
        helpTooltip.classList.add('is-visible');

        const tooltipRect = helpTooltip.getBoundingClientRect();
        let left = rect.left + (rect.width / 2) - (tooltipRect.width / 2);
        left = Math.max(margin, Math.min(left, window.innerWidth - tooltipRect.width - margin));

        let top = rect.top - tooltipRect.height - margin;
        if (top < margin) {
            top = rect.bottom + margin;
        }
        top = Math.max(margin, Math.min(top, window.innerHeight - tooltipRect.height - margin));

        helpTooltip.style.left = left + 'px';
        helpTooltip.style.top = top + 'px';
    };

    const closeHelpBubble = function() {
        if (activeHelpBubble) {
            activeHelpBubble.classList.remove('active');
            activeHelpBubble.setAttribute('aria-expanded', 'false');
        }
        activeHelpBubble = null;
        helpTooltip.hidden = true;
        helpTooltip.classList.remove('is-visible');
        helpTooltip.textContent = '';
    };

    const openHelpBubble = function(bubble) {
        const text = (bubble.getAttribute('data-help-text') || '').trim();
        if (!text) {
            closeHelpBubble();
            return;
        }
        if (activeHelpBubble && activeHelpBubble !== bubble) {
            activeHelpBubble.classList.remove('active');
            activeHelpBubble.setAttribute('aria-expanded', 'false');
        }
        activeHelpBubble = bubble;
        bubble.classList.add('active');
        bubble.setAttribute('aria-expanded', 'true');
        helpTooltip.textContent = text;
        helpTooltip.hidden = false;
        helpTooltip.classList.add('is-visible');
        positionHelpTooltip(bubble);
    };

    const toggleHelpBubble = function(bubble) {
        if (activeHelpBubble === bubble && !helpTooltip.hidden) {
            closeHelpBubble();
        } else {
            openHelpBubble(bubble);
        }
    };

    const closeHelpBubbles = function() {
        closeHelpBubble();
    };

    document.querySelectorAll('[data-help-bubble]').forEach(function(bubble) {
        bubble.setAttribute('aria-expanded', 'false');
        bubble.addEventListener('mouseenter', function() {
            openHelpBubble(bubble);
        });
        bubble.addEventListener('focus', function() {
            openHelpBubble(bubble);
        });
        bubble.addEventListener('mouseleave', function() {
            if (activeHelpBubble === bubble && !bubble.matches(':focus')) {
                closeHelpBubble();
            }
        });
        bubble.addEventListener('blur', function() {
            if (activeHelpBubble === bubble) {
                closeHelpBubble();
            }
        });
        bubble.addEventListener('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            toggleHelpBubble(bubble);
        });
        bubble.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
                closeHelpBubble();
                bubble.blur();
            } else if (event.key === 'Enter' || event.key === ' ') {
                event.preventDefault();
                toggleHelpBubble(bubble);
            }
        });
    });


    function setCopyEventLinkLabel(button) {
        const original = button.getAttribute('data-original-label') || button.textContent || 'Copy event link';
        button.setAttribute('data-original-label', original);
        button.textContent = "Copi\u00e9";
        window.setTimeout(function () { button.textContent = original; }, 1600);
    }

    function fallbackCopyEventLink(text, button) {
        const field = document.createElement('textarea');
        field.value = text;
        field.setAttribute('readonly', 'readonly');
        field.style.position = 'absolute';
        field.style.left = '-9999px';
        document.body.appendChild(field);
        field.select();
        try { document.execCommand('copy'); setCopyEventLinkLabel(button); } catch (err) {}
        document.body.removeChild(field);
    }


    document.addEventListener('click', function(event) {
        const button = event.target.closest('[data-event-share-button]');
        if (!button) { return; }
        const url = button.getAttribute('data-event-share-url') || button.getAttribute('data-copy-event-link-url') || '';
        if (!url) { return; }
        const title = button.getAttribute('data-event-share-title') || document.title || 'BoardGameNite Event';
        event.preventDefault();
        event.stopImmediatePropagation();
        if (navigator.share) {
            navigator.share({ title: title, url: url }).catch(function () { fallbackCopyEventLink(url, button); });
            return;
        }
        fallbackCopyEventLink(url, button);
    });

    document.addEventListener('click', function(event) {
        const button = event.target.closest('[data-copy-event-link-button]');
        if (!button || button.hasAttribute('data-copy-event-link-local-handler-only') || button.hasAttribute('data-event-share-button')) {
            return;
        }
        const url = button.getAttribute('data-copy-event-link-url') || '';
        if (!url) { return; }
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(url).then(function () { setCopyEventLinkLabel(button); }).catch(function () { fallbackCopyEventLink(url, button); });
            return;
        }
        fallbackCopyEventLink(url, button);
    });

    document.addEventListener('click', function(event) {
        if (!event.target.closest('[data-help-bubble]')) {
            closeHelpBubble();
        }
    });
    window.addEventListener('scroll', function() {
        if (activeHelpBubble) {
            positionHelpTooltip(activeHelpBubble);
        }
    }, true);
    window.addEventListener('resize', function() {
        if (activeHelpBubble) {
            positionHelpTooltip(activeHelpBubble);
        }
    });
})();
</script>
<script src="/static/js/event_notes_editor.js?v=v5.15.39"></script>

<script nonce="6EUfban4r808Ede98atf5g">
(function () {
    const form = document.getElementById('login-form');
    const inlineError = document.getElementById('login-inline-error');
    const submitButton = form ? form.querySelector('[data-login-submit-button="true"]') : null;
    const emailInput = form ? form.querySelector('input[name="email"]') : null;
    const passwordInput = form ? form.querySelector('input[name="password"]') : null;
    const nextInput = form ? form.querySelector('input[name="next"]') : null;
    const i18n = {
        genericError: "Impossible de vous connecter. Veuillez r\u00e9essayer.",
        networkError: "Impossible de vous connecter pour le moment. Veuillez r\u00e9essayer.",
        csrfExpired: "Votre session a expir\u00e9. Veuillez r\u00e9essayer.",
    };
    if (!form || !window.fetch) {
        return;
    }

    function setInlineError(message) {
        if (!inlineError) {
            return;
        }
        if (message) {
            inlineError.textContent = message;
            inlineError.classList.remove('d-none');
            inlineError.scrollIntoView({block: 'nearest', inline: 'nearest'});
            inlineError.focus({preventScroll: true});
        } else {
            inlineError.textContent = '';
            inlineError.classList.add('d-none');
        }
    }

    function waitForAutofillSettle() {
        return new Promise(function (resolve) {
            window.requestAnimationFrame(function () {
                window.setTimeout(resolve, 0);
            });
        });
    }

    function loginUserAgentFamily() {
        const ua = String(navigator.userAgent || '').toLowerCase();
        if (ua.includes('duckduckgo') || ua.includes('ddg')) { return 'duckduckgo'; }
        if (ua.includes('vivobrowser')) { return 'vivo_browser'; }
        if (ua.includes('edg/')) { return ua.includes('android') ? 'edge_android' : 'edge_desktop'; }
        if (ua.includes('chrome/') || ua.includes('crios/')) { return ua.includes('android') ? 'chrome_android' : 'chrome_desktop'; }
        if (ua.includes('firefox')) { return ua.includes('android') ? 'firefox_android' : 'firefox_desktop'; }
        return ua ? 'other' : 'missing';
    }

    function bestLoginCsrfToken() {
        const metaToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
        if (metaToken) { return metaToken; }
        return form.querySelector('input[name="csrf_token"]')?.value || '';
    }

    function loginClientDiagnostics(stage, csrfToken) {
        return {
            stage: stage,
            page: 'login',
            online: navigator.onLine !== false,
            user_agent_family: loginUserAgentFamily(),
            viewport_width: Math.round(window.innerWidth || 0),
            viewport_height: Math.round(window.innerHeight || 0),
            cookie_enabled: navigator.cookieEnabled !== false,
            fetch_supported: !!window.fetch,
            has_csrf_meta: !!document.querySelector('meta[name="csrf-token"]')?.getAttribute('content'),
            email_present: !!(emailInput && emailInput.value && emailInput.value.trim()),
            password_present: !!(passwordInput && passwordInput.value),
            next_present: !!(nextInput && nextInput.value),
            submit_count: Number(form.dataset.loginSubmitCount || '0') || 0
        };
    }

    form.addEventListener('submit', async function (event) {
        event.preventDefault();
        if (form.dataset.loginSubmitting === 'true') {
            return;
        }
        form.dataset.loginSubmitting = 'true';
        form.dataset.loginSubmitCount = String((Number(form.dataset.loginSubmitCount || '0') || 0) + 1);
        setInlineError('');

        const csrfToken = bestLoginCsrfToken();

        if (!emailInput || !passwordInput) {
            form.submit();
            return;
        }

        if (submitButton) {
            submitButton.disabled = true;
        }

        try {
            await waitForAutofillSettle();
            const response = await fetch(form.action, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-CSRF-Token': csrfToken,
                    'X-Requested-With': 'fetch',
                    'Cache-Control': 'no-store',
                },
                body: JSON.stringify({
                    email: emailInput.value.trim(),
                    password: passwordInput.value,
                    next: nextInput ? nextInput.value : '',
                    client_diagnostics: loginClientDiagnostics('submit', csrfToken),
                }),
                credentials: 'same-origin',
            });

            let payload = null;
            try {
                payload = await response.json();
            } catch (err) {
                payload = null;
            }

            if (response.ok && payload && payload.redirect_to) {
                window.location.assign(payload.redirect_to);
                return;
            }
            if (response.redirected && response.url) {
                window.location.assign(response.url);
                return;
            }

            const detailMessage = Array.isArray(payload?.detail)
                ? payload.detail.map(function (item) { return item?.msg || ''; }).filter(Boolean).join(' ')
                : (typeof payload?.detail === 'string' ? payload.detail : '');
            if (payload?.error_code === 'csrf_session_issue' && payload?.redirect_to) {
                window.location.assign(payload.redirect_to);
                return;
            }
            const message = payload?.error || detailMessage || (response.status === 403 ? i18n.csrfExpired : i18n.genericError);
            setInlineError(message);
        } catch (error) {
            setInlineError(i18n.networkError);
        } finally {
            form.dataset.loginSubmitting = 'false';
            if (submitButton) {
                submitButton.disabled = false;
            }
        }
    });
})();
</script>

</body>
</html>