@extends('admin.layouts.app')

@section('title', 'Packages')

@section('content')
<x-admin.page-header title="View Package List" breadcrumb="Masters / Packages">
    <x-slot:actions>
        <a href="{{ route('admin.masters.packages.create') }}" class="btn nb-btn-primary">
            <i class="fas fa-plus me-1"></i> Add More
        </a>
    </x-slot:actions>
</x-admin.page-header>

<div class="card nb-table-card">
    <div class="card-datatable">
        <table id="packages-table" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Package Name</th>
                    <th>Amount</th>
                    <th>Duration</th>
                    <th>Status</th>
                    <th>Created Date</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($packages as $index => $package)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $package->Name }}</td>
                        <td>{{ $package->Amount }}</td>
                        <td>{{ $package->Period }} {{ $package->Duration }}</td>
                        <td>
                            <x-admin.status-badge :active="(int) $package->Status === 1" />
                        </td>
                        <td>
                            {{ optional($package->CreatedDate)->format('d/m/Y h:i a') ?? '—' }}
                        </td>
                        <td>
                            <div class="nb-actions">
                                <a href="{{ route('admin.masters.packages.edit', $package) }}" class="nb-action-btn" data-toggle="tooltip" title="Edit">
                                    <i class="fas fa-pen"></i>
                                </a>
                                <form method="POST" action="{{ route('admin.masters.packages.destroy', $package) }}" class="d-inline delete-form" onsubmit="return confirm('Are you sure you want to delete this package?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="nb-action-btn danger delete" title="Delete" data-toggle="tooltip">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function () {
    $('#packages-table').DataTable();
});
</script>
@endpush