@extends('layouts.app')
@section('title', __('ui.admin_add_park').' — Coaster World')
@push('head')
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="">
<link rel="stylesheet" href="{{ asset('css/admin-park-management.css') }}?v={{ config('release_audit.version') }}">
@endpush
@section('content')
<section class="admin-hero admin-hero-compact">
    <div class="container">
        @include('admin._nav')
        <span class="eyebrow">{{ __('ui.admin_park_management_kicker') }}</span>
        <h1>{{ __('ui.admin_add_park') }}</h1>
        <p>{{ __('ui.admin_park_add_intro') }}</p>
    </div>
</section>
<section class="section">
<div class="container admin-park-manager">
    @if(session('admin_error_message'))<div class="admin-error">{{ session('admin_error_message') }}</div>@endif
    @if($errors->any())<div class="admin-error">{{ __('ui.admin_validation_error') }}</div>@endif

    <nav class="admin-park-mode-switch" aria-label="{{ __('ui.admin_park_mode_label') }}">
        <a class="{{ $mode === 'automatic' ? 'is-active' : '' }}" href="{{ route('admin.parks.create',['mode'=>'automatic']) }}">
            <strong>{{ __('ui.admin_park_mode_automatic') }}</strong>
            <small>{{ __('ui.admin_park_mode_automatic_help') }}</small>
        </a>
        <a class="{{ $mode === 'manual' ? 'is-active' : '' }}" href="{{ route('admin.parks.create',['mode'=>'manual']) }}">
            <strong>{{ __('ui.admin_park_mode_manual') }}</strong>
            <small>{{ __('ui.admin_park_mode_manual_help') }}</small>
        </a>
    </nav>

    @if($mode === 'automatic')
        @if($targetPark)
            <div class="admin-park-target-banner">
                <div><span class="eyebrow">{{ __('ui.admin_park_target_kicker') }}</span><strong>{{ $targetPark->official_name }}</strong><p>{{ __('ui.admin_park_target_help') }}</p></div>
                <a class="button button-ghost" href="{{ route('admin.parks.edit',$targetPark) }}">{{ __('ui.admin_cancel') }}</a>
            </div>
        @endif

        <div class="admin-park-discovery-panel">
            <div class="admin-park-discovery-copy">
                <span class="eyebrow">{{ __('ui.admin_park_discovery_kicker') }}</span>
                <h2>{{ __('ui.admin_park_discovery_title') }}</h2>
                <p>{{ __('ui.admin_park_discovery_help') }}</p>
            </div>
            <form method="get" action="{{ route('admin.parks.create') }}" class="admin-park-discovery-form">
                <input type="hidden" name="mode" value="automatic">
                @if($targetPark)<input type="hidden" name="target" value="{{ $targetPark->id }}">@endif
                <label class="admin-span-2"><span>{{ __('ui.admin_park_discovery_name') }}</span><input type="search" name="q" value="{{ $discoveryQuery }}" minlength="2" required placeholder="{{ __('ui.admin_park_discovery_placeholder') }}"></label>
                <label><span>{{ __('ui.admin_country') }}</span><select name="country"><option value="">{{ __('ui.admin_park_country_any') }}</option>@foreach($countries as $country)<option value="{{ $country->iso2 }}" @selected($countryCode===$country->iso2)>{{ $country->official_name }}</option>@endforeach</select></label>
                <button class="button button-primary" type="submit">{{ __('ui.admin_park_discovery_search') }}</button>
            </form>
        </div>

        <div class="admin-park-source-health">
            @foreach([
                'themeparks.wiki' => 'ThemeParks.wiki',
                'queue-times' => 'Queue-Times',
                'openstreetmap' => 'OpenStreetMap',
                'coasterpedia' => 'Coasterpedia',
                'rcdb' => 'RCDB',
                'wikidata' => 'Wikidata',
                'datatourisme' => 'DATAtourisme',
            ] as $sourceKey => $sourceLabel)
                @php $state=$sourceStates[$sourceKey] ?? ['status'=>'idle','count'=>0,'message'=>null]; @endphp
                <article class="is-{{ $state['status'] }}">
                    <strong>{{ $sourceLabel }}</strong>
                    @if($state['status']==='success')<span>{{ trans_choice('ui.admin_park_source_results', (int)$state['count'], ['count'=>(int)$state['count']]) }}</span>
                    @elseif($state['status']==='error')<span>{{ __('ui.admin_park_source_error') }}</span>
                    @elseif($state['status']==='not_configured')<span>{{ __('ui.admin_park_source_not_configured') }}</span>
                    @else<span>{{ __('ui.admin_park_source_waiting') }}</span>@endif
                </article>
            @endforeach
        </div>
        <p class="admin-park-source-credits">
            <span>{{ __('ui.admin_park_source_credits') }}</span>
            <a href="https://queue-times.com/" target="_blank" rel="noopener noreferrer">{{ __('ui.admin_queue_times_credit') }}</a>
            <span>·</span>
            <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener noreferrer">{{ __('ui.admin_osm_credit') }}</a>
            <span>·</span>
            <a href="https://coasterpedia.net/" target="_blank" rel="noopener noreferrer">{{ __('ui.admin_coasterpedia_credit') }}</a>
            <span>·</span>
            <a href="https://rcdb.com/" target="_blank" rel="noopener noreferrer">RCDB</a>
            @if(($sourceStates['datatourisme']['status'] ?? null) !== 'not_configured')
                <span>·</span><a href="https://www.datatourisme.fr/" target="_blank" rel="noopener noreferrer">{{ __('ui.admin_datatourisme_credit') }}</a>
            @endif
        </p>

        @if($discoveryQuery !== '')
            <div class="admin-park-discovery-results-heading">
                <div><span class="eyebrow">{{ __('ui.admin_park_discovery_results_kicker') }}</span><h2>{{ __('ui.admin_park_discovery_results_title', ['query'=>$discoveryQuery]) }}</h2></div>
                <span>{{ trans_choice('ui.admin_park_discovery_results_count', count($candidates), ['count'=>count($candidates)]) }}</span>
            </div>

            @if(empty($candidates))
                <div class="admin-park-empty">
                    <strong>{{ __('ui.admin_park_discovery_empty_title') }}</strong>
                    <p>{{ __('ui.admin_park_discovery_empty_help') }}</p>
                    <a class="button button-ghost" href="{{ route('admin.parks.create',['mode'=>'manual']) }}">{{ __('ui.admin_park_add_manual') }}</a>
                </div>
            @else
                <div class="admin-park-candidate-grid">
                    @foreach($candidates as $candidate)
                        <article class="admin-park-candidate {{ $candidate['existing_park_id'] ? 'is-existing' : '' }}">
                            <div class="admin-park-candidate-source"><span>{{ $candidate['source_label'] }}</span><strong>{{ $candidate['confidence'] }}%</strong></div>
                            <h3>{{ $candidate['name'] }}</h3>
                            <p>{{ collect([$candidate['city'] ?? null,$candidate['country_name'] ?? null])->filter()->join(' · ') ?: ($candidate['subtitle'] ?? '') }}</p>
                            @if($candidate['latitude'] !== null && $candidate['longitude'] !== null)
                                <div class="admin-park-candidate-location">📍 {{ number_format((float)$candidate['latitude'],5,'.','') }}, {{ number_format((float)$candidate['longitude'],5,'.','') }}</div>
                            @else
                                <div class="admin-park-candidate-location is-missing">{{ __('ui.admin_park_location_missing') }}</div>
                            @endif
                            <div class="admin-park-candidate-tags">
                                <span>{{ __('ui.admin_park_type_'.$candidate['park_type']) }}</span>
                                @if(!empty($candidate['timezone']))<span>{{ $candidate['timezone'] }}</span>@endif
                            </div>

                            @if($candidate['existing_park_id'])
                                <div class="admin-park-existing-note">{{ __('ui.admin_park_discovery_already_added') }}</div>
                                <a class="button button-ghost" href="{{ route('admin.parks.edit',$candidate['existing_park_id']) }}">{{ __('ui.admin_manage') }}</a>
                            @else
                                <form method="post" action="{{ route('admin.parks.import') }}" class="admin-park-import-form">
                                    @csrf
                                    <input type="hidden" name="candidate" value="{{ $candidate['token'] }}">
                                    @if($targetPark)<input type="hidden" name="target_park_id" value="{{ $targetPark->id }}">@endif
                                    @unless($targetPark)
                                        <label class="admin-check"><input type="checkbox" name="publish" value="1"><span>{{ __('ui.admin_park_publish_on_import') }}</span></label>
                                    @endunless
                                    <input type="hidden" name="auto_fill" value="0"><label class="admin-check admin-auto-fill-check"><input type="checkbox" name="auto_fill" value="1" checked><span>{{ __('ui.admin_park_auto_fill_after_import') }}</span></label>
                                    <button class="button button-primary" type="submit">{{ $targetPark ? __('ui.admin_park_use_source') : __('ui.admin_park_import_candidate') }}</button>
                                </form>
                            @endif
                        </article>
                    @endforeach
                </div>
            @endif
        @endif
    @else
        <div class="admin-park-manual-intro">
            <span class="eyebrow">{{ __('ui.admin_park_manual_kicker') }}</span>
            <h2>{{ __('ui.admin_park_manual_title') }}</h2>
            <p>{{ __('ui.admin_park_manual_help_v107') }}</p>
        </div>
        <form method="post" action="{{ route('admin.parks.store') }}" class="admin-form admin-park-manual-form">@csrf
            <div class="admin-form-grid">
                <label><span>{{ __('ui.admin_name') }}</span><input name="official_name" value="{{ old('official_name') }}" required></label>
                <label><span>{{ __('ui.admin_country') }}</span><select name="country_id" required>@foreach($countries as $country)<option value="{{ $country->id }}" @selected((int)old('country_id')===$country->id)>{{ $country->official_name }}</option>@endforeach</select></label>
                <label><span>{{ __('ui.admin_park_type') }}</span><select name="park_type" required>@foreach(['theme_park','water_park','zoo','resort','other'] as $type)<option value="{{ $type }}" @selected(old('park_type','theme_park')===$type)>{{ __('ui.admin_park_type_'.$type) }}</option>@endforeach</select></label>
                <label><span>{{ __('ui.admin_status') }}</span><input name="status" value="{{ old('status','active') }}" required></label>
                <label><span>{{ __('ui.admin_timezone') }}</span><input name="timezone" value="{{ old('timezone','Europe/Paris') }}" required></label>
                <label><span>{{ __('ui.admin_city') }}</span><input name="city" value="{{ old('city') }}"></label>
                <label class="admin-span-2"><span>{{ __('ui.admin_park_address') }}</span><input name="address_line1" value="{{ old('address_line1') }}"></label>
                <label><span>{{ __('ui.admin_park_postal_code') }}</span><input name="postal_code" value="{{ old('postal_code') }}"></label>
                <label class="admin-span-2"><span>{{ __('ui.admin_website') }}</span><input type="url" name="website_url" value="{{ old('website_url') }}"></label>
                <label class="admin-span-2"><span>{{ __('ui.admin_tickets') }}</span><input type="url" name="ticket_url" value="{{ old('ticket_url') }}"></label>
            </div>

            <section class="admin-park-location-editor">
                <div class="admin-park-section-heading"><div><span class="eyebrow">{{ __('ui.admin_park_location_kicker') }}</span><h3>{{ __('ui.admin_park_location_title') }}</h3><p>{{ __('ui.admin_park_location_manual_help') }}</p></div></div>
                <div class="admin-park-location-layout">
                    <div class="admin-park-map" data-admin-park-map data-lat-input="latitude" data-lng-input="longitude" data-empty-lat="46.5" data-empty-lng="2.5" data-empty-zoom="5"></div>
                    <div class="admin-park-coordinate-fields">
                        <label><span>{{ __('ui.admin_park_latitude') }}</span><input type="number" step="0.000001" min="-90" max="90" name="latitude" value="{{ old('latitude') }}" data-park-lat-input></label>
                        <label><span>{{ __('ui.admin_park_longitude') }}</span><input type="number" step="0.000001" min="-180" max="180" name="longitude" value="{{ old('longitude') }}" data-park-lng-input></label>
                        <small>{{ __('ui.admin_park_location_click_help') }}</small>
                    </div>
                </div>
            </section>

            <div class="admin-park-create-options">
                <label class="admin-check"><input type="checkbox" name="is_published" value="1" @checked(old('is_published',true))><span>{{ __('ui.admin_publish') }}</span></label>
                <input type="hidden" name="auto_fill" value="0"><label class="admin-check admin-auto-fill-check"><input type="checkbox" name="auto_fill" value="1" @checked(old('auto_fill',true))><span>{{ __('ui.admin_park_auto_fill_after_manual') }}</span></label>
            </div>
            <div class="admin-form-actions"><button class="button button-primary" type="submit">{{ __('ui.admin_create') }}</button><a class="button button-ghost" href="{{ route('admin.parks.index') }}">{{ __('ui.admin_cancel') }}</a></div>
        </form>
    @endif
</div>
</section>
@endsection
@push('scripts')
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
<script src="{{ asset('js/admin-park-management.js') }}?v={{ config('release_audit.version') }}"></script>
@endpush