@extends('layouts.app')

@section('content')
<div class="container py-2">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
        <div>
            <h1 class="h4 mb-1">Admin Dashboard</h1>
            <p class="text-muted mb-0">User roles, app usage, reading activity, and notification publishing.</p>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.users.index') }}">Manage Users</a>
            <a class="btn btn-sm btn-outline-success" href="{{ route('manage.notifications.index') }}">Notifications</a>
            <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.imports') }}">Imports</a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    @if(!$trackingReady || !$notificationsReady)
        <div class="alert alert-warning">
            Some GuideData feature tables are not ready yet.
            @if(!$trackingReady)
                Device/activity tracking tables are missing.
            @endif
            @if(!$notificationsReady)
                Notification tables are missing.
            @endif
        </div>
    @endif

    <div class="row g-3 mb-4">
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Total Accounts</div>
                <div class="display-6">{{ number_format($stats['total_users']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Admins</div>
                <div class="display-6">{{ number_format($stats['admins']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Content Creators</div>
                <div class="display-6">{{ number_format($stats['content_creators']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Readers</div>
                <div class="display-6">{{ number_format($stats['readers']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Registered Devices</div>
                <div class="display-6">{{ number_format($stats['devices_total']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Online Devices</div>
                <div class="display-6">{{ number_format($stats['devices_online']) }}</div>
                <div class="text-muted small">Seen in last 15 minutes</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Accounts Using App</div>
                <div class="display-6">{{ number_format($stats['active_accounts']) }}</div>
                <div class="text-muted small">Accounts with recorded device activity</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Topic Reads</div>
                <div class="display-6">{{ number_format($stats['topic_reads']) }}</div>
                <div class="text-muted small">Today: {{ number_format($stats['reads_today']) }}</div>
            </div></div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card h-100"><div class="card-body">
                <div class="text-muted small">Notifications</div>
                <div class="display-6">{{ number_format($stats['notifications_total']) }}</div>
                <div class="text-muted small">Published today: {{ number_format($stats['notifications_today']) }}</div>
            </div></div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-xl-6">
            <div class="card h-100">
                <div class="card-header">Accounts Using the App</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0 align-middle">
                        <thead>
                            <tr>
                                <th class="ps-3">User</th>
                                <th>Type</th>
                                <th>Device</th>
                                <th>Last Seen</th>
                                <th class="pe-3 text-end">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentDevices as $device)
                                <tr>
                                    <td class="ps-3">
                                        <div class="fw-semibold">{{ $device->user->name ?? 'Unknown user' }}</div>
                                        <div class="small text-muted">{{ $device->user->email ?? '—' }}</div>
                                    </td>
                                    <td>
                                        <span class="badge bg-secondary">{{ $device->user?->typeLabel() ?? 'Unknown' }}</span>
                                    </td>
                                    <td>
                                        <div>{{ $device->device_name ?: 'Unnamed device' }}</div>
                                        <div class="small text-muted">{{ strtoupper($device->platform ?: 'unknown') }} @if($device->app_version) / {{ $device->app_version }} @endif</div>
                                    </td>
                                    <td>
                                        <div>{{ optional($device->last_seen_at)->format('Y-m-d H:i') ?? '—' }}</div>
                                        <div class="small text-muted">Login: {{ optional($device->last_login_at)->format('Y-m-d H:i') ?? '—' }}</div>
                                    </td>
                                    <td class="pe-3 text-end">
                                        @if($device->isOnline())
                                            <span class="badge bg-success">Online</span>
                                        @else
                                            <span class="badge bg-secondary">Offline</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="ps-3" colspan="5">No app usage recorded yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="card h-100">
                <div class="card-header">Recent Reading Activity</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0 align-middle">
                        <thead>
                            <tr>
                                <th class="ps-3">Read At</th>
                                <th>User</th>
                                <th>Topic</th>
                                <th class="pe-3">Resource</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentReads as $read)
                                <tr>
                                    <td class="ps-3">
                                        <div>{{ optional($read->read_at)->format('Y-m-d H:i') ?? '—' }}</div>
                                        <div class="small text-muted">{{ $read->source ?: 'mobile' }}</div>
                                    </td>
                                    <td>
                                        <div class="fw-semibold">{{ $read->user->name ?? 'Unknown user' }}</div>
                                        <div class="small text-muted">{{ $read->user?->typeLabel() ?? 'Unknown' }}</div>
                                    </td>
                                    <td>{{ $read->category_title ?: $read->category_id }}</td>
                                    <td class="pe-3">
                                        <div>{{ $read->document_title ?: 'Topic opened' }}</div>
                                        <div class="small text-muted">{{ strtoupper($read->document_type ?: 'unknown') }}</div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="ps-3" colspan="4">No reading activity recorded yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="card">
                <div class="card-header">Recent Notifications</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0 align-middle">
                        <thead>
                            <tr>
                                <th class="ps-3">Title</th>
                                <th>Audience</th>
                                <th>Created By</th>
                                <th>Published</th>
                                <th>Reads</th>
                                <th class="pe-3">Channel</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentNotifications as $notification)
                                <tr>
                                    <td class="ps-3">
                                        <div class="fw-semibold">{{ $notification->title }}</div>
                                        <div class="small text-muted">{{ \Illuminate\Support\Str::limit($notification->message, 100) }}</div>
                                    </td>
                                    <td>
                                        {{ $notification->target_type ? ($typeLabels[$notification->target_type] ?? ('Type '.$notification->target_type)) : 'All guide users' }}
                                    </td>
                                    <td>
                                        <div>{{ $notification->creator->name ?? 'Unknown' }}</div>
                                        <div class="small text-muted">{{ $notification->creator?->typeLabel() ?? 'Unknown' }}</div>
                                    </td>
                                    <td>{{ optional($notification->published_at)->format('Y-m-d H:i') ?? 'Draft' }}</td>
                                    <td>{{ number_format($notification->reads_count ?? 0) }}</td>
                                    <td class="pe-3">
                                        <div><span class="badge bg-light text-dark border">in_app</span></div>
                                        <div class="small text-muted">
                                            @if($notification->opensDocument())
                                                Open resource
                                            @elseif($notification->opensCategory())
                                                Open topic
                                            @else
                                                Feed only
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="ps-3" colspan="6">No notifications published yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection