@extends('admin.layout')

@section('header_actions')
<a href="{{ route('admin.packages.create') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-plus"></i> Add Package
</a>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card mb-4">
            <div class="card-header">
                <h3 class="card-title mb-0">Package List</h3>
            </div>
            <div class="card-body p-0">
                <table class="table align-middle mb-0">
                    <thead>
                        <tr>
                            <th style="width: 20px">Image</th>
                            <th>Name</th>
                            <th style="width: 20px">Duration</th>
                            <th style="width: 20px">Fee</th>
                            <th style="width: 140px" class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($packages as $package)
                        <tr>
                            <td>
                                @if (!empty($package->image_name))
                                <img src="{{ asset('storage/' . $package->image_name) }}" alt="{{ $package->package_name }}" class="img-fluid rounded" style="width: 50px; height: 50px; object-fit: cover;" />
                                @else
                                <span class="badge text-bg-secondary">No Image</span>
                                @endif
                            </td>
                            <td><strong>{{ $package->package_name }}</strong></td>
                            <td>{{ $package->duration ? $package->duration . ' days' : '-' }}</td>
                            <td><span class="badge text-bg-success">₹{{ number_format($package->fee, 2) }}</span></td>
                            <td class="text-end">
                                <a href="{{ route('admin.packages.show', $package) }}" class="btn btn-info btn-sm"><i class="bi bi-eye"></i></a>
                                <a href="{{ route('admin.packages.edit', $package) }}" class="btn btn-warning btn-sm"><i class="bi bi-pencil"></i></a>
                                <form action="{{ route('admin.packages.destroy', $package) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" onclick="return confirm('Delete this package?')" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center py-4">
                                <div class="alert alert-info mb-0">
                                    <i class="bi bi-info-circle"></i> No packages found.
                                    <a href="{{ route('admin.packages.create') }}" class="btn btn-primary btn-sm ms-2">Create First Package</a>
                                </div>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($packages->hasPages())
            <div class="card-footer clearfix">
                {{ $packages->links() }}
            </div>
            @endif
        </div>
    </div>
</div>
@endsection