@extends('admin.layouts.app')

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

@push('styles')
    <style>
        .stat-value { font-size: 32px; font-weight: 700; color: var(--na-primary); transition: color .25s; }
        .stat-value.is-flashing { color: var(--na-accent); }
    </style>
@endpush

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">
                {{ __('admin.dashboard.welcome', ['name' => auth('admin')->user()?->name ?? '']) }}
            </h1>
            <p class="page-subtitle">{{ __('admin.dashboard.placeholder') }}</p>
        </div>
    </div>

    <div class="card-grid" data-live-stats>
        <div class="card">
            <h3 class="page-subtitle" style="margin-bottom:8px;">{{ __('admin.dashboard.stats.startups') }}</h3>
            <div class="stat-value" data-stat="startups">{{ $stats['startups'] }}</div>
        </div>
        <div class="card">
            <h3 class="page-subtitle" style="margin-bottom:8px;">{{ __('admin.dashboard.stats.investors') }}</h3>
            <div class="stat-value" data-stat="investors">{{ $stats['investors'] }}</div>
        </div>
        <div class="card">
            <h3 class="page-subtitle" style="margin-bottom:8px;">{{ __('admin.dashboard.stats.deals') }}</h3>
            <div class="stat-value" data-stat="deals">{{ $stats['deals'] }}</div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        window.NumuConfig = {
            statsUrl: @json(route('admin.dashboard.stats')),
            broadcaster: @json(config('broadcasting.default')),
            channelPrefix: @json(config('monday.broadcast.channel_prefix', 'monday')),
            reverb: {
                key:    @json(config('broadcasting.connections.reverb.key')),
                host:   @json(config('broadcasting.connections.reverb.options.host')),
                port:   @json(config('broadcasting.connections.reverb.options.port')),
                scheme: @json(config('broadcasting.connections.reverb.options.scheme')),
            },
            pusher: {
                key:     @json(config('broadcasting.connections.pusher.key')),
                cluster: @json(config('broadcasting.connections.pusher.options.cluster')),
            },
        };
    </script>
    <script src="{{ asset('assets/admin/js/dashboard.js') }}"></script>
@endpush