@extends('layouts.admin')
@section('title', 'Paket Member')
@section('page-title', 'Paket Membership')

@section('content')
<div class="mb-4 flex justify-end"><a href="{{ route('admin.packages.create') }}" class="btn-accent !py-2">+ Paket</a></div>
<div class="grid gap-4 md:grid-cols-3">
    @forelse($packages as $p)
    <div class="card p-5">
        <div class="flex items-center justify-between">
            <h3 class="font-bold">{{ $p->name }}</h3>
            <span class="chip {{ $p->is_active ? 'text-qr-accent-light' : '' }}">{{ $p->is_active ? 'Aktif' : 'Nonaktif' }}</span>
        </div>
        <p class="mt-2 text-2xl font-extrabold text-qr-accent-light">Rp{{ number_format($p->price,0,',','.') }}</p>
        <p class="text-xs text-qr-muted">{{ $p->duration_days }} hari</p>
        <ul class="mt-3 space-y-1 text-xs text-qr-muted">
            @foreach(($p->benefits ?? []) as $b)<li>• {{ $b }}</li>@endforeach
        </ul>
        <div class="mt-4 flex gap-2">
            <a href="{{ route('admin.packages.edit', $p) }}" class="btn-outline flex-1 !py-2">Edit</a>
            <form method="POST" action="{{ route('admin.packages.destroy', $p) }}" onsubmit="return confirm('Hapus paket?')">@csrf @method('DELETE')<button class="btn-outline !py-2 text-red-400">Hapus</button></form>
        </div>
    </div>
    @empty<p class="text-qr-muted">Belum ada paket.</p>@endforelse
</div>
@endsection