@extends('admin.panel.layout')

@section('admin_title', $app->exists ? 'App bearbeiten' : 'Neue App')

@php
    use App\Models\ProblemRadar\App as PrApp;
    use App\Models\ProblemRadar\AppPlatform;

    $isEdit = $app->exists;
    $action = $isEdit ? route('admin.problemradar.apps.update', $app) : route('admin.problemradar.apps.store');

    $categoryLabels = [
        'zielgruppe' => 'Zielgruppe', 'lebensbereich' => 'Lebensbereich', 'problemtyp' => 'Problemtyp',
        'notloesung' => 'Notlösung', 'funktion' => 'Funktion', 'haeufigkeit' => 'Häufigkeit',
        'staerke' => 'Stärke', 'geschaeftsmodell' => 'Geschäftsmodell',
    ];
    $tagsByCategory = collect($tags)->groupBy('category');
@endphp

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar · App-Katalog</span>
            <h1>{{ $isEdit ? $app->name : 'Neue App' }}</h1>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.apps') }}" class="shop-button-light">Zurück</a>
        </div>
    </div>

    @if (session('admin_status'))
        <div class="flash-banner flash-banner-success">{{ session('admin_status') }}</div>
    @endif
    @if ($errors->any())
        <div class="flash-banner flash-banner-error">
            Bitte prüfe die Eingaben: {{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ $action }}">
        @csrf
        @if ($isEdit) @method('PUT') @endif

        <div class="admin-panel" style="margin-bottom:24px;">
            <h2 style="margin-bottom:18px;">Grunddaten</h2>

            <div class="shop-field">
                <label class="shop-label" for="name">Name *</label>
                <input class="shop-input" type="text" id="name" name="name" value="{{ old('name', $app->name) }}" required>
            </div>

            <div class="shop-field">
                <label class="shop-label" for="slug">Slug * (a–z, 0–9, Bindestrich)</label>
                <input class="shop-input" type="text" id="slug" name="slug" value="{{ old('slug', $app->slug) }}" required>
            </div>

            <div class="shop-field">
                <label class="shop-label" for="short_description">Kurzbeschreibung (auf der Empfehlung sichtbar)</label>
                <input class="shop-input" type="text" id="short_description" name="short_description" maxlength="280" value="{{ old('short_description', $app->short_description) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="full_description">Ausführliche Beschreibung</label>
                <textarea class="shop-input" id="full_description" name="full_description" rows="4">{{ old('full_description', $app->full_description) }}</textarea>
            </div>
        </div>

        <div class="admin-panel" style="margin-bottom:24px;">
            <h2 style="margin-bottom:18px;">Store & Verfügbarkeit</h2>

            <div class="shop-field">
                <label class="shop-label" for="status">Status *</label>
                <select class="shop-input" id="status" name="status">
                    @foreach (PrApp::STATUSES as $s)
                        <option value="{{ $s }}" @selected(old('status', $app->status) === $s)>{{ $s }}</option>
                    @endforeach
                </select>
            </div>

            <div class="shop-field">
                <label class="shop-label" for="app_store_id">App-Store-ID</label>
                <input class="shop-input" type="text" id="app_store_id" name="app_store_id" value="{{ old('app_store_id', $app->app_store_id) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="app_store_url">App-Store-URL</label>
                <input class="shop-input" type="url" id="app_store_url" name="app_store_url" value="{{ old('app_store_url', $app->app_store_url) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="icon_url">Icon-URL</label>
                <input class="shop-input" type="url" id="icon_url" name="icon_url" value="{{ old('icon_url', $app->icon_url) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="minimum_os">Mindest-OS</label>
                <input class="shop-input" type="text" id="minimum_os" name="minimum_os" value="{{ old('minimum_os', $app->minimum_os) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="countries">Länder (ISO-2, kommagetrennt; leer = überall)</label>
                <input class="shop-input" type="text" id="countries" name="countries" value="{{ old('countries', $app->countries) }}" placeholder="DE,AT,CH">
            </div>
        </div>

        <div class="admin-panel" style="margin-bottom:24px;">
            <h2 style="margin-bottom:18px;">Preis & Gewichtung</h2>

            <div class="shop-field">
                <label class="shop-label" for="price_model">Preismodell *</label>
                <select class="shop-input" id="price_model" name="price_model">
                    @foreach (PrApp::PRICE_MODELS as $m)
                        <option value="{{ $m }}" @selected(old('price_model', $app->price_model) === $m)>{{ $m }}</option>
                    @endforeach
                </select>
            </div>

            <div class="shop-field">
                <label class="shop-label" for="price_value">Preis (Euro, optional)</label>
                <input class="shop-input" type="number" step="0.01" min="0" id="price_value" name="price_value" value="{{ old('price_value', $app->price_value) }}">
            </div>

            <div class="shop-field">
                <label class="shop-label" for="strategic_weight">Strategisches Gewicht (0–100, nur Tie-Breaker)</label>
                <input class="shop-input" type="number" min="0" max="100" id="strategic_weight" name="strategic_weight" value="{{ old('strategic_weight', $app->strategic_weight ?? 50) }}">
            </div>
        </div>

        <div class="admin-panel" style="margin-bottom:24px;">
            <h2 style="margin-bottom:8px;">Plattformen</h2>
            <p class="shop-note" style="margin-bottom:16px;">Angehakte Plattformen gelten als unterstützt. Wird keine Plattform genutzt, die der Teilnehmer angab, wird die App nicht empfohlen.</p>
            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;">
                @foreach (AppPlatform::PLATFORMS as $platform)
                    @php($existing = $platforms[$platform] ?? null)
                    <div style="border:1px solid var(--ap-line);border-radius:12px;padding:12px 14px;">
                        <label style="display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ap-ink);">
                            <input type="checkbox" name="platforms[]" value="{{ $platform }}"
                                   @checked(collect(old('platforms', $platforms ? array_keys($platforms->toArray()) : []))->contains($platform))
                                   style="width:18px;height:18px;accent-color:var(--ap-brand);">
                            {{ $platform }}
                        </label>
                        <input class="shop-input" type="text" name="min_versions[{{ $platform }}]" placeholder="Mindestversion"
                               value="{{ old('min_versions.' . $platform, $existing->minimum_version ?? '') }}"
                               style="margin-top:8px;font-size:.85rem;padding:8px 10px;">
                    </div>
                @endforeach
            </div>
        </div>

        <div class="admin-panel" style="margin-bottom:24px;">
            <h2 style="margin-bottom:8px;">Tags & Empfehlungs-Steuerung</h2>
            <p class="shop-note" style="margin-bottom:16px;">
                <strong>Positive Tags</strong> erhöhen die Passung (z. B. Lebensbereiche/Funktionen, die die App abdeckt).
                <strong>Ausschluss</strong> verhindert die Empfehlung hart, sobald ein Teilnehmer den Tag mitbringt — und „von Empfehlung ausschließen" sperrt die App generell.
            </p>

            @foreach ($tagsByCategory as $category => $catTags)
                <div style="margin-bottom:18px;">
                    <span class="shop-label">{{ $categoryLabels[$category] ?? $category }}</span>
                    <div style="display:flex;flex-wrap:wrap;gap:8px;">
                        @foreach ($catTags as $tag)
                            <label style="display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ap-line);border-radius:999px;padding:6px 12px;font-size:.85rem;cursor:pointer;">
                                <input type="checkbox" name="tags[]" value="{{ $tag->id }}"
                                       @checked(collect(old('tags', $selectedTags))->contains($tag->id))
                                       style="accent-color:var(--ap-brand);">
                                {{ $tag->display_name_de }}
                                <input type="checkbox" name="exclude_tags[]" value="{{ $tag->id }}" title="Ausschluss"
                                       @checked(collect(old('exclude_tags', $excludeTags))->contains($tag->id))
                                       style="accent-color:var(--ap-err);margin-left:6px;">
                                <span style="color:var(--ap-err);font-size:.72rem;font-weight:700;">⊘</span>
                            </label>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>

        <div class="admin-toolbar">
            <button type="submit" class="shop-button">{{ $isEdit ? 'Speichern' : 'App anlegen' }}</button>
            <a href="{{ route('admin.problemradar.apps') }}" class="shop-button-light">Abbrechen</a>
        </div>
    </form>
@endsection