@extends('admin.panel.layout')

@section('admin_title', 'Lizenz erstellen')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Lizenzverwaltung</span>
            <h1>Lizenz erstellen</h1>
            <p class="shop-copy" style="margin-top: 14px;">Key erzeugen und einer Person zuordnen. Der Klartext-Key wird danach <strong>nur einmal</strong> angezeigt.</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.licenses.index') }}" class="shop-button-light"><i class="fas fa-arrow-left"></i> Zurück</a>
        </div>
    </div>

    @include('admin.licenses._flash')

    @if ($apps->isEmpty())
        <div class="admin-panel" style="border-left:4px solid #d97706;">
            <p style="margin:0;">Noch keine aktive App. Lege zuerst unter <a href="{{ route('admin.licenses.apps') }}">Apps</a> eine an (z. B. Convertly).</p>
        </div>
    @else
        <div class="admin-panel" style="max-width:680px;">
            <form method="POST" action="{{ route('admin.licenses.store') }}">
                @csrf

                <div class="shop-field">
                    <label class="shop-label">App</label>
                    <select name="app_id" class="shop-input" required>
                        @foreach ($apps as $a)
                            <option value="{{ $a->app_id }}" @selected(old('app_id') === $a->app_id)>{{ $a->name }} ({{ $a->key_prefix }}-…)</option>
                        @endforeach
                    </select>
                </div>

                <div class="admin-card-grid" style="grid-template-columns:1fr 1fr;">
                    <div class="shop-field">
                        <label class="shop-label">Stufe</label>
                        <input type="text" name="tier" value="{{ old('tier', 'pro') }}" class="shop-input" required>
                    </div>
                    <div class="shop-field">
                        <label class="shop-label">Geräte (max.)</label>
                        <input type="number" name="max_devices" value="{{ old('max_devices', 3) }}" min="1" max="50" class="shop-input" required>
                    </div>
                </div>

                <div class="admin-card-grid" style="grid-template-columns:1fr 1fr;">
                    <div class="shop-field">
                        <label class="shop-label">Kunde — E-Mail</label>
                        <input type="email" name="email" value="{{ old('email') }}" class="shop-input" list="customer-emails" required>
                        <datalist id="customer-emails">
                            @foreach ($customers as $c)<option value="{{ $c->email }}">{{ $c->name }}</option>@endforeach
                        </datalist>
                    </div>
                    <div class="shop-field">
                        <label class="shop-label">Kunde — Name</label>
                        <input type="text" name="name" value="{{ old('name') }}" class="shop-input" placeholder="wird in der App begrüßt">
                    </div>
                </div>

                <div class="shop-field">
                    <label class="shop-label">Notiz (optional)</label>
                    <input type="text" name="note" value="{{ old('note') }}" class="shop-input">
                </div>

                <button type="submit" class="shop-button"><i class="fas fa-key"></i> Key erzeugen</button>
                <p class="shop-note" style="margin-top:12px;">Bestehende E-Mail → der vorhandene Kunde wird verwendet. Neue E-Mail → ein neuer Kunde wird angelegt.</p>
            </form>
        </div>
    @endif
@endsection