@extends('layouts.admin')
@section('titulo', 'Atendimentos')
@section('conteudo')
<div class="container-fluid">
    <h1 class="h3 mb-4 text-gray-800">Chamadas de mesa</h1>
    @if (session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    <div class="card shadow mb-4"><div class="card-body table-responsive">
        <table class="table table-striped align-middle"><thead><tr><th>Hora</th><th>Mesa</th><th>Pedido</th><th>Ação</th></tr></thead><tbody>
        @forelse ($solicitacoes as $solicitacao)
            <tr><td>{{ $solicitacao->created_at->format('d/m/Y H:i') }}</td><td>{{ $solicitacao->sessao?->sessao_mesa?->mesa ?? '—' }}</td><td>{{ $solicitacao->tipo === 'conta' ? 'Pediu a conta' : 'Chamou o garçom' }}</td><td><form method="post" action="{{ route('atendimentos.attend', $solicitacao->id) }}">@csrf<button class="btn btn-sm btn-primary">Marcar atendida</button></form></td></tr>
        @empty<tr><td colspan="4" class="text-center text-muted py-4">Não há chamadas pendentes.</td></tr>@endforelse
        </tbody></table>
    </div></div>
</div>
@endsection
@push('script')<script>setTimeout(() => window.location.reload(), 20000);</script>@endpush