@extends('admin.layout')

@section('title', __('admin.nav.dashboard').' · '.__('admin.brand'))

@section('content')
<div class="page-heading">
    <div>
        <span class="eyebrow">COASTER WORLD DATA</span>
        <h1>{{ __('admin.dashboard.title') }}</h1>
        <p>{{ __('admin.dashboard.subtitle') }}</p>
    </div>
    @if (config('data.population_enabled'))
        <form method="POST" action="{{ route('admin.sources.themeparks.sync') }}" data-confirm="{{ __('admin.sync.confirm') }}">
            @csrf
            <button type="submit" class="button button-primary">{{ __('admin.sync.run_themeparks') }}</button>
        </form>
    @else
        <a class="button button-ghost" href="{{ route('admin.platform.index') }}">{{ __('admin.platform.population_title') }} · {{ __('admin.platform.locked') }}</a>
    @endif
</div>

<section class="metric-grid" aria-label="{{ __('admin.dashboard.metrics') }}">
    @foreach ([
        ['resorts', 'dashboard.resorts', '◈'],
        ['parks', 'dashboard.parks', '◎'],
        ['attractions', 'dashboard.attractions', '⌁'],
        ['pois', 'dashboard.pois', '◇'],
        ['sources', 'dashboard.active_sources', '↻'],
        ['pending_mappings', 'dashboard.pending_mappings', '↔'],
        ['open_conflicts', 'dashboard.open_conflicts', '!'],
    ] as [$key, $label, $icon])
        <article class="metric-card">
            <span class="metric-icon" aria-hidden="true">{{ $icon }}</span>
            <div><strong>{{ number_format($counts[$key], 0, ',', ' ') }}</strong><span>{{ __('admin.'.$label) }}</span></div>
        </article>
    @endforeach
</section>

<div class="dashboard-grid">
    <section class="panel panel-wide">
        <div class="panel-heading">
            <div><h2>{{ __('admin.dashboard.provider_health') }}</h2><p>{{ __('admin.dashboard.provider_health_hint') }}</p></div>
            <a href="{{ route('admin.sources.index') }}" class="text-link">{{ __('admin.view_all') }}</a>
        </div>
        @if ($providerHealth->isEmpty())
            <div class="empty-state">{{ __('admin.dashboard.no_provider_health') }}</div>
        @else
            <div class="table-wrap">
                <table>
                    <thead><tr><th>{{ __('admin.source') }}</th><th>{{ __('admin.scope') }}</th><th>{{ __('admin.status') }}</th><th>{{ __('admin.last_success') }}</th><th>{{ __('admin.failures') }}</th><th>{{ __('admin.response_time') }}</th></tr></thead>
                    <tbody>
                    @foreach ($providerHealth as $health)
                        <tr>
                            <td><strong>{{ $health->source?->name ?? '—' }}</strong></td>
                            <td>{{ $health->scope }}</td>
                            <td><span class="status-badge status-{{ $health->status }}">{{ __('admin.statuses.'.$health->status) }}</span></td>
                            <td>{{ $health->last_success_at?->diffForHumans() ?? '—' }}</td>
                            <td>{{ $health->consecutive_failures }}</td>
                            <td>{{ $health->average_response_ms !== null ? $health->average_response_ms.' ms' : '—' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </section>

    <section class="panel">
        <div class="panel-heading"><div><h2>{{ __('admin.dashboard.recent_fetches') }}</h2><p>{{ __('admin.dashboard.recent_fetches_hint') }}</p></div></div>
        <div class="activity-list">
            @forelse ($recentFetches as $fetch)
                <div class="activity-item">
                    <span class="activity-dot status-{{ $fetch->status }}"></span>
                    <div><strong>{{ $fetch->source?->name ?? '—' }}</strong><span>{{ $fetch->fetch_type }}</span></div>
                    <div class="activity-meta"><span class="status-badge status-{{ $fetch->status }}">{{ __('admin.statuses.'.$fetch->status) }}</span><small>{{ $fetch->started_at?->diffForHumans() }}</small></div>
                </div>
            @empty
                <div class="empty-state">{{ __('admin.dashboard.no_fetches') }}</div>
            @endforelse
        </div>
    </section>

    <section class="panel">
        <div class="panel-heading"><div><h2>{{ __('admin.dashboard.pending_mappings') }}</h2><p>{{ __('admin.dashboard.pending_mappings_hint') }}</p></div><a href="{{ route('admin.mappings.index') }}" class="text-link">{{ __('admin.view_all') }}</a></div>
        <div class="compact-list">
            @forelse ($pendingMappings as $mapping)
                <div><span><strong>{{ $mapping->external_name ?: $mapping->external_id }}</strong><small>{{ $mapping->source?->name }} · {{ $mapping->entity_type }}</small></span><span>{{ $mapping->entity?->name ?? '#'.$mapping->entity_id }}</span></div>
            @empty
                <div class="empty-state">{{ __('admin.dashboard.no_pending_mappings') }}</div>
            @endforelse
        </div>
    </section>

    <section class="panel">
        <div class="panel-heading"><div><h2>{{ __('admin.dashboard.open_conflicts') }}</h2><p>{{ __('admin.dashboard.open_conflicts_hint') }}</p></div><a href="{{ route('admin.mappings.index') }}#conflicts" class="text-link">{{ __('admin.view_all') }}</a></div>
        <div class="compact-list">
            @forelse ($openConflicts as $conflict)
                <div><span><strong>{{ $conflict->entity?->name ?? $conflict->entity_type.' #'.$conflict->entity_id }}</strong><small>{{ $conflict->field_key }}</small></span><span class="status-badge status-{{ $conflict->severity }}">{{ __('admin.severities.'.$conflict->severity) }}</span></div>
            @empty
                <div class="empty-state">{{ __('admin.dashboard.no_conflicts') }}</div>
            @endforelse
        </div>
    </section>
</div>
@endsection