@extends('layouts.app')

@section('content')
    <div class="w-full h-[100vh] max-w-sm p-8">

            {{-- Mensagem --}}
            <h2 class="text-center text-lg font-semibold text-gray-800 mb-8">
                Não existem mesas com pedidos<br>a decorrer
            </h2>

            {{-- Botões --}}
            <div class="w-full space-y-4">
                <button
                    wire:click="selecionarMesa"
                    class="w-full border-2 border-amber-600 text-amber-700 py-2 rounded hover:bg-amber-100 transition">
                    Selecionar Mesa
                </button>

                <button
                    wire:click="terminarSessao"
                    class="w-full bg-amber-600 hover:bg-amber-700 text-white py-2 rounded transition">
                    Terminar Sessão
                </button>
            </div>

            {{-- Rodapé --}}
            <div class="mt-8 text-center text-xs text-gray-600">
                Powered by Controlink
            </div>
        </div>
@endsection