@extends('admin.layouts.app')

@section('title', 'Dashboard')

@section('content')
  <div class="card admin-card mb-4">
    <div class="card-body d-flex align-items-center gap-3">
      <span class="admin-avatar admin-avatar--lg" aria-hidden="true">
        {{ \Illuminate\Support\Str::of(auth()->user()->name)->explode(' ')->take(2)->map(fn ($w) => mb_substr($w, 0, 1))->implode('') }}
      </span>
      <div class="min-w-0">
        <div class="fw-semibold fs-5">Selamat datang, {{ auth()->user()->name }}</div>
        <div class="text-body-secondary small">Kelola data hero, item, artikel, dan dataset live Counterin dari sini.</div>
      </div>
    </div>
  </div>

  <div class="admin-stats mb-4">
    @foreach ($stats as $stat)
      <a href="{{ route($stat['route']) }}" class="admin-stat admin-stat--{{ $stat['color'] }}">
        <span class="admin-stat__icon"><i class="bi bi-{{ $stat['icon'] }}" aria-hidden="true"></i></span>
        <span class="admin-stat__label">{{ $stat['label'] }}</span>
        <span class="admin-stat__value">{{ number_format($stat['value']) }}</span>
        <span class="admin-stat__note">{{ $stat['note'] }}</span>
      </a>
    @endforeach
  </div>

  <div class="row g-4">
    <div class="col-lg-7">
      <x-admin.card title="Artikel terbaru">
        <x-slot:actions>
          <a href="{{ route('admin.articles.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg"></i> Tulis</a>
        </x-slot:actions>
        <ul class="list-group list-group-flush admin-list">
          @forelse ($latestArticles as $article)
            <li class="list-group-item d-flex align-items-center gap-3 px-0">
              <div class="min-w-0 flex-grow-1">
                <a href="{{ route('admin.articles.edit', $article) }}" class="fw-semibold text-truncate d-block">{{ $article->title }}</a>
                <div class="small text-body-secondary">
                  {{ $article->category }} · {{ $article->author?->name ?? 'Tim Counterin' }} · {{ $article->published_at?->translatedFormat('d M Y') ?? '—' }}
                </div>
              </div>
              <span class="badge text-bg-{{ $article->is_published ? 'success' : 'secondary' }}">{{ $article->is_published ? 'Terbit' : 'Draft' }}</span>
            </li>
          @empty
            <li class="list-group-item px-0 text-body-secondary">Belum ada artikel.</li>
          @endforelse
        </ul>
      </x-admin.card>
    </div>
    <div class="col-lg-5">
      <x-admin.card title="Status dataset">
        <dl class="admin-dl mb-3">
          <dt>Scrape live MLBBHub</dt><dd>{{ $scraperStats['last_live_scrape'] }}</dd>
          <dt>Sync master dataset</dt><dd>{{ $scraperStats['last_local_sync'] }}</dd>
          <dt>Scrape skin hero</dt><dd>{{ $scraperStats['last_skins_scrape'] }}</dd>
        </dl>
        <a href="{{ route('admin.scraper.index') }}" class="btn btn-outline-primary w-100"><i class="bi bi-cloud-download"></i> Buka Scraper Master Data</a>
      </x-admin.card>
    </div>
  </div>
@endsection