@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>CREATED_AT</th>
                                <th>UPDATED_AT</th>
                                <th>TYPE</th>
                                <th>CITY</th>
                                <th>ADDRESS</th>
                                <th>PRICE</th>
                                <th>STATUS</th>
                                <th>ACTION</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>NAME</th>
                                <th>CREATED_AT</th>
                                <th>UPDATED_AT</th>
                                <th>TYPE</th>
                                <th>CITY</th>
                                <th>ADDRESS</th>
                                <th>PRICE</th>
                                <th>STATUS</th>
                                <th>ACTION</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach($accommodations as $accommodation)
                                <tr>
                                    <td>{{ $accommodation->id }}</td>
                                    <td>{{ $accommodation->name }}</td>
                                    <td>{{ $accommodation->created_at }}</td>
                                    <td>{{ $accommodation->updated_at }}</td>
                                    <td>{{ $accommodation->type }}</td>
                                    <td> {{ $accommodation->city }}</td>
                                    <td>{{ $accommodation->address }}</td>
                                    <td> {{ $accommodation->price }}</td>
                                    <td> {{ $accommodation->status }}</td>
                                    <td>
                                    <form
                                        action="{{route('accommodation.approve', $accommodation->id)}}"
                                        method="POST"
                                        >
                                        @method('PUT')
                                        @csrf
                                        <button
                                            class="btn btn-primary"
                                            type="submit"
                                        >Approve</button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection