@extends('layouts.admin')
@section('title', __('admin.connectors.preview_title'))
@section('content')
@php($pilotLimit = max(1, (int) config('coaster_world_data.ingestion.themeparks_wiki_max_parks_per_batch', 10)))
<div class="page-header">
    <div>
        <h1>{{ __('admin.connectors.preview_title') }}</h1>
        <p>{{ __('admin.connectors.preview_subtitle', ['provider' => $provider->name]) }}</p>
    </div>
    <div class="button-row">
        <a class="button" href="{{ route('admin.providers.show', $provider) }}">{{ __('admin.actions.back') }}</a>
        <a class="button button-primary" href="{{ route('admin.providers.preview', $provider) }}">{{ __('admin.actions.refresh_preview') }}</a>
    </div>
</div>

<div class="alert preview-readonly">{{ __('admin.connectors.preview_read_only') }}</div>

<div class="stats-grid compact preview-stats">
    <div class="stat-card"><span>{{ __('admin.connectors.preview_destinations') }}</span><strong>{{ count($preview->destinations) }}</strong></div>
    <div class="stat-card"><span>{{ __('admin.connectors.preview_parks') }}</span><strong>{{ $preview->parkCount }}</strong></div>
    <div class="stat-card"><span>{{ __('admin.labels.http_status') }}</span><strong>{{ $preview->run->http_status ?: '—' }}</strong></div>
    <div class="stat-card"><span>{{ __('admin.labels.duration') }}</span><strong>{{ $preview->run->duration_ms !== null ? $preview->run->duration_ms.' ms' : '—' }}</strong></div>
</div>

<form action="{{ route('admin.providers.ingestion.themeparks-wiki', $provider) }}" method="post" data-ingestion-picker data-max="{{ $pilotLimit }}">
    @csrf
    <section class="panel detail-extra ingestion-pilot-panel">
        <div class="panel-header preview-toolbar">
            <div>
                <h2>{{ __('admin.ingestion.pilot_title') }}</h2>
                <p class="panel-hint">{{ __('admin.ingestion.pilot_help', ['max' => $pilotLimit]) }}</p>
            </div>
            <div class="ingestion-selection-actions">
                <span class="tag"><strong data-ingestion-selection-count>0</strong> / {{ $pilotLimit }} {{ __('admin.ingestion.selected') }}</span>
                <button class="button button-small" type="button" data-ingestion-select-visible>{{ __('admin.ingestion.select_visible') }}</button>
                <button class="button button-small" type="button" data-ingestion-clear>{{ __('admin.ingestion.clear_selection') }}</button>
                <button class="button button-primary" type="submit" data-ingestion-submit>{{ __('admin.ingestion.prepare_selected') }}</button>
            </div>
        </div>
        <p class="muted ingestion-pilot-note">{{ __('admin.ingestion.pilot_note') }}</p>
    </section>

    <section class="panel detail-extra">
        <div class="panel-header preview-toolbar">
            <div>
                <h2>{{ __('admin.connectors.preview_catalogue') }}</h2>
                <p class="panel-hint">{{ __('admin.connectors.preview_source_line', ['source' => $preview->source->name ?: $preview->source->url]) }}</p>
            </div>
            <label class="preview-filter">
                <span class="sr-only">{{ __('admin.actions.search') }}</span>
                <input type="search" placeholder="{{ __('admin.connectors.preview_search_placeholder') }}" data-preview-filter>
            </label>
        </div>

        <div class="table-wrap table-wrap-inner">
            <table class="preview-table">
                <thead>
                    <tr>
                        <th>{{ __('admin.connectors.preview_destination') }}</th>
                        <th>{{ __('admin.connectors.preview_destination_id') }}</th>
                        <th>{{ __('admin.connectors.preview_slug') }}</th>
                        <th>{{ __('admin.connectors.preview_parks') }}</th>
                    </tr>
                </thead>
                <tbody data-preview-body>
                @forelse($preview->destinations as $destination)
                    <tr data-preview-row data-preview-search="{{ strtolower($destination['name'].' '.$destination['id'].' '.($destination['slug'] ?? '').' '.collect($destination['parks'])->pluck('name')->implode(' ')) }}">
                        <td>
                            <strong>{{ $destination['name'] }}</strong>
                            @if($destination['external_id'])<small>{{ $destination['external_id'] }}</small>@endif
                        </td>
                        <td><code class="mono-id">{{ $destination['id'] }}</code></td>
                        <td>{{ $destination['slug'] ?: '—' }}</td>
                        <td>
                            @if($destination['parks'])
                                <div class="preview-park-picker">
                                    @foreach($destination['parks'] as $park)
                                        <label class="preview-park-choice">
                                            <input
                                                type="checkbox"
                                                name="park_ids[]"
                                                value="{{ $park['id'] }}"
                                                data-ingestion-park
                                                @checked(in_array($park['id'], old('park_ids', []), true))
                                            >
                                            <span><strong>{{ $park['name'] }}</strong><code class="mono-id">{{ $park['id'] }}</code></span>
                                        </label>
                                    @endforeach
                                </div>
                            @else
                                <span class="muted">—</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty">{{ __('admin.connectors.preview_empty') }}</td></tr>
                @endforelse
                    <tr class="preview-filter-empty" data-preview-empty hidden><td colspan="4" class="empty">{{ __('admin.connectors.preview_filter_empty') }}</td></tr>
                </tbody>
            </table>
        </div>
    </section>
</form>
@endsection