@extends('admin.layouts.app')

@section('title', __('admin.dashboard.title') . ' — ' . __('admin.brand.name'))
@section('page_title', __('admin.dashboard.title'))

@php
    $cards = [
        ['key' => 'articles',               'route' => 'admin.blogs.index',                  'icon' => 'doc',       'tone' => 'primary'],
        ['key' => 'events',                 'route' => 'admin.events.index',                 'icon' => 'calendar',  'tone' => 'accent'],
        ['key' => 'guidelines',             'route' => 'admin.announcements.index',          'icon' => 'megaphone', 'tone' => 'info'],
        ['key' => 'reviews',                'route' => 'admin.assessments.index',            'icon' => 'check',     'tone' => 'success'],
        ['key' => 'data_library',           'route' => 'admin.data-library.index',           'icon' => 'folder',    'tone' => 'primary'],
        ['key' => 'questions',              'route' => 'admin.questions.index',              'icon' => 'help',      'tone' => 'warning'],
        ['key' => 'groups',                 'route' => 'admin.groups.index',                 'icon' => 'group',     'tone' => 'accent'],
        ['key' => 'notification_templates', 'route' => 'admin.notification-templates.index', 'icon' => 'bell',      'tone' => 'info'],
    ];
@endphp

@section('content')
    <x-admin.page-header :title="__('admin.dashboard.welcome', ['name' => auth('admin')->user()?->name ?? ''])"
                        :subtitle="__('admin.dashboard.subtitle')" />

    {{-- Active inter-admin note alerts assigned to the current admin.
         The partial renders nothing when there are none, so this line
         is a no-op for admins with an empty inbox. --}}
    @include('admin.partials.dashboard-note-alerts', ['alerts' => $alerts])

    <section class="stats-grid">
        @foreach ($cards as $card)
            <a href="{{ route($card['route']) }}" class="stat-card stat-card--{{ $card['tone'] }}">
                <span class="stat-card-icon" aria-hidden="true">
                    <x-admin.sidebar-icon :name="$card['icon']" />
                </span>
                <span class="stat-card-body">
                    <span class="stat-card-label">{{ __('admin.dashboard.stats.' . $card['key']) }}</span>
                    <span class="stat-card-value">{{ number_format($stats[$card['key']]) }}</span>
                </span>
            </a>
        @endforeach
    </section>

    <section class="dashboard-charts">
        <div class="chart-card chart-card-wide">
            <header class="chart-card-head">
                <div>
                    <h3>{{ __('admin.dashboard.charts.content_activity') }}</h3>
                    <p class="muted">{{ __('admin.dashboard.charts.content_activity_subtitle') }}</p>
                </div>
            </header>
            <div class="chart-canvas-wrap"><canvas data-chart="content-activity"></canvas></div>
        </div>

        <div class="chart-card chart-card-wide">
            <header class="chart-card-head">
                <div>
                    <h3>{{ __('admin.dashboard.charts.audience_split') }}</h3>
                    <p class="muted">{{ __('admin.dashboard.charts.audience_split_subtitle') }}</p>
                </div>
            </header>
            <div class="chart-canvas-wrap"><canvas data-chart="audience-split"></canvas></div>
        </div>
    </section>

    <section class="card">
        <header class="section-card-head">
            <h3>{{ __('admin.dashboard.recent.title') }}</h3>
            <a href="{{ route('admin.logs.index') }}" class="btn-link">{{ __('admin.dashboard.recent.see_all') }}</a>
        </header>
        @if ($recent->isEmpty())
            <div class="section-card-body"><p class="muted">{{ __('admin.dashboard.recent.empty') }}</p></div>
        @else
            <div class="card-table-wrap">
                <table class="data-table compact">
                    <thead>
                        <tr>
                            <th>{{ __('admin.logs.fields.timestamp') }}</th>
                            <th>{{ __('admin.logs.fields.admin') }}</th>
                            <th>{{ __('admin.logs.fields.action') }}</th>
                            <th>{{ __('admin.logs.fields.module') }}</th>
                            <th>{{ __('admin.logs.fields.subject') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($recent as $log)
                            <tr>
                                <td>{{ optional($log->created_at)->diffForHumans() }}</td>
                                <td>{{ $log->admin?->name ?? '—' }}</td>
                                <td>{{ trans()->has('admin.logs.actions.' . $log->action) ? __('admin.logs.actions.' . $log->action) : $log->action }}</td>
                                <td><span class="badge" style="--badge-color:#5a2d80;">{{ trans()->has('admin.logs.modules.' . $log->module) ? __('admin.logs.modules.' . $log->module) : $log->module }}</span></td>
                                <td class="truncate">{{ $log->description ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </section>
@endsection

@push('scripts')
    <script>
        window.NumuDashboard = {
            charts: @json($charts),
            colors: {
                primary:  '#3D1A5B',
                accent:   '#F4D17E',
                success:  '#1c6b2a',
                info:     '#2563eb',
                warning:  '#b45309',
                muted:    '#9aa0b4',
                border:   '#e6e1ee',
            },
            labels: {
                articles:   @json(__('admin.dashboard.stats.articles')),
                events:     @json(__('admin.dashboard.stats.events')),
                guidelines: @json(__('admin.dashboard.stats.guidelines')),
                count:      @json(__('admin.dashboard.charts.count')),
            },
        };
    </script>
    <script src="{{ asset('assets/admin/js/dashboard.js') }}"></script>
@endpush