@extends('layouts.admin')
@section('title', 'License')
@section('heading', 'License Detail')

@section('content')
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-5">

        {{-- Left: details --}}
        <div class="lg:col-span-2 space-y-5">
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <div class="flex items-start justify-between">
                    <div>
                        <div class="text-xs text-slate-400 uppercase font-semibold">License Key</div>
                        <div class="font-mono text-lg text-slate-800 mt-1">{{ $license->license_key }}</div>
                    </div>
                    <x-status-badge :status="$license->effectiveStatus()" class="text-sm px-3 py-1" />
                </div>
                <dl class="grid grid-cols-2 gap-4 mt-6 text-sm">
                    <div><dt class="text-slate-400 text-xs uppercase">Customer</dt><dd class="text-slate-800">{{ $license->customer?->company_name }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Package</dt><dd class="text-slate-800">{{ $license->package?->name }} ({{ $license->duration_days ?? '—' }} days)</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Domain</dt><dd class="text-slate-800">{{ $license->domain?->domain ?? 'Not activated' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Current IP</dt><dd class="text-slate-800">{{ $license->domain?->current_ip ?? '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">CMS Version</dt><dd class="text-slate-800">{{ $license->domain?->cms_version ?? '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Activated</dt><dd class="text-slate-800">{{ $license->activated_at?->toFormattedDateString() ?? '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Expires</dt><dd class="text-slate-800">{{ $license->expires_at?->toFormattedDateString() ?? '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Last Verification</dt><dd class="text-slate-800">{{ $license->domain?->last_verification_at?->diffForHumans() ?? '—' }}</dd></div>
                </dl>
                @if ($license->notes)
                    <div class="mt-4 text-sm text-slate-600 bg-slate-50 rounded-lg p-3">{{ $license->notes }}</div>
                @endif
            </div>

            {{-- Audit log --}}
            <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
                <div class="px-5 py-3 border-b border-slate-100 font-semibold text-sm text-slate-700">Audit Log</div>
                <div class="divide-y divide-slate-50 max-h-96 overflow-y-auto">
                    @forelse ($logs as $log)
                        <div class="px-5 py-2.5 flex items-center justify-between text-sm">
                            <div>
                                <span class="font-medium text-slate-700">{{ ucfirst(str_replace('_',' ', $log->event)) }}</span>
                                @if ($log->message)<span class="text-slate-400">— {{ $log->message }}</span>@endif
                                <div class="text-xs text-slate-400">{{ $log->domain }} {{ $log->ip_address ? '· '.$log->ip_address : '' }}</div>
                            </div>
                            <div class="text-xs text-slate-400 whitespace-nowrap">{{ $log->created_at?->diffForHumans() }}</div>
                        </div>
                    @empty
                        <div class="px-5 py-6 text-center text-slate-400 text-sm">No events yet.</div>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- Right: actions --}}
        <div class="space-y-4">
            <div class="bg-white rounded-xl border border-slate-200 p-5 space-y-4">
                <div class="text-xs text-slate-400 uppercase font-semibold">Owner Actions</div>

                {{-- Renew --}}
                <form method="POST" action="{{ route('licenses.renew', $license) }}" class="space-y-2">
                    @csrf
                    <select name="license_package_id" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                        <option value="">Renew — same package</option>
                        @foreach ($packages as $p)
                            <option value="{{ $p->id }}">{{ $p->name }}</option>
                        @endforeach
                    </select>
                    <input type="number" name="custom_days" min="1" placeholder="Custom days (optional)"
                           class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <button class="w-full py-2 rounded-lg bg-emerald-600 text-white text-sm font-semibold hover:bg-emerald-700">Renew</button>
                </form>

                {{-- Extend --}}
                <form method="POST" action="{{ route('licenses.extend', $license) }}" class="flex gap-2">
                    @csrf
                    <input type="number" name="days" min="1" value="30" class="w-24 rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <button class="flex-1 py-2 rounded-lg border border-slate-300 text-slate-700 text-sm hover:bg-slate-50">Extend (days)</button>
                </form>

                <div class="border-t border-slate-100 pt-3 grid grid-cols-2 gap-2">
                    @if ($license->status !== 'suspended')
                        <form method="POST" action="{{ route('licenses.suspend', $license) }}" onsubmit="return confirm('Suspend this license?')">
                            @csrf<button class="w-full py-2 rounded-lg bg-amber-100 text-amber-700 text-sm font-semibold hover:bg-amber-200">Suspend</button>
                        </form>
                    @else
                        <form method="POST" action="{{ route('licenses.reactivate', $license) }}">
                            @csrf<button class="w-full py-2 rounded-lg bg-emerald-100 text-emerald-700 text-sm font-semibold hover:bg-emerald-200">Reactivate</button>
                        </form>
                    @endif
                    <form method="POST" action="{{ route('licenses.revoke', $license) }}" onsubmit="return confirm('Revoke permanently?')">
                        @csrf<button class="w-full py-2 rounded-lg bg-red-100 text-red-700 text-sm font-semibold hover:bg-red-200">Revoke</button>
                    </form>
                </div>

                {{-- Instant sync: push the current status to the installation now.
                     Status changes above already push automatically; this is the
                     manual override. --}}
                @if ($license->domain)
                    <div class="border-t border-slate-100 pt-3">
                        <form method="POST" action="{{ route('licenses.sync', $license) }}">
                            @csrf
                            <button class="w-full py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700">
                                ⟳ Push Status to Installation
                            </button>
                        </form>
                        <p class="mt-2 text-xs text-center text-slate-400">
                            Last sync:
                            <span class="font-medium
                                @class([
                                    'text-emerald-600' => $license->sync_status === 'synced',
                                    'text-red-600'      => $license->sync_status === 'failed',
                                    'text-amber-600'    => $license->sync_status === 'pending',
                                    'text-slate-400'    => ! $license->sync_status,
                                ])">{{ ucfirst($license->sync_status ?? 'never') }}</span>
                            @if ($license->last_synced_at)
                                · {{ $license->last_synced_at->diffForHumans() }}
                            @endif
                        </p>
                    </div>
                @endif
            </div>

            <a href="{{ route('licenses.index') }}" class="block text-center text-sm text-slate-500 hover:underline">← Back to licenses</a>
        </div>
    </div>
@endsection