@extends('public.layout')

@section('layout')
    @php
        $locale = Session::get('locale');
    @endphp
    {{-- //@dump($locale) --}}

    <div class="bg-container overflow-hidden relative"><!-- Background images FR -->
        @include('includes.' . $locale . '.slider')

    </div>
    <div class="mt-[-130px] relative z-[999]">
        <div class="line "></div>
        @include('includes.' . $locale . '.server-data')
    </div>
    @push('js')
        <script>
            async function chargerStats() {
                try {
                   const response = await fetch('{{ url("/online-players") }}');
                   const data = await response.json();

                   document.getElementById('online-player').innerText = data.users_connectes;
                   document.getElementById('user-registered').innerText = data.nombre_comptes;
                } catch (error) {
                    console.error('Erreur AJAX stats :', error);
                }
            }

            // Chargement initial + toutes les 10 secondes
            chargerStats();
            setInterval(chargerStats, 10000);
        </script>
    @endpush
@endsection