@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-header section-head">
            <h3 class="card-title">New Client Register Package</h3>
            <div class="card-tools">
                <a href="{{ route('new-client-register-package.create') }}" class="btn btn-sm btn-primary">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i> &nbsp;Add Package
                </a>
            </div>
        </div>

        <div class="card-body">
            <p class="text-muted">
                These are the packages someone can choose on the public new connection
                request form.
            </p>

            <div class="table-responsive">
                <table id="dataTable" class="table table-bordered table-striped">
                    <thead class="bg-gray-50">
                        <tr>
                            <th>Id</th>
                            <th>Package Name</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @forelse ($packages as $package)
                            <tr>
                                <td>{{ $package->id }}</td>
                                <td>{{ $package->package_name }}</td>
                                <td>
                                    <a href="{{ route('new-client-register-package.edit', $package->id) }}"
                                        class="btn btn-sm btn-primary">Edit</a>

                                    <a href="{{ route('editLog-history', ['id' => $package->id, 'type' => 'New Client Register Package']) }}"
                                        target="_blank" class="btn btn-sm btn-secondary">History</a>

                                    <form action="{{ route('new-client-register-package.destroy', $package->id) }}"
                                        method="POST" style="display:inline-block"
                                        onsubmit="return confirm('Are you sure you want to delete this package?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="text-center">
                                    No package added yet. The request form shows an empty list until one is added.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection