@extends('layout.base')

@section('content')
<div class="container">
    <h1 class="my-4">Accommodation and Rooms</h1>
    
    <a href="{{ route('room.add') }}" class="btn btn-primary mb-3 rounded-pill"><i class="fas fa-plus"></i> Add</a> <!-- Added "Add Room" text inside the button -->
    
    <table class="table table-striped">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Accommodation Name</th>
                <th scope="col"># Rooms</th>
                <th scope="col">Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($rooms as $room)
                <tr>
                    <td>{{ $room->name }}</td>
                    <td>{{ $room->beds }}</td>
                    <td>
                        <div class="btn-group" role="group">
                            <a href="{{ route('room.edit', $room->id) }}" class="btn btn-link mr-2"><i class="fas fa-pencil-alt"></i></a>
                            <a href="{{ route('room.del', $room->id) }}" class="btn btn-link" onclick="return confirm('Are you sure you want to delete this room?');"><i class="fas fa-trash-alt"></i></a>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection