@extends('layouts.app')
@section('title', ($isEdit ? __('ui.admin_cards_edit') : __('ui.admin_cards_add')).' — Coaster World')
@push('head')
<link rel="stylesheet" href="{{ asset('css/card-binder.css') }}?v=1.101.0">
<script src="{{ asset('js/card-binder.js') }}?v=1.101.0" defer></script>
@endpush
@section('content')
@php
    $selectedSubject = old('subject');
    if (!$selectedSubject && $card->exists) {
        $selectedSubject = $card->coaster_id ? 'coaster:'.$card->coaster_id : 'attraction:'.$card->attraction_id;
    }
    $seriesPreview = old('series_name', $card->collectionSeriesName() ?: '');
@endphp
<section class="admin-hero admin-hero-compact"><div class="container">
    @include('admin._nav')
    <span class="eyebrow">{{ __('ui.admin_cards_kicker') }}</span>
    <h1>{{ $isEdit ? __('ui.admin_cards_edit') : __('ui.admin_cards_add') }}</h1>
    <p>{{ __('ui.admin_cards_form_intro') }}</p>
    <div class="admin-hero-actions">
        <a class="button button-ghost admin-card-back-button" href="{{ route('admin.cards.index') }}">← {{ __('ui.admin_cards_back_to_list') }}</a>
    </div>
</div></section>

