@extends('admin.panel.layout')

@section('admin_title', 'Kunde')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Kunde</span>
            <h1>{{ $customer->name ?: $customer->email }}</h1>
            <p class="shop-copy" style="margin-top: 10px;">{{ $customer->email }} · seit {{ optional($customer->created_at)->format('d.m.Y') }}</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.licenses.customers') }}" class="shop-button-light"><i class="fas fa-arrow-left"></i> Kunden</a>
        </div>
    </div>

    @include('admin.licenses._flash')

    <div class="admin-panel">
        <h2 style="font-size:1.4rem; margin-bottom:16px;">Lizenzen</h2>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead><tr><th>Key</th><th>App</th><th>Stufe</th><th>Status</th><th>Geräte</th><th></th></tr></thead>
                <tbody>
                    @forelse ($licenses as $lic)
                        <tr>
                            <td><code style="font-size:.82rem;">{{ $lic->maskedKey() }}</code></td>
                            <td>{{ $lic->app?->name ?? $lic->app_id }}</td>
                            <td>{{ $lic->tier }}</td>
                            <td>
                                <span class="admin-badge" style="{{ $lic->status === 'active' ? 'background:#dcfce7;color:#16a34a;' : 'background:#fee2e2;color:#dc2626;' }}">
                                    {{ $lic->status === 'active' ? 'Aktiv' : 'Gesperrt' }}
                                </span>
                            </td>
                            <td>{{ $lic->devices_count }}/{{ $lic->max_devices }}</td>
                            <td><a href="{{ route('admin.licenses.show', $lic->id) }}" class="shop-button-light" style="padding:7px 13px;">Details</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="6"><div class="shop-note">Keine Lizenzen.</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection