@extends('layouts.app')
@section('title', __('ui.admin_cards_title').' — Coaster World')
@push('head')
<link rel="stylesheet" href="{{ asset('css/card-binder.css') }}?v=1.113.58">
<script src="{{ asset('js/card-binder.js') }}?v=1.100.6" defer></script>
@endpush
@section('content')
<section class="admin-hero admin-hero-compact"><div class="container">
    @include('admin._nav')
    <span class="eyebrow">{{ __('ui.admin_cards_kicker') }}</span>
    <h1>{{ __('ui.admin_cards_title') }}</h1>
    <p>{{ __('ui.admin_cards_intro') }}</p>
    <div class="admin-hero-actions"><a class="button button-primary" href="{{ route('admin.cards.create') }}">{{ __('ui.admin_cards_add') }}</a></div>
</div></section>

<section class="section"><div class="container">
    @if(session('status'))<div class="admin-success">{{ session('status') }}</div>@endif
    <div class="admin-card-stats">
        <div><span>{{ __('ui.admin_cards_configured') }}</span><strong>{{ $stats['configured'] }}</strong></div>
        <div><span>{{ __('ui.admin_cards_owned_types') }}</span><strong>{{ $stats['owned'] }}</strong></div>
        <div><span>{{ __('ui.admin_cards_total_unlocks') }}</span><strong>{{ $stats['total_owners'] }}</strong></div>
    </div>

    <form method="get" class="admin-card-toolbar">
        <input type="search" name="q" value="{{ $search }}" placeholder="{{ __('ui.admin_cards_search') }}">
        <select name="scope">
            <option value="configured" @selected($scope==='configured')>{{ __('ui.admin_cards_scope_configured') }}</option>
            <option value="all" @selected($scope==='all')>{{ __('ui.admin_cards_scope_all') }}</option>
            <option value="inactive" @selected($scope==='inactive')>{{ __('ui.admin_cards_scope_inactive') }}</option>
        </select>
        <button class="button button-ghost" type="submit">{{ __('ui.admin_cards_filter') }}</button>
    </form>

    @if($cards->count())
        <div class="admin-card-grid">
            @foreach($cards as $card)
                @php
                    $attraction=$card->subjectAttraction();
                    $park=$attraction?->park;
                    $kind=$card->subjectType();
                @endphp
                <article class="admin-collectible-card {{ $card->is_active ? '' : 'is-inactive' }}">
                    <div class="admin-card-thumb">
                        @if($card->frontUrl())<img src="{{ $card->frontUrl() }}" alt="" draggable="false" data-protected-card-media>@else<span>🃏</span>@endif
                    </div>
                    <div class="admin-card-copy">
                        <div class="admin-card-badges">
                            <span>{{ __('ui.binder_type_'.$kind) }}</span>
                            <span>{{ __('ui.binder_rarity_'.$card->rarity) }}</span>
                            <span>{{ $card->backs->count() }} {{ __('ui.admin_cards_backs_short') }}</span>
                            <span class="admin-card-state {{ $card->is_active ? 'is-active' : 'is-inactive' }}">{{ $card->is_active ? __('ui.admin_cards_state_active') : __('ui.admin_cards_state_inactive') }}</span>
                        </div>
                        <strong>{{ $attraction?->official_name ?: $card->card_key }}</strong>
                        <small>{{ $park?->official_name ?: '—' }}@if($card->collectionSeriesName()) · {{ $card->collectionSeriesName() }}@endif</small>
                        <small>{{ $card->owners_count }} {{ __('ui.admin_cards_owners') }}</small>
                        <div class="admin-card-actions">
                            <a class="button button-ghost" href="{{ route('admin.cards.edit',$card) }}">{{ __('ui.admin_edit') }}</a>
                            <form method="post" action="{{ route('admin.cards.toggle-active',$card) }}">
                                @csrf
                                @method('PATCH')
                                <button type="submit" class="button {{ $card->is_active ? 'button-ghost admin-card-toggle-off' : 'button-primary' }}">
                                    {{ $card->is_active ? __('ui.admin_cards_deactivate') : __('ui.admin_cards_activate') }}
                                </button>
                            </form>
                        </div>
                    </div>
                </article>
            @endforeach
        </div>
        <div class="admin-pagination">{{ $cards->links() }}</div>
    @else
        <div class="admin-empty">{{ __('ui.admin_cards_empty') }}</div>
    @endif
</div></section>
@endsection