@extends('admin.layout')

@section('title', 'Détail licence')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0">Licence <span class="text-muted fs-5">{{ Str::limit($license->license_id, 24) }}</span></h4>
    <a href="{{ route('admin.licenses.index') }}" class="btn btn-outline-secondary">Retour</a>
</div>

<div class="row g-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Informations</div>
            <div class="card-body">
                <table class="table table-borderless table-sm">
                    <tr><td class="text-muted">Client</td><td>{{ $license->client->name }}</td></tr>
                    <tr><td class="text-muted">Email</td><td>{{ $license->client->email }}</td></tr>
                    <tr><td class="text-muted">Mode</td><td><span class="badge bg-info">{{ $license->mode }}</span></td></tr>
                    <tr><td class="text-muted">Type</td><td>{{ $license->license_type }}</td></tr>
                    <tr><td class="text-muted">Statut</td><td><span class="badge bg-{{ $license->status==='active'?'success':($license->status==='revoked'?'danger':'secondary') }}">{{ $license->status }}</span></td></tr>
                    <tr><td class="text-muted">Expiration</td><td>{{ $license->expires_at?->format('d/m/Y H:i') ?? 'À vie' }}</td></tr>
                    <tr><td class="text-muted">Dernier ping</td><td>{{ $license->last_pinged_at?->diffForHumans() ?? 'Jamais' }}</td></tr>
                    <tr><td class="text-muted">Appareils max</td><td>{{ $license->max_devices }}</td></tr>
                    @if($license->domain)
                    <tr><td class="text-muted">Domaine</td><td>{{ $license->domain }}</td></tr>
                    @endif
                    @if($license->fingerprint)
                    <tr><td class="text-muted">Fingerprint</td><td class="font-monospace small">{{ $license->fingerprint }}</td></tr>
                    @endif
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-white fw-semibold">JSON signé (à transmettre au client)</div>
            <div class="card-body">
                <textarea class="form-control font-monospace" rows="12" readonly>{{ json_encode(['payload' => $license->payload, 'signature' => $license->signature], JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) }}</textarea>
                <button type="button" class="btn btn-sm btn-outline-primary mt-2" onclick="copyJson()">Copier le JSON</button>
            </div>
        </div>
    </div>
</div>

<script>
function copyJson() {
    const ta = document.querySelector('textarea');
    ta.select();
    document.execCommand('copy');
    alert('JSON copié dans le presse-papiers');
}
</script>
@endsection