@extends('app.layout')

@section('title', 'Dashboard')

@section('content')
    <div class="page-header">
        <h1>Dashboard</h1>
    </div>

    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if (session('error'))
        <div class="alert alert-error">{{ session('error') }}</div>
    @endif

    <!-- Statistics Cards -->
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-users"></i>
            </div>
            <div class="stat-info">
                <h3>{{ $totalMembers }}</h3>
                <p>Total Members</p>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-gavel"></i>
            </div>
            <div class="stat-info">
                <h3>{{ $totalCases }}</h3>
                <p>Total Cases</p>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-circle" style="color: #27ae60;"></i>
            </div>
            <div class="stat-info">
                <h3>{{ $onlineUsers }}</h3>
                <p>Online Users</p>
            </div>
        </div>
    </div>

    <div class="dashboard-grid">
        <!-- DOJ On Duty -->
        <div class="info-card">
            <h3 style="margin-bottom: 15px; color: var(--accent);">
                <i class="fas fa-broadcast-tower"></i> DOJ On Duty
                <span class="duty-count">{{ $onDuty->count() }}</span>
            </h3>
            @if ($onDuty->count() > 0)
                <div class="activity-list">
                    @foreach ($onDuty as $member)
                        <div class="activity-item duty-item">
                            <div class="" style="color: #27ae60;">
                                <i class="fas fa-circle"></i>
                            </div>
                            <div class="activity-content">
                                <strong>{{ trim(explode('(', $member['player_name'])[0]) }}</strong>
                                <small>On duty since
                                    {{ \Carbon\Carbon::parse($member['start_time'])->diffForHumans() }}</small>
                            </div>
                        </div>
                    @endforeach
                </div>
            @else
                <p style="color: var(--text-light); text-align: center; padding: 20px;">
                    <i class="fas fa-moon"></i> No DOJ members on duty
                </p>
            @endif
        </div>
        <!-- Account Information -->
        <div class="info-card">
            <h3 style="margin-bottom: 15px; color: var(--accent);">Account Information</h3>

            <div class="info-row">
                <span class="info-label">Username:</span>
                <span class="info-value">{{ Auth::user()->username }}</span>
            </div>

            <div class="info-row">
                <span class="info-label">Email:</span>
                <span class="info-value">{{ Auth::user()->email }}</span>
            </div>

            <div class="info-row">
                <span class="info-label">Rank(s):</span>
                <span class="info-value">
                    @if (Auth::user()->ranks && count(Auth::user()->ranks) > 0)
                        @foreach (Auth::user()->ranks as $rank)
                            <span class="rank-badge">{{ $rank }}</span>
                        @endforeach
                    @else
                        <span style="color: var(--text-light);">No Rank Assigned</span>
                    @endif
                </span>
            </div>

            <div class="info-row">
                <span class="info-label">Status:</span>
                <span class="info-value">{{ ucfirst(Auth::user()->status ?? 'active') }}</span>
            </div>

            <div class="info-row">
                <span class="info-label">Last Login:</span>
                <span
                    class="info-value">{{ Auth::user()->last_login ? Auth::user()->last_login->format('F d, Y H:i:s') : 'Never' }}</span>
            </div>

            <div class="info-row">
                <span class="info-label">Member Since:</span>
                <span class="info-value">{{ Auth::user()->created_at->format('F d, Y') }}</span>
            </div>
        </div>

        <!-- Recent Activity -->
        <div class="info-card">
            <h3 style="margin-bottom: 15px; color: var(--accent);">Recent Activity</h3>
            @if ($recentActivity && count($recentActivity) > 0)
                <div class="activity-list">
                    @foreach ($recentActivity as $activity)
                        <div class="activity-item">
                            <div class="activity-icon">
                                <i class="fas fa-file-alt"></i>
                            </div>
                            <div class="activity-content">
                                <strong>{{ $activity->type }}</strong>
                                <p>{{ $activity->title }}</p>
                                <small>{{ \Carbon\Carbon::parse($activity->created_at)->diffForHumans() }}</small>
                            </div>
                        </div>
                    @endforeach
                </div>
            @else
                <p style="color: var(--text-light); text-align: center; padding: 20px;">No recent activity</p>
            @endif
        </div>
    </div>
    </div>
    </main>
@endsection