@extends('admin.panel.layout')

@section('admin_title', 'Lizenz-Apps')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Lizenzverwaltung</span>
            <h1>Apps</h1>
            <p class="shop-copy" style="margin-top: 14px;">Jede App hat eine feste <code>appId</code> (Vertrag mit der App) und ein Key-Präfix. Neue App = neue Zeile.</p>
        </div>
    </div>

    @include('admin.licenses._flash')

    <div class="admin-panel" style="max-width:680px;">
        <h2 style="font-size:1.4rem; margin-bottom:16px;">Neue App / bearbeiten</h2>
        <form method="POST" action="{{ route('admin.licenses.apps.store') }}">
            @csrf
            <div class="admin-card-grid" style="grid-template-columns:1fr 1fr;">
                <div class="shop-field">
                    <label class="shop-label">App-ID (klein, a–z 0–9 -)</label>
                    <input type="text" name="app_id" value="{{ old('app_id') }}" class="shop-input" placeholder="convertly" required>
                    <p class="shop-note" style="margin-top:6px;">Muss exakt der <code>appId</code> in der App entsprechen.</p>
                </div>
                <div class="shop-field">
                    <label class="shop-label">Key-Präfix (max. 8)</label>
                    <input type="text" name="key_prefix" value="{{ old('key_prefix') }}" class="shop-input" placeholder="CONV" maxlength="8" required>
                </div>
            </div>
            <div class="shop-field">
                <label class="shop-label">Anzeigename</label>
                <input type="text" name="name" value="{{ old('name') }}" class="shop-input" placeholder="Convertly+" required>
            </div>
            <button class="shop-button"><i class="fas fa-save"></i> Speichern</button>
            <p class="shop-note" style="margin-top:10px;">Gleiche App-ID erneut speichern = bestehende App aktualisieren.</p>
        </form>
    </div>

    <div class="admin-panel">
        <h2 style="font-size:1.4rem; margin-bottom:16px;">Katalog</h2>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead><tr><th>App-ID</th><th>Name</th><th>Präfix</th><th>Lizenzen</th><th>Status</th><th></th></tr></thead>
                <tbody>
                    @forelse ($apps as $a)
                        <tr>
                            <td><code>{{ $a->app_id }}</code></td>
                            <td><strong>{{ $a->name }}</strong></td>
                            <td><code>{{ $a->key_prefix }}-…</code></td>
                            <td>{{ $a->licenses_count }}</td>
                            <td>
                                <span class="admin-badge" style="{{ $a->active ? 'background:#dcfce7;color:#16a34a;' : 'background:#f1f5f9;color:#64748b;' }}">
                                    {{ $a->active ? 'Aktiv' : 'Inaktiv' }}
                                </span>
                            </td>
                            <td>
                                <form method="POST" action="{{ route('admin.licenses.apps.toggle', $a->app_id) }}">
                                    @csrf
                                    <button class="shop-button-light" style="padding:6px 12px;">{{ $a->active ? 'Deaktivieren' : 'Aktivieren' }}</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6"><div class="shop-note">Noch keine App. Lege oben Convertly an (appId <code>convertly</code>, Präfix <code>CONV</code>).</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection