@extends('admin.layouts.app')

@php
    $metrics = [
        ['label' => 'Total Hero', 'value' => $stats['total_heroes'], 'note' => 'Terkatalog', 'icon' => 'stars', 'color' => 'info'],
        ['label' => 'Total Item', 'value' => $stats['total_items'], 'note' => 'Build & counter', 'icon' => 'box-seam', 'color' => 'success'],
        ['label' => 'Battle Spell', 'value' => $stats['total_spells'], 'note' => 'Spell utama', 'icon' => 'lightning-charge', 'color' => 'warning'],
        ['label' => 'Emblem Talent', 'value' => $stats['total_emblems'], 'note' => '7 set emblem', 'icon' => 'layers', 'color' => 'primary'],
        ['label' => 'Skin Hero', 'value' => $stats['total_skins'] ?? 0, 'note' => 'Splash art & tier', 'icon' => 'image', 'color' => 'danger'],
    ];

    $tasks = [
        [
            'task' => 'live', 'color' => 'info', 'icon' => 'cloud-download',
            'title' => 'Scrape live stats (MLBBHub)', 'source' => 'Sumber publik: mlbbhub.com/heroes',
            'desc' => 'Mengunduh statistik terbaru secara live: win rate, tier list (S/A/B/C/D), dan klasifikasi role untuk seluruh hero.',
            'last' => $stats['last_live_scrape'], 'eta' => '~2–4 detik', 'button' => 'Mulai scraping',
            'confirm' => 'Unduh statistik terbaru (Win Rate, Tier, Role) dari MLBBHub untuk seluruh hero?',
        ],
        [
            'task' => 'sync', 'color' => 'primary', 'icon' => 'arrow-repeat',
            'title' => 'Sinkronisasi master dataset', 'source' => 'Sumber lokal: public/data.js & academy.js',
            'desc' => 'Menyelaraskan seluruh hero lengkap (builds, matchups, weaknesses, counters), item, spell, dan emblem dari master dataset.',
            'last' => $stats['last_local_sync'], 'eta' => '~1–3 detik', 'button' => 'Mulai sinkronisasi',
            'confirm' => 'Selaraskan seluruh hero, item, spell, dan emblem dari master dataset?',
        ],
        [
            'task' => 'skins', 'color' => 'warning', 'icon' => 'images',
            'title' => 'Scrape skin hero', 'source' => 'Sumber publik: Fandom Wiki',
            'desc' => 'Mengumpulkan seluruh skin hero Mobile Legends: nama, tier, rarity, harga, dan gambar splash art ke database.',
            'last' => $stats['last_skins_scrape'], 'eta' => 'beberapa menit', 'button' => 'Mulai scrape skin',
            'confirm' => 'Kumpulkan seluruh skin hero (nama, tier, rarity, harga, splash art) dari Fandom Wiki? Proses ini bisa memakan waktu beberapa menit.',
        ],
    ];
@endphp

@section('title', 'Scraper & Sinkronisasi Master Data')

@section('content')
  @if ($result = session('scrape_result'))
    <div class="card admin-card admin-result admin-result--{{ $result['success'] ? 'success' : 'danger' }} mb-4">
      <div class="card-body d-flex gap-3">
        <i class="bi bi-{{ $result['success'] ? 'check-circle-fill text-success' : 'x-circle-fill text-danger' }} fs-4"></i>
        <div>
          <div class="fw-semibold">{{ $result['success'] ? 'Operasi berhasil' : 'Operasi gagal' }}</div>
          <div class="small text-body-secondary">{{ $result['message'] }}</div>
        </div>
      </div>
    </div>
  @endif

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

  <div class="row g-4">
    @foreach ($tasks as $task)
      <div class="col-md-6 col-xl-4">
        <div class="card admin-card admin-task admin-task--{{ $task['color'] }} h-100">
          <div class="card-body d-flex flex-column">
            <div class="d-flex gap-3 align-items-start mb-3">
              <span class="admin-task__icon"><i class="bi bi-{{ $task['icon'] }}"></i></span>
              <div class="min-w-0">
                <h2 class="admin-card__title mb-1">{{ $task['title'] }}</h2>
                <span class="small text-body-secondary"><span class="admin-dot"></span>{{ $task['source'] }}</span>
              </div>
            </div>
            <p class="small text-body-secondary">{{ $task['desc'] }}</p>
            <dl class="admin-dl small mb-3">
              <dt>Terakhir dijalankan</dt><dd>{{ $task['last'] }}</dd>
              <dt>Estimasi waktu</dt><dd>{{ $task['eta'] }}</dd>
            </dl>
            <form method="POST" action="{{ route('admin.scraper.run', $task['task']) }}" class="mt-auto" data-confirm="{{ $task['confirm'] }}" data-loading="Memproses…">
              @csrf
              <button type="submit" class="btn btn-{{ $task['color'] }} w-100"><i class="bi bi-play-fill"></i> {{ $task['button'] }}</button>
            </form>
          </div>
        </div>
      </div>
    @endforeach
  </div>
@endsection