@extends('eliteadmin::layouts.app')

@section('title', 'Dashboard')
@section('page_class', 'page-dashboard')

@section('content')
    <div class="page-header">
        <h1 class="page-title">Dashboard</h1>
        <nav class="breadcrumb">
            <a href="{{ route('dashboard') }}" class="breadcrumb-item">Home</a>
            <span class="breadcrumb-item active">Dashboard</span>
        </nav>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-sm-6 col-xl-3">
            <x-eliteadmin::stat-card
                label="Staff Count"
                :value="$staffCount ?? '0'"
                icon="bi-people"
                accent="var(--success-color)"
                :trend="$staffTrend ?? null"
            />
        </div>
        <div class="col-sm-6 col-xl-3">
            <x-eliteadmin::stat-card
                label="Active Modules"
                :value="$activeModules ?? '0'"
                icon="bi-puzzle"
                accent="var(--accent-color)"
            />
        </div>
        <div class="col-sm-6 col-xl-3">
            <x-eliteadmin::stat-card
                label="License Status"
                :value="$licenseStatus ?? 'Active'"
                icon="bi-shield-check"
                accent="var(--info-color)"
            />
        </div>
        <div class="col-sm-6 col-xl-3">
            <x-eliteadmin::stat-card
                label="Recent Activity"
                :value="$recentActivityCount ?? '0'"
                icon="bi-activity"
                accent="var(--warning-color)"
                :trend="$activityTrend ?? null"
            />
        </div>
    </div>

    <div class="row g-3">
        <div class="col-xl-8">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0">Recent Activity</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>User</th>
                                    <th>Action</th>
                                    <th class="d-none d-md-table-cell">Module</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($recentActivities ?? [] as $activity)
                                    <tr>
                                        <td>{{ $activity['user'] ?? '—' }}</td>
                                        <td>{{ $activity['action'] ?? '—' }}</td>
                                        <td class="d-none d-md-table-cell">{{ $activity['module'] ?? '—' }}</td>
                                        <td class="text-muted small">{{ $activity['time'] ?? '—' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted py-4">No recent activity</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0">Quick Links</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        @if (Route::has('staff.index'))
                            <a href="{{ route('staff.index') }}" class="btn btn-outline-primary btn-sm text-start">
                                <i class="bi bi-people me-2"></i> Staff &amp; Permissions
                            </a>
                        @endif
                        @if (Route::has('modules.index'))
                            <a href="{{ route('modules.index') }}" class="btn btn-outline-primary btn-sm text-start">
                                <i class="bi bi-puzzle me-2"></i> View Modules
                            </a>
                        @endif
                        @if (Route::has('marketplace.index'))
                            <a href="{{ route('marketplace.index') }}" class="btn btn-outline-primary btn-sm text-start">
                                <i class="bi bi-shop me-2"></i> Marketplace
                            </a>
                        @endif
                        @if (Route::has('settings.index'))
                            <a href="{{ route('settings.index') }}" class="btn btn-outline-primary btn-sm text-start">
                                <i class="bi bi-gear me-2"></i> Settings
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection