@extends('admin.layouts.app')

@php use App\Support\AdminOptions; @endphp

@section('title', 'Emblem & Talent')

@section('actions')
  <a href="{{ route('admin.emblems.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Buat Talent</a>
@endsection

@section('content')
  <div class="card admin-card">
    <div class="card-header">
      <x-admin.toolbar :action="route('admin.emblems.index')" placeholder="Cari talent…" :filters="['set_name', 'tier']">
        <x-admin.filter-select name="set_name" :options="AdminOptions::EMBLEM_SETS" placeholder="Semua set" />
        <x-admin.filter-select name="tier" :options="AdminOptions::EMBLEM_TIERS" placeholder="Semua tier" />
      </x-admin.toolbar>
      <x-admin.bulk-delete :action="route('admin.emblems.bulk-destroy')" label="talent" />
    </div>

    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0 admin-table">
        <thead>
          <tr>
            <th class="admin-table__check"><x-admin.check-all /></th>
            <th><x-admin.sort-link column="name" label="Talent" :default="true" /></th>
            <th><x-admin.sort-link column="set_name" label="Set" /></th>
            <th><x-admin.sort-link column="tier" label="Tier" /></th>
            <th class="d-none d-lg-table-cell">Efek talent</th>
            <th class="text-end"><span class="visually-hidden">Aksi</span></th>
          </tr>
        </thead>
        <tbody>
          @forelse ($emblems as $emblem)
            <tr>
              <td class="admin-table__check"><x-admin.row-check :value="$emblem->id" /></td>
              <td>
                <a href="{{ route('admin.emblems.edit', $emblem) }}" class="admin-table__name">
                  <x-admin.thumb :src="$emblem->icon_url" :alt="$emblem->name" />
                  <span>{{ $emblem->name }}</span>
                </a>
              </td>
              <td><span class="badge text-bg-{{ match ($emblem->set_name) { 'Tank' => 'success', 'Assassin' => 'danger', 'Mage' => 'info', 'Marksman' => 'warning', 'Fighter' => 'primary', default => 'secondary' } }}">{{ $emblem->set_name }}</span></td>
              <td><span class="badge text-bg-info-subtle text-info-emphasis">Tier {{ $emblem->tier }}</span></td>
              <td class="d-none d-lg-table-cell text-body-secondary small" title="{{ $emblem->description }}">{{ \Illuminate\Support\Str::limit($emblem->description, 80) }}</td>
              <td class="text-end">
                <x-admin.row-actions :edit="route('admin.emblems.edit', $emblem)" :delete="route('admin.emblems.destroy', $emblem)" :name="$emblem->name" />
              </td>
            </tr>
          @empty
            <tr><td colspan="6" class="text-center text-body-secondary py-5">Tidak ada talent yang cocok.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="card-footer">
      <x-admin.pagination :paginator="$emblems" />
    </div>
  </div>
@endsection