@extends('layouts.app')

@section('title', __('Игровые миры') . ' - WoW Rebirth')

@php
    $breadcrumbs = [
        ['title' => __('Главная'), 'url' => route('welcome')],
        ['title' => __('Игровые миры'), 'url' => route('realms.index')],
    ];
@endphp

@section('content')
    @include('pages.realms.partials._content')
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const realmsList = document.getElementById('realms-list');

        async function updateRealmStatus() {
            if (!realmsList) return;

            try {
                const response = await fetch('/api/welcome-status');
                if (!response.ok) {
                    console.error('{{ __('Failed to fetch realm status') }}');
                    return;
                }

                const data = await response.json();
                
                data.realms.forEach(realmData => {
                    const realmElement = realmsList.querySelector(`[data-realm-name="${realmData.name}"]`);
                    if (!realmElement) return;

                    const statusBadge = realmElement.querySelector('.realm-status-badge');
                    const populationCount = realmElement.querySelector('.realm-population-count');

                    // Update population
                    if (populationCount) {
                        populationCount.textContent = realmData.onlinePlayersCount;
                    }

                    // Update status
                    if (statusBadge) {
                        statusBadge.textContent = realmData.status;
                        statusBadge.classList.remove('bg-success', 'bg-danger');
                        if (realmData.status === '{{ __('Online') }}') {
                            statusBadge.classList.add('bg-success');
                        } else {
                            statusBadge.classList.add('bg-danger');
                        }
                    }
                });

            } catch (error) {
                console.error('{{ __('Error updating realm status:') }}', error);
            }
        }

        // Update on page load and then every 30 seconds
        updateRealmStatus();
        setInterval(updateRealmStatus, 30000);
    });
</script>
@endpush