<section class="section"><div class="container">
    @if(session('status'))<div class="admin-success">{{ session('status') }}</div>@endif
    @if($errors->any())
        <div class="admin-error"><strong>{{ __('ui.admin_validation_error') }}</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
    @endif
    @if($frontMissingOnDisk ?? false)
        <div class="admin-error">
            <strong>{{ __('ui.admin_cards_storage_missing_title') }}</strong>
            <p>{{ __('ui.admin_cards_storage_missing_help') }}</p>
        </div>
    @endif

    <form method="post" enctype="multipart/form-data" action="{{ $isEdit ? route('admin.cards.update',$card) : route('admin.cards.store') }}" class="admin-form admin-card-form">
        @csrf
        @if($isEdit) @method('PUT') @endif

        <div class="admin-card-form-layout">
            <div>
                <div class="admin-form-section">
                    <div class="admin-form-section-head"><span class="eyebrow">{{ __('ui.admin_cards_identity') }}</span><h2>{{ __('ui.admin_cards_identity_title') }}</h2></div>
                    <div class="admin-form-grid">
                        <label class="admin-form-wide"><span>{{ __('ui.admin_cards_subject') }}</span>
                            <input type="search" placeholder="{{ __('ui.admin_cards_subject_search') }}" data-admin-card-subject-search>
                            <select name="subject" required data-admin-card-subject-select>
                                <option value="">{{ __('ui.admin_cards_subject_choose') }}</option>
                                <optgroup label="{{ __('ui.admin_cards_subject_coasters') }}">
                                    @foreach($coasters as $coaster)
                                        @php $at=$coaster->attraction; $park=$at?->park; @endphp
                                        <option value="coaster:{{ $coaster->id }}" data-series="{{ $park?->official_name }}" @selected($selectedSubject==='coaster:'.$coaster->id)>{{ $park?->official_name }} — {{ $at?->official_name }}</option>
                                    @endforeach
                                </optgroup>
                                <optgroup label="{{ __('ui.admin_cards_subject_attractions') }}">
                                    @foreach($attractions as $attraction)
                                        @php $park=$attraction->park; @endphp
                                        <option value="attraction:{{ $attraction->id }}" data-series="{{ $park?->official_name }}" @selected($selectedSubject==='attraction:'.$attraction->id)>{{ $park?->official_name }} — {{ $attraction->official_name }}</option>
                                    @endforeach
                                </optgroup>
                            </select>
                        </label>
                        <label><span>{{ __('ui.admin_cards_key') }}</span><input name="card_key" value="{{ old('card_key',$card->card_key) }}" maxlength="100" placeholder="{{ __('ui.admin_cards_key_auto') }}"></label>
                        <label><span>{{ __('ui.admin_cards_series') }}</span><input value="{{ $seriesPreview }}" readonly data-admin-card-series-preview><small>{{ __('ui.admin_cards_series_auto_help') }}</small></label>
                        <label><span>{{ __('ui.admin_cards_number') }}</span><input name="card_number" value="{{ old('card_number',$card->card_number) }}" maxlength="40" placeholder="001"></label>
                        <label><span>{{ __('ui.admin_cards_rarity') }}</span><select name="rarity">
                            @foreach(['common','rare','epic','legendary'] as $rarity)<option value="{{ $rarity }}" @selected(old('rarity',$card->rarity ?: 'common')===$rarity)>{{ __('ui.binder_rarity_'.$rarity) }}</option>@endforeach
                        </select></label>
                        <label><span>{{ __('ui.admin_cards_visual_tier') }}</span><select name="visual_tier">
                            @foreach(['ride','thrill','extreme','legend'] as $tier)<option value="{{ $tier }}" @selected(old('visual_tier',$card->visual_tier ?: 'ride')===$tier)>{{ __('ui.progression_tier_'.$tier) }}</option>@endforeach
                        </select></label>
                        <label><span>{{ __('ui.admin_status') }}</span><select name="status">
                            @foreach(['active','draft','archived'] as $status)<option value="{{ $status }}" @selected(old('status',$card->status ?: 'active')===$status)>{{ __('ui.admin_cards_status_'.$status) }}</option>@endforeach
                        </select></label>
                        <label><span>{{ __('ui.admin_cards_sort_order') }}</span><input type="number" min="0" name="sort_order" value="{{ old('sort_order',$card->sort_order ?? 0) }}"></label>
                        <label class="admin-check"><input type="checkbox" name="is_active" value="1" @checked(old('is_active',$card->exists ? $card->is_active : true))><span>{{ __('ui.admin_cards_enabled') }}</span></label>
                        <label class="admin-check"><input type="checkbox" name="is_limited" value="1" @checked(old('is_limited',$card->is_limited))><span>{{ __('ui.admin_cards_limited') }}</span></label>
                        <label><span>{{ __('ui.admin_cards_available_from') }}</span><input type="datetime-local" name="available_from" value="{{ old('available_from',$card->available_from?->format('Y-m-d\\TH:i')) }}"></label>
                        <label><span>{{ __('ui.admin_cards_available_until') }}</span><input type="datetime-local" name="available_until" value="{{ old('available_until',$card->available_until?->format('Y-m-d\\TH:i')) }}"></label>
                    </div>
                </div>

                <div class="admin-form-section">
                    <div class="admin-form-section-head"><span class="eyebrow">{{ __('ui.admin_cards_pack_kicker') }}</span><h2>{{ __('ui.admin_cards_pack_title') }}</h2><p>{{ __('ui.admin_cards_pack_help') }}</p></div>
                    <label class="admin-file-drop"><span>{{ __('ui.admin_cards_pack_zip') }}</span><input type="file" name="pack_zip" accept=".zip,application/zip"><small>{{ __('ui.admin_cards_pack_example') }}</small></label>
                </div>

                <div class="admin-form-section">
                    <div class="admin-form-section-head"><span class="eyebrow">{{ __('ui.admin_cards_manual_kicker') }}</span><h2>{{ __('ui.admin_cards_manual_title') }}</h2><p>{{ __('ui.admin_cards_manual_help') }}</p></div>
                    <div class="admin-card-upload-grid">
                        <label class="admin-file-drop"><span>{{ __('ui.admin_cards_front') }}</span><input type="file" name="front_image" accept="image/png,image/jpeg,image/webp"></label>
                        @foreach($locales as $locale)
                            <label class="admin-file-drop"><span>{{ __('ui.admin_cards_back') }} — {{ __('ui.binder_locale_'.$locale) }}</span><input type="file" name="back_{{ $locale }}" accept="image/png,image/jpeg,image/webp"></label>
                        @endforeach
                    </div>
                </div>

                <div class="admin-form-actions">
                    <button class="button button-primary" type="submit">{{ __('ui.admin_save') }}</button>
                    <a class="button button-ghost" href="{{ route('admin.cards.index') }}">{{ __('ui.admin_cancel') }}</a>
                </div>
            </div>

            <aside class="admin-card-preview-panel">
                <span class="eyebrow">{{ __('ui.admin_cards_preview') }}</span>
                <div class="admin-card-preview">
                    @if($card->frontUrl())<img src="{{ $card->frontUrl() }}" alt="" draggable="false" data-protected-card-media>@else<div>🃏<small>{{ __('ui.admin_cards_no_visual') }}</small></div>@endif
                </div>
                @if($isEdit)
                    <div class="admin-card-preview-meta">
                        <span>{{ __('ui.admin_cards_backs') }}</span><strong>{{ $card->backs->count() }}</strong>
                    </div>
                    <div class="admin-card-test-panel">
                        <span class="eyebrow">{{ __('ui.admin_cards_test_kicker') }}</span>
                        <strong>{{ __('ui.admin_cards_test_title') }}</strong>
                        <p>{{ __('ui.admin_cards_test_help') }}</p>
                        @if($adminTestUnlock ?? false)
                            <button type="submit" form="admin-card-test-lock-form" class="button button-ghost">{{ __('ui.admin_cards_test_lock') }}</button>
                        @elseif($adminOwnedCard ?? null)
                            <span class="admin-card-test-state">✓ {{ __('ui.admin_cards_test_real_owned') }}</span>
                        @else
                            <button type="submit" form="admin-card-test-unlock-form" class="button button-primary">{{ __('ui.admin_cards_test_unlock') }}</button>
                        @endif
                    </div>
                    <button type="submit" form="admin-card-archive-form" class="button button-ghost">{{ __('ui.admin_cards_archive') }}</button>
                @endif
            </aside>
        </div>
    </form>
    @if($isEdit)
        <form id="admin-card-archive-form" method="post" action="{{ route('admin.cards.destroy',$card) }}" data-admin-card-archive-form data-confirm="{{ __('ui.admin_cards_archive_confirm') }}">@csrf @method('DELETE')</form>
        <form id="admin-card-test-unlock-form" method="post" action="{{ route('admin.cards.test-unlock',$card) }}">@csrf</form>
        <form id="admin-card-test-lock-form" method="post" action="{{ route('admin.cards.test-lock',$card) }}">@csrf @method('DELETE')</form>
    @endif
</div></section>
@endsection