@extends('layouts.admin')
@section('title', 'Statistik Counter')
@push('breadcrumb')
<div class="breadcrumb-sep">/</div><div class="breadcrumb-item">Statistik Counter</div>
@endpush
@push('actions')
<a href='{{ route('admin.stats.create') }}' class='btn btn--primary btn--sm'>+ Tambah Statistik</a>
@endpush
@section('content')
<div class="admin-table-card">
    <div class="admin-table-head"><div class="admin-table-title">Counter Statistik</div></div>
    <div class="admin-table-wrap">
        <table class="w-full">
            <thead><tr><th>Label (ID)</th><th>Nilai</th><th>Suffix</th><th>Status</th><th class="admin-table-actions">Aksi</th></tr></thead>
            <tbody>
                @foreach($stats as $s)
                <tr>
                    <td>{{ $s->label_id }}</td>
                    <td style="padding:12px 16px;font-size:18px;font-weight:var(--w-black);color:var(--blue-light);">{{ $s->value }}</td>
                    <td>{{ $s->suffix }}</td>
                    <td>{!! $s->is_active ? '<span class="badge badge--accent">Aktif</span>' : '<span class="badge badge--inactive">Nonaktif</span>' !!}</td>
                    <td class="admin-table-actions">
                        <a href="{{ route('admin.stats.edit', $s) }}" class="action-btn action-btn--edit">Edit</a>
                        <form method="POST" action="{{ route('admin.stats.destroy', $s) }}" onsubmit="return confirm('Hapus?')" style="display:inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="action-btn action-btn--danger">Hapus</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-4 border-t border-crius-grey-100">@if($stats->hasPages()){{ $stats->links() }}@endif</div>
</div>
@endsection