@extends("backend.layouts.app")

@section("title", "Manage Packages")

@section("content")
    <x-backend.layouts.create>
        <x-backend.section-header>
            <i class="fa-solid fa-box"></i>
            Packages
        </x-backend.section-header>

        <a href="{{ route('backend.packages.create') }}" class="btn btn-success">Add Package</a>

        <table class="table mt-3 table-bordered">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Price</th>
                    <th>Billing Cycle</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($packages as $package)
                <tr>
                    <td>{{ $package->id }}</td>
                    <td>{{ $package->name }}</td>
                    <td>AUD {{ $package->price }}</td>
                    <td>{{ ucfirst($package->billing_cycle) }}</td>
                    <td><span class="badge badge-{{ $package->status == 'active' ? 'success' : 'danger' }}">{{ $package->status }}</span></td>
                    <td>
                        <a href="{{ route('backend.packages.show', $package->id) }}" class="btn btn-info btn-sm">
                            <i class="fas fa-eye"></i> Show
                        </a>
                        <a href="{{ route('backend.packages.edit', $package->id) }}" class="btn btn-primary btn-sm">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                        <form action="{{ route('backend.packages.destroy', $package->id) }}" method="POST" style="display:inline;">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">
                                <i class="fas fa-trash"></i> Delete
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </x-backend.layouts.create>
@endsection