@extends('layouts.dashboard')

@section('title', 'Admin Dashboard Overview | AICDS')

@section('dashboard_content')

<!-- Operational Metrics Calculation Cards -->
<div class="row g-3 mb-4">
    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Active Members</span>
                    <h3 class="fw-bold mb-0 text-dark">{{ $metrics['active_members'] }}</h3>
                </div>
                <div class="rounded-circle bg-primary-subtle text-primary p-3 fs-4"><i class="icofont-users"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.members') }}" class="text-primary text-decoration-none">View Member Roster &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Pending Applications</span>
                    <h3 class="fw-bold mb-0 text-warning">{{ $metrics['pending_applications'] }}</h3>
                </div>
                <div class="rounded-circle bg-warning-subtle text-warning p-3 fs-4"><i class="icofont-paper"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.memberships') }}?status=submitted" class="text-warning text-decoration-none">Review Applications &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Approved Chapters</span>
                    <h3 class="fw-bold mb-0 text-success">{{ $metrics['approved_chapters'] }}</h3>
                </div>
                <div class="rounded-circle bg-success-subtle text-success p-3 fs-4"><i class="icofont-institution"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.chapters') }}" class="text-success text-decoration-none">Manage Chapters &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Verified Revenue</span>
                    <h3 class="fw-bold mb-0 text-primary">₹{{ number_format($metrics['verified_revenue'], 0) }}</h3>
                </div>
                <div class="rounded-circle bg-info-subtle text-info p-3 fs-4"><i class="icofont-pay"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.payments') }}" class="text-info text-decoration-none">Payment Records &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Upcoming Summits</span>
                    <h3 class="fw-bold mb-0 text-dark">{{ $metrics['upcoming_events'] }}</h3>
                </div>
                <div class="rounded-circle bg-secondary-subtle text-secondary p-3 fs-4"><i class="icofont-calendar"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.events') }}" class="text-secondary text-decoration-none">Event Manager &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Event Registrations</span>
                    <h3 class="fw-bold mb-0 text-dark">{{ $metrics['total_registrations'] }}</h3>
                </div>
                <div class="rounded-circle bg-primary-subtle text-primary p-3 fs-4"><i class="icofont-ticket"></i></div>
            </div>
            <div class="small text-muted mt-2"><span class="text-muted">Total verified attendee passes</span></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">Awaiting Payment</span>
                    <h3 class="fw-bold mb-0 text-warning">{{ $metrics['awaiting_payment'] }}</h3>
                </div>
                <div class="rounded-circle bg-warning-subtle text-warning p-3 fs-4"><i class="icofont-clock-time"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.memberships') }}?status=awaiting_payment" class="text-warning text-decoration-none">Awaiting Remittance &rarr;</a></div>
        </div>
    </div>

    <div class="col-xl-3 col-lg-6 col-md-6">
        <div class="card p-3 border rounded-4 shadow-sm bg-white">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="text-muted small text-uppercase fw-semibold">New Enquiries</span>
                    <h3 class="fw-bold mb-0 text-danger">{{ $metrics['unresolved_enquiries'] }}</h3>
                </div>
                <div class="rounded-circle bg-danger-subtle text-danger p-3 fs-4"><i class="icofont-envelope"></i></div>
            </div>
            <div class="small text-muted mt-2"><a href="{{ route('admin.enquiries') }}?status=new" class="text-danger text-decoration-none">Open Inbox &rarr;</a></div>
        </div>
    </div>
</div>

<!-- Recent Membership Applications Section -->
<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="fw-bold mb-0">Recent Membership Applications</h5>
        <a href="{{ route('admin.memberships') }}" class="small text-primary text-decoration-none">View All Applications</a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Ref #</th>
                    <th>Applicant Name</th>
                    <th>Plan / Category</th>
                    <th>Institution</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($recentApplications as $app)
                    <tr>
                        <td><code>{{ $app->application_number }}</code></td>
                        <td>
                            <strong>{{ $app->full_name }}</strong><br>
                            <small class="text-muted">{{ $app->email }}</small>
                        </td>
                        <td><span class="badge bg-primary-subtle text-primary">{{ $app->plan->name }}</span></td>
                        <td>{{ Str::limit($app->institution_or_company, 28) }}</td>
                        <td>
                            <span class="badge {{ $app->status === 'active' ? 'bg-success' : ($app->status === 'submitted' ? 'bg-warning text-dark' : 'bg-info') }} text-uppercase">
                                {{ str_replace('_', ' ', $app->status) }}
                            </span>
                        </td>
                        <td>
                            <a href="{{ route('admin.memberships') }}" class="btn btn-sm btn-outline-primary">Review</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-muted py-3">No applications found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<!-- Recent Audit Logs Section -->
<div class="card p-4 border rounded-4 shadow-sm bg-white">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="fw-bold mb-0"><i class="icofont-history text-primary me-2"></i> Security &amp; Activity Audit Trail</h5>
        <a href="{{ route('admin.audit-logs') }}" class="small text-primary text-decoration-none">Full Audit Log</a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light">
                <tr>
                    <th>Timestamp</th>
                    <th>User</th>
                    <th>Action</th>
                    <th>Module</th>
                    <th>Description</th>
                    <th>IP Address</th>
                </tr>
            </thead>
            <tbody>
                @foreach($recentAuditLogs as $log)
                    <tr>
                        <td class="text-muted">{{ $log->created_at->format('M d, H:i:s') }}</td>
                        <td><strong>{{ $log->user->name ?? 'System Guest' }}</strong></td>
                        <td><code>{{ $log->action }}</code></td>
                        <td><span class="badge bg-light text-dark border">{{ $log->module }}</span></td>
                        <td>{{ $log->description }}</td>
                        <td class="text-muted">{{ $log->ip_address ?? '-' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

@endsection