@extends('layouts.admin')

@section('content')

    <div class="mt-10">
        <div class="container">
            <h1>Accommodation Listings</h1>
            <div class="card-body">
            <a
            href="{{ route('accommodation.create') }}"
            class="btn btn-primary pull-right my-3"
            >
            + Add
            </a>
                <div class="datatable">
                    <table class="table table-bordered table-hover" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>NAME</th>
                                <th>TYPE</th>
                                <th>CITY</th>
                                <th>ADDRESS</th>
                                <th>PRICE</th>
                                <th>STATUS</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>NAME</th>
                                <th>TYPE</th>
                                <th>CITY</th>
                                <th>ADDRESS</th>
                                <th>PRICE</th>
                                <th>STATUS</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach($rooms as $room)
                                <tr>
                                    <td>{{ $room->id }}</td>
                                    <td>{{ $room->name }}</td>
                                    <td>{{ $room->type }}</td>
                                    <td> {{ $room->city }}</td>
                                    <td>{{ $room->address }}</td>
                                    <td> {{ $room->price }}</td>
                                    <td> {{ $room->status }}</td>
                                    <!-- <td><a class="btn btn-primary" href="">Edit</a> <a class="btn btn-danger" href="">Delete</a></td> -->
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection