@extends('layouts.app')
@section('title', __('ui.admin_quality_v3_title').' — Coaster World')
@section('content')
<section class="admin-hero admin-data-quality-hero">
    <div class="container">
        @include('admin._nav')
        <div class="admin-data-quality-hero-grid">
            <div>
                <span class="eyebrow">{{ __('ui.admin_quality_v3_kicker') }}</span>
                <h1>{{ __('ui.admin_quality_v3_title') }}</h1>
                <p>{{ __('ui.admin_quality_v3_intro') }}</p>
            </div>
            <div class="admin-data-quality-score is-{{ $report['state'] }}">
                <span>{{ __('ui.admin_quality_v3_score') }}</span>
                <strong>{{ $report['score'] }}<small>/100</small></strong>
                <em>{{ __('ui.admin_quality_v3_state_'.$report['state']) }}</em>
                <small>{{ __('ui.admin_quality_v3_score_help') }}</small>
            </div>
        </div>
    </div>
</section>

<section class="section admin-data-quality-section">
    <div class="container">
        <div class="admin-data-quality-summary-grid">
            <a href="{{ route('admin.data-quality.index', ['severity' => 'critical']) }}" class="is-critical">
                <span>{{ __('ui.admin_quality_v3_severity_critical') }}</span>
                <strong>{{ $report['severity_counts']['critical'] }}</strong>
                <small>{{ __('ui.admin_quality_v3_critical_help') }}</small>
            </a>
            <a href="{{ route('admin.data-quality.index', ['severity' => 'warning']) }}" class="is-warning">
                <span>{{ __('ui.admin_quality_v3_severity_warning') }}</span>
                <strong>{{ $report['severity_counts']['warning'] }}</strong>
                <small>{{ __('ui.admin_quality_v3_warning_help') }}</small>
            </a>
            <a href="{{ route('admin.data-quality.index', ['severity' => 'info']) }}" class="is-info">
                <span>{{ __('ui.admin_quality_v3_severity_info') }}</span>
                <strong>{{ $report['severity_counts']['info'] }}</strong>
                <small>{{ __('ui.admin_quality_v3_info_help') }}</small>
            </a>
            <div class="admin-data-quality-generated">
                <span>{{ __('ui.admin_quality_v3_last_scan') }}</span>
                <strong>{{ $report['generated_at']->format('H:i:s') }}</strong>
                <small>{{ __('ui.admin_quality_v3_scan_live') }}</small>
            </div>
        </div>

        <div class="section-heading admin-section-heading admin-data-quality-section-heading">
            <div>
                <span class="eyebrow">{{ __('ui.admin_quality_v3_overview_kicker') }}</span>
                <h2>{{ __('ui.admin_quality_v3_overview_title') }}</h2>
            </div>
        </div>

        <div class="admin-data-quality-metric-grid">
            <a href="{{ route('admin.data-quality.index', ['category' => 'catalog']) }}"><span>🗂️ {{ __('ui.admin_quality_v3_category_catalog') }}</span><strong>{{ ($report['stats']['parks_incomplete'] ?? 0) + ($report['stats']['attractions_incomplete'] ?? 0) + ($report['stats']['coasters_incomplete'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_incomplete') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'maps']) }}"><span>📍 {{ __('ui.admin_quality_v3_category_maps') }}</span><strong>{{ ($report['stats']['parks_without_location'] ?? 0) + ($report['stats']['attractions_without_location'] ?? 0) + ($report['stats']['pois_without_location'] ?? 0) + ($report['stats']['invalid_coordinates'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_coordinates') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'media']) }}"><span>🖼️ {{ __('ui.admin_quality_v3_category_media') }}</span><strong>{{ ($report['stats']['parks_without_media'] ?? 0) + ($report['stats']['attractions_without_media'] ?? 0) + ($report['stats']['coasters_without_media'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_media') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'mapping']) }}"><span>🔗 {{ __('ui.admin_quality_v3_category_mapping') }}</span><strong>{{ ($report['stats']['parks_without_themeparks'] ?? 0) + ($report['stats']['attractions_without_themeparks'] ?? 0) + ($report['stats']['coasters_without_external'] ?? 0) + ($report['stats']['orphan_external_references'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_mapping') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'duplicates']) }}"><span>🧬 {{ __('ui.admin_quality_v3_category_duplicates') }}</span><strong>{{ ($report['stats']['park_duplicate_groups'] ?? 0) + ($report['stats']['attraction_duplicate_groups'] ?? 0) + ($report['stats']['poi_duplicate_groups'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_duplicates') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'translations']) }}"><span>🌍 {{ __('ui.admin_quality_v3_category_translations') }}</span><strong>{{ ($report['stats']['parks_translation_gaps'] ?? 0) + ($report['stats']['attractions_translation_gaps'] ?? 0) }}</strong><small>{{ __('ui.admin_quality_v3_metric_translations') }}</small></a>
            <a href="{{ route('admin.data-quality.index', ['category' => 'integrations']) }}"><span>📡 {{ __('ui.admin_quality_v3_category_integrations') }}</span><strong>{{ $report['stats']['live_sources_failing'] ?? 0 }}</strong><small>{{ __('ui.admin_quality_v3_metric_integrations') }}</small></a>
        </div>

        <div class="admin-data-quality-toolbar">
            <form method="get" action="{{ route('admin.data-quality.index') }}" class="admin-data-quality-filters">
                <label>
                    <span>{{ __('ui.admin_quality_v3_filter_search') }}</span>
                    <input type="search" name="q" value="{{ $query }}" placeholder="{{ __('ui.admin_quality_v3_search_placeholder') }}">
                </label>
                <label>
                    <span>{{ __('ui.admin_quality_v3_filter_category') }}</span>
                    <select name="category">
                        <option value="all" @selected($category === 'all')>{{ __('ui.admin_quality_v3_all_categories') }}</option>
                        @foreach(['catalog', 'maps', 'media', 'mapping', 'duplicates', 'translations', 'integrations'] as $categoryKey)
                            <option value="{{ $categoryKey }}" @selected($category === $categoryKey)>{{ __('ui.admin_quality_v3_category_'.$categoryKey) }}</option>
                        @endforeach
                    </select>
                </label>
                <label>
                    <span>{{ __('ui.admin_quality_v3_filter_severity') }}</span>
                    <select name="severity">
                        <option value="all" @selected($severity === 'all')>{{ __('ui.admin_quality_v3_all_severities') }}</option>
                        @foreach(['critical', 'warning', 'info'] as $severityKey)
                            <option value="{{ $severityKey }}" @selected($severity === $severityKey)>{{ __('ui.admin_quality_v3_severity_'.$severityKey) }}</option>
                        @endforeach
                    </select>
                </label>
                <button class="button button-primary" type="submit">{{ __('ui.admin_quality_v3_apply_filters') }}</button>
                @if($query !== '' || $category !== 'all' || $severity !== 'all')
                    <a class="button button-ghost" href="{{ route('admin.data-quality.index') }}">{{ __('ui.admin_quality_v3_reset') }}</a>
                @endif
            </form>
        </div>

        <div class="admin-data-quality-list-head">
            <div>
                <span class="eyebrow">{{ __('ui.admin_quality_v3_issues_kicker') }}</span>
                <h2>{{ __('ui.admin_quality_v3_issues_title') }}</h2>
            </div>
            <small>{{ trans_choice('ui.admin_quality_v3_issue_count', $issues->total(), ['count' => $issues->total()]) }}</small>
        </div>

        @if($issues->count())
            <div class="admin-data-quality-list">
                @foreach($issues as $issue)
                    <article class="admin-data-quality-issue is-{{ $issue['severity'] }}">
                        <div class="admin-data-quality-issue-icon">
                            @if($issue['severity'] === 'critical')
                                !
                            @elseif($issue['severity'] === 'warning')
                                △
                            @else
                                i
                            @endif
                        </div>
                        <div class="admin-data-quality-issue-body">
                            <div class="admin-data-quality-issue-meta">
                                <span class="admin-data-quality-severity is-{{ $issue['severity'] }}">{{ __('ui.admin_quality_v3_severity_'.$issue['severity']) }}</span>
                                <span>{{ __('ui.admin_quality_v3_category_'.$issue['category']) }}</span>
                                <span>{{ __('ui.admin_quality_v3_entity_'.$issue['entity_type']) }}</span>
                            </div>
                            <strong>{{ $issue['label'] }}</strong>
                            <p>{{ $issue['message'] }}</p>
                        </div>
                        <a class="button button-ghost" href="{{ $issue['url'] }}">{{ __('ui.admin_quality_v3_open_issue') }}</a>
                    </article>
                @endforeach
            </div>
            @if($issues->hasPages())
                <div class="admin-data-quality-pagination">{{ $issues->links() }}</div>
            @endif
        @else
            <div class="admin-data-quality-empty">
                <span>✓</span>
                <div>
                    <strong>{{ __('ui.admin_quality_v3_empty_title') }}</strong>
                    <p>{{ __('ui.admin_quality_v3_empty_text') }}</p>
                </div>
            </div>
        @endif

        <div class="admin-data-quality-safety">
            <span>🛡️</span>
            <div>
                <strong>{{ __('ui.admin_quality_v3_safety_title') }}</strong>
                <p>{{ __('ui.admin_quality_v3_safety_text') }}</p>
            </div>
        </div>
    </div>
</section>
@endsection