@extends('admin.panel.layout')

@section('admin_title', $ad->exists ? 'Anzeige bearbeiten' : 'Anzeige anlegen')

@section('admin_content')
    @if($errors->any())
        <div class="flash-banner flash-banner-error">{{ $errors->first() }}</div>
    @endif

    <div class="admin-header">
        <div>
            <span class="shop-muted-label">KotschAds</span>
            <h1>{{ $ad->exists ? 'Anzeige bearbeiten' : 'Neue Anzeige' }}</h1>
        </div>
        <div class="admin-toolbar">
            <a class="shop-button shop-button-ghost" href="{{ route('admin.ads.index') }}"><i class="fas fa-arrow-left"></i> Zurück</a>
        </div>
    </div>

    <div class="admin-panel">
        <form method="POST" enctype="multipart/form-data"
              action="{{ $ad->exists ? route('admin.ads.update', $ad) : route('admin.ads.store') }}"
              style="display:grid;gap:16px;max-width:760px">
            @csrf
            @if($ad->exists) @method('PUT') @endif

            <label style="display:grid;gap:6px"><strong>Titel *</strong>
                <input class="admin-input" name="title" maxlength="120" required value="{{ old('title', $ad->title) }}" placeholder="z. B. Convertly — Einheiten umrechnen">
            </label>

            <label style="display:grid;gap:6px"><strong>Text</strong>
                <textarea class="admin-input" name="body" rows="2" maxlength="500" placeholder="Kurzer Anzeigentext">{{ old('body', $ad->body) }}</textarea>
            </label>

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                <label style="display:grid;gap:6px"><strong>Ziel-URL *</strong>
                    <input class="admin-input" name="target_url" type="url" required value="{{ old('target_url', $ad->target_url) }}" placeholder="https://…">
                </label>
                <label style="display:grid;gap:6px"><strong>Button-Text (CTA)</strong>
                    <input class="admin-input" name="cta_text" maxlength="60" value="{{ old('cta_text', $ad->cta_text) }}" placeholder="Jetzt ansehen">
                </label>
            </div>

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                <label style="display:grid;gap:6px"><strong>Bild hochladen</strong>
                    <input class="admin-input" name="image" type="file" accept=".png,.jpg,.jpeg,.webp,.svg">
                    @if($ad->imageUrl())
                        <span style="font-size:.8rem;color:var(--ap-faint)">aktuell: <a href="{{ $ad->imageUrl() }}" target="_blank">{{ $ad->image_path }}</a></span>
                    @endif
                </label>
                <label style="display:grid;gap:6px"><strong>… oder Bild-URL</strong>
                    <input class="admin-input" name="image_url" type="url" value="{{ old('image_url') }}" placeholder="https://…/bild.png">
                </label>
            </div>

            <label style="display:grid;gap:6px"><strong>Video-URL (optional, mp4/webm)</strong>
                <input class="admin-input" name="video_url" type="url" value="{{ old('video_url', $ad->video_url) }}" placeholder="https://…/clip.mp4">
            </label>

            <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px">
                <label style="display:grid;gap:6px"><strong>Typ *</strong>
                    <select class="admin-input" name="type">
                        @foreach(\App\Models\HouseAd::TYPES as $t)
                            <option value="{{ $t }}" @selected(old('type', $ad->type ?? 'custom') === $t)>{{ $t }}</option>
                        @endforeach
                    </select>
                </label>
                <label style="display:grid;gap:6px"><strong>Gewicht (1–100) *</strong>
                    <input class="admin-input" name="weight" type="number" min="1" max="100" required value="{{ old('weight', $ad->weight ?? 1) }}">
                </label>
                <label style="display:flex;gap:10px;align-items:center;margin-top:26px">
                    <input type="checkbox" name="active" value="1" @checked(old('active', $ad->active ?? true))> <strong>Aktiv</strong>
                </label>
            </div>

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                <fieldset style="border:1px solid var(--ap-line,#e2e8f0);border-radius:10px;padding:12px">
                    <legend style="font-weight:800;font-size:.85rem">Sites (leer = alle)</legend>
                    @foreach(\App\Models\HouseAd::SITES as $s)
                        <label style="display:inline-flex;gap:6px;margin-right:14px;align-items:center">
                            <input type="checkbox" name="sites[]" value="{{ $s }}" @checked(in_array($s, old('sites', $ad->sites ?? []), true))> {{ $s }}
                        </label>
                    @endforeach
                </fieldset>
                <fieldset style="border:1px solid var(--ap-line,#e2e8f0);border-radius:10px;padding:12px">
                    <legend style="font-weight:800;font-size:.85rem">Zonen (leer = alle)</legend>
                    @foreach(\App\Models\HouseAd::ZONES as $z)
                        <label style="display:inline-flex;gap:6px;margin-right:14px;align-items:center">
                            <input type="checkbox" name="zones[]" value="{{ $z }}" @checked(in_array($z, old('zones', $ad->zones ?? []), true))> {{ $z }}
                        </label>
                    @endforeach
                </fieldset>
            </div>

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
                <label style="display:grid;gap:6px"><strong>Start (optional)</strong>
                    <input class="admin-input" name="starts_at" type="datetime-local" value="{{ old('starts_at', optional($ad->starts_at)->format('Y-m-d\TH:i')) }}">
                </label>
                <label style="display:grid;gap:6px"><strong>Ende (optional)</strong>
                    <input class="admin-input" name="ends_at" type="datetime-local" value="{{ old('ends_at', optional($ad->ends_at)->format('Y-m-d\TH:i')) }}">
                </label>
            </div>

            <div>
                <button class="shop-button" type="submit"><i class="fas fa-floppy-disk"></i> Speichern</button>
            </div>
        </form>
    </div>
@endsection