@extends('admin.layout.app')
@section('content')
    <div class="d-flex justify-content-between mb-3">
        <h2>Sub Amenity</h2>

        <a href="{{ route('admin.sub-amenity.create') }}" class="btn btn-primary">+ Add Sub Amenity</a>
    </div>

    <table class="table table-bordered">
        <tr>
            <th>#</th>
            <th>Amenity Cat</th>
            <th>Name</th>
            <th>Action</th> 
        </tr> 
        @foreach ($subAmenities as $key => $sub)
            <tr>
                <td>{{ $key + 1 }}</td>
                <td> ({{ $sub->amenity->name }})</td>
                <td> {{ $sub->name }} </td>

                <td>


                    <a href="{{ route('admin.sub-amenity.edit', $sub->id) }}" class="btn btn-sm btn-warning">Edit</a>

                    <form method="POST" action="{{ route('admin.sub-amenity.destroy', $sub->id) }}" style="display:inline;">
                        @csrf @method('DELETE')
                        <button class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
        @endforeach
    @endsection