@extends('layouts.app')
@section('header_title', 'Executive ERP Dashboard')
@section('content')
<div class="space-y-8">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
        <div class="bg-white p-6 rounded-2xl shadow-sm border border-indigo-50">
            <div class="text-xs font-bold text-gray-500 uppercase tracking-wider mb-1">Total System Users</div>
            <div class="text-3xl font-black text-[#060453]">{{ $stats['total_users'] ?? 12 }}</div>
            <div class="text-xs text-green-600 font-semibold mt-2">↑ 100% Active across branches</div>
        </div>
        <div class="bg-white p-6 rounded-2xl shadow-sm border border-indigo-50">
            <div class="text-xs font-bold text-gray-500 uppercase tracking-wider mb-1">Connected Branches</div>
            <div class="text-3xl font-black text-[#060453]">{{ $stats['total_branches'] ?? 3 }}</div>
            <div class="text-xs text-indigo-600 font-semibold mt-2">HQ Lagos, Ikeja, Abuja</div>
        </div>
        <div class="bg-white p-6 rounded-2xl shadow-sm border border-indigo-50">
            <div class="text-xs font-bold text-gray-500 uppercase tracking-wider mb-1">Configured Roles</div>
            <div class="text-3xl font-black text-[#060453]">{{ $stats['total_roles'] ?? 12 }}</div>
            <div class="text-xs text-gray-400 font-semibold mt-2">RBAC Permission Engine</div>
        </div>
        <div class="bg-gradient-to-br from-[#c9261a] to-[#9e1b11] p-6 rounded-2xl shadow-lg text-white">
            <div class="text-xs font-bold uppercase tracking-wider opacity-80 mb-1">Reagent Automation</div>
            <div class="text-2xl font-black">ACTIVE TRIGGER</div>
            <div class="text-xs opacity-90 mt-2">Auto-deduct on POS commit</div>
        </div>
    </div>

    <div class="bg-white rounded-2xl shadow-sm border p-6">
        <h3 class="font-bold text-[#060453] text-base mb-4 flex items-center justify-between">
            <span>🛡️ Recent Security & Audit Logs</span>
            <a href="{{ route('admin.audit_logs') }}" class="text-xs text-indigo-600 hover:underline">View All Ledger →</a>
        </h3>
        <div class="overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead>
                    <tr class="border-b bg-gray-50 text-xs text-gray-500 uppercase tracking-wider">
                        <th class="py-3 px-4">Action Event</th>
                        <th class="py-3 px-4">Module</th>
                        <th class="py-3 px-4">User</th>
                        <th class="py-3 px-4">IP Address</th>
                        <th class="py-3 px-4">Timestamp</th>
                    </tr>
                </thead>
                <tbody class="divide-y">
                    @forelse($stats['recent_logs'] ?? [] as $log)
                    <tr>
                        <td class="py-3 px-4 font-bold text-[#060453]">{{ $log->action }}</td>
                        <td class="py-3 px-4"><span class="px-2 py-0.5 bg-indigo-50 text-indigo-700 rounded text-xs font-semibold">{{ $log->module }}</span></td>
                        <td class="py-3 px-4">{{ $log->user->name ?? 'System' }}</td>
                        <td class="py-3 px-4 font-mono text-xs">{{ $log->ip_address }}</td>
                        <td class="py-3 px-4 text-gray-500 text-xs">{{ $log->created_at }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="py-8 text-center text-gray-400">No recent audit log activities found.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection