@extends('layouts.admin')

@section('title', 'Dashboard')
@section('page-title', 'Dashboard')
@section('page-title-small', 'Overview')

@section('content')
<!-- Metric Cards Row 1 -->
<div class="row g-3 mb-4">
    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-info">
            <div class="inner">
                <h3>{{ $stats['total_users'] }}</h3>
                <p>Total Users</p>
            </div>
            <i class="small-box-icon bi bi-people-fill"></i>
            <a href="{{ route('users.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-success">
            <div class="inner">
                <h3>{{ $stats['active_users'] }}</h3>
                <p>Active Users</p>
            </div>
            <i class="small-box-icon bi bi-person-check-fill"></i>
            <a href="{{ route('users.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-primary">
            <div class="inner">
                <h3>{{ $stats['total_companies'] }}</h3>
                <p>Total Companies</p>
            </div>
            <i class="small-box-icon bi bi-building"></i>
            <a href="{{ route('companies.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-secondary">
            <div class="inner">
                <h3>{{ $stats['active_companies'] }}</h3>
                <p>Active Companies</p>
            </div>
            <i class="small-box-icon bi bi-building-check"></i>
            <a href="{{ route('companies.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>
</div>

<!-- Metric Cards Row 2 -->
<div class="row g-3 mb-4">
    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-warning">
            <div class="inner">
                <h3>{{ $stats['total_clients'] }}</h3>
                <p>Total Clients</p>
            </div>
            <i class="small-box-icon bi bi-person-badge"></i>
            <a href="{{ route('clients.index') }}" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-light">
            <div class="inner">
                <h3>{{ $stats['active_clients'] }}</h3>
                <p>Active Clients</p>
            </div>
            <i class="small-box-icon bi bi-person-check"></i>
            <a href="{{ route('clients.index') }}" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-purple">
            <div class="inner">
                <h3>{{ $stats['total_sales_people'] }}</h3>
                <p>Total Sales People</p>
            </div>
            <i class="small-box-icon bi bi-person-workspace"></i>
            <a href="{{ route('sales-people.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-pink">
            <div class="inner">
                <h3>{{ $stats['active_sales_people'] }}</h3>
                <p>Active Sales People</p>
            </div>
            <i class="small-box-icon bi bi-person-hearts"></i>
            <a href="{{ route('sales-people.index') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>
</div>

<!-- Metric Cards Row 3 -->
<div class="row g-3 mb-4">
    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-danger">
            <div class="inner">
                <h3>{{ $stats['blocked_ips'] }}</h3>
                <p>Blocked IPs</p>
            </div>
            <i class="small-box-icon bi bi-shield-slash"></i>
            <a href="{{ route('blocked-ips') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-orange">
            <div class="inner">
                <h3>{{ $stats['failed_attempts'] }}</h3>
                <p>Failed Login Attempts</p>
            </div>
            <i class="small-box-icon bi bi-exclamation-triangle-fill"></i>
            <a href="{{ route('login-attempts') }}" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box text-bg-indigo">
            <div class="inner">
                <h3>{{ $stats['total_logs'] }}</h3>
                <p>Total Audit Logs</p>
            </div>
            <i class="small-box-icon bi bi-journal-text"></i>
            <a href="{{ route('audit-logs') }}" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
                More info <i class="bi bi-arrow-right-circle-fill ms-1"></i>
            </a>
        </div>
    </div>
</div>

<!-- Recent Activity Table -->
<div class="row">
    <div class="col-12">
        <div class="card mb-4">
            <div class="card-header">
                <h3 class="card-title">Recent Activity</h3>
            </div>
            <div class="card-body table-responsive p-0">
                <table class="table table-hover text-nowrap align-middle mb-0">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>Action</th>
                            <th>Module</th>
                            <th>Description</th>
                            <th>IP Address</th>
                            <th>Date/Time</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentLogs as $log)
                            <tr>
                                <td class="fw-semibold">{{ $log->user?->name ?? 'System' }}</td>
                                <td><span class="badge text-bg-primary">{{ $log->action }}</span></td>
                                <td>{{ $log->module }}</td>
                                <td>{{ $log->description }}</td>
                                <td><code>{{ $log->ip_address }}</code></td>
                                <td>{{ $log->created_at->format('Y-m-d H:i:s') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center py-4 text-muted">
                                    <i class="bi bi-clock-history fs-3 d-block mb-2"></i>
                                    No recent activity found.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection