@extends('admin.layout')

@section('title', 'Paket')

@section('content')
    <div class="toolbar">
        <div>
            <h1>Paket Harga</h1>
            <p class="muted" style="margin:0">Atur paket yang tampil di katalog publik.</p>
        </div>
        <a class="btn" href="{{ route('admin.packages.create') }}">+ Paket</a>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Nama</th>
                    <th>Harga</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($packages as $package)
                    <tr>
                        <td>
                            <strong>{{ $package->name }}</strong><br>
                            <span class="muted">{{ $package->description }}</span>
                        </td>
                        <td>{{ $package->formattedPrice() }}</td>
                        <td>
                            <span class="pill {{ $package->is_active ? '' : 'pill-muted' }}">
                                {{ $package->is_active ? 'aktif' : 'nonaktif' }}
                            </span>
                        </td>
                        <td class="actions">
                            <a class="btn btn-light" href="{{ route('admin.packages.edit', $package) }}">Edit</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4">Belum ada paket.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection