@extends('layouts.admin')
@section('content')
    <x-admin.page-hero
        title="View {{ $table->name }}"
        displayButton="yes"
        buttonContent="All Tables"
        buttonLink="{{ route('admin.tables.index') }}"
    />

    <section class="pageMain">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <table class="table w-100">
                        <tbody>
                        <tr>
                            <td><strong>Name</strong></td>
                            <td>{{ $table->name }}</td>
                        </tr>
                        <tr>
                            <td><strong>No of seats</strong></td>
                            <td>{{ $table->no_of_seats }}</td>
                        </tr>
                        <tr>
                            <td><strong>status</strong></td>
                            <td>{{ $table->status }}</td>
                        </tr>
                        <tr>
                            <td><strong>Location</strong></td>
                            <td>{{ $table->tableLocation->name }}</td>
                        </tr>
                        <tr>
                            <td><strong>Guests can book for food?</strong></td>
                            <td>
                                @if($table->guests_can_book_for_food == 1)
                                    Yes
                                @else
                                    No
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td><strong>Table is for drinks only?</strong></td>
                            <td>
                                @if($table->drinks_only == 1)
                                    Yes
                                @else
                                    No
                                @endif
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>

@endsection