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

@section('content')
<div class="page-header">
    <div>
        <h1>License Management</h1>
        <div class="breadcrumb"><a href="{{ route('admin.licenses') }}">Licenses</a> / {{ $license->license_key }}</div>
    </div>
    <div style="display:flex;gap:8px;">
        @if($license->status === 'Active')
        <form action="{{ route('admin.licenses.suspend', $license) }}" method="POST">
            @csrf
            <button class="btn btn-danger btn-sm" onclick="return confirm('Suspend this license via RC API?')">
                <i class="fa fa-ban"></i> Suspend
            </button>
        </form>
        @endif
        @if($license->status === 'Suspended')
        <form action="{{ route('admin.licenses.unsuspend', $license) }}" method="POST">
            @csrf
            <button class="btn btn-success btn-sm" onclick="return confirm('Unsuspend this license via RC API?')">
                <i class="fa fa-check"></i> Unsuspend
            </button>
        </form>
        @endif
        <form action="{{ route('admin.licenses.renew', $license) }}" method="POST">
            @csrf
            <button class="btn btn-primary btn-sm" onclick="return confirm('Renew this license via RC API?')">
                <i class="fa fa-arrows-rotate"></i> Renew
            </button>
        </form>
    </div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><h3><i class="fa fa-key" style="color:var(--accent);"></i> License Info</h3></div>
            <div class="card-body">
                <div style="background:rgba(108,99,255,0.08);border:1px solid rgba(108,99,255,0.2);border-radius:8px;padding:12px 14px;font-family:monospace;font-size:0.95rem;color:var(--accent2);margin-bottom:16px;">
                    {{ $license->license_key }}
                </div>
                @foreach([
                    'Product' => $license->product->name,
                    'RC Key' => $license->product->rc_product_key,
                    'Server IP' => $license->valid_ip,
                    'Valid Domain' => $license->valid_domain ?: '—',
                    'Status' => null,
                    'IP Changes' => $license->ip_changes . '/3',
                    'Expires' => $license->expires_at?->format('F j, Y') ?? 'Not set',
                    'Created' => $license->created_at->format('M j, Y H:i'),
                ] as $label => $val)
                <div style="display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);">
                    <span style="color:var(--muted);font-size:0.82rem;font-weight:600;">{{ $label }}</span>
                    @if($label === 'Status')
                        <span class="badge badge-{{ strtolower($license->status) }}">{{ $license->status }}</span>
                    @else
                        <span style="font-size:0.85rem;">{{ $val }}</span>
                    @endif
                </div>
                @endforeach
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h3><i class="fa fa-user" style="color:var(--accent);"></i> User</h3></div>
            <div class="card-body" style="font-size:0.85rem;">
                <div style="font-weight:700;margin-bottom:4px;">{{ $license->user->name }}</div>
                <div style="color:var(--muted);">{{ $license->user->email }}</div>
                @if($license->user->company)<div style="color:var(--muted);margin-top:4px;">{{ $license->user->company }}</div>@endif
                <a href="{{ route('admin.users.show', $license->user) }}" class="btn btn-outline btn-sm" style="margin-top:12px;">View User</a>
            </div>
        </div>
    </div>

    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><h3><i class="fa fa-receipt" style="color:var(--accent);"></i> Order</h3></div>
            <div class="card-body" style="font-size:0.85rem;">
                @foreach([
                    'Invoice' => $license->order->invoice_number,
                    'Amount' => '$' . number_format($license->order->amount, 2),
                    'Billing' => $license->order->billing_cycle,
                    'Paid At' => $license->order->paid_at?->format('M j, Y') ?? '—',
                ] as $label => $val)
                <div style="display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);">
                    <span style="color:var(--muted);">{{ $label }}</span>
                    <span>{{ $val }}</span>
                </div>
                @endforeach
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h3><i class="fa fa-clock-rotate-left" style="color:var(--accent);"></i> Activity Log</h3></div>
            <div style="max-height:320px;overflow-y:auto;">
                @forelse($license->logs->sortByDesc('created_at') as $log)
                <div style="padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.04);">
                    <div style="font-weight:600;font-size:0.83rem;color:var(--accent2);text-transform:capitalize;">
                        {{ str_replace('_', ' ', $log->action) }}
                    </div>
                    @if($log->old_value && $log->new_value)
                    <div style="font-family:monospace;font-size:0.75rem;color:var(--muted);margin-top:2px;">
                        {{ $log->old_value }} → {{ $log->new_value }}
                    </div>
                    @endif
                    @if($log->message)
                    <div style="font-size:0.75rem;color:var(--muted);">{{ $log->message }}</div>
                    @endif
                    <div style="font-size:0.72rem;color:var(--muted);margin-top:3px;">{{ $log->created_at->diffForHumans() }}</div>
                </div>
                @empty
                <div style="padding:30px;text-align:center;color:var(--muted);font-size:0.82rem;">No activity logged</div>
                @endforelse
            </div>
        </div>
    </div>
</div>
@endsection