@extends('layouts.main')

@section('title', 'Mesas')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="mb-0">Mesas</h1>
    <div>
        <a href="{{ route('mesas.create') }}" class="btn btn-primary">Nova Mesa</a>
        <a href="{{ route('pedidos.abrir.balcao') }}" class="btn btn-success">Novo Pedido Balcão</a>
	<a href="{{ route('pedidos.delivery.novo') }}" class="btn btn-warning">Novo Pedido Delivery</a>
</div>
</div>

@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

<div class="row">
    @foreach($mesas as $mesa)
    <div class="col-md-3 mb-4">
        <div class="card h-100 {{ $mesa->status === 'disponivel' ? 'border-success' : 'border-danger' }}">
            <div class="card-header d-flex justify-content-between align-items-center {{ $mesa->status === 'disponivel' ? 'bg-success text-white' : 'bg-danger text-white' }}">
                <h5 class="card-title mb-0">{{ $mesa->nome }}</h5>
                <span class="badge {{ $mesa->status === 'disponivel' ? 'bg-light text-success' : 'bg-light text-danger' }}">{{ ucfirst($mesa->status) }}</span>
            </div>
            <div class="card-body">
                <p>Lugares: {{ $mesa->capacidade }}</p>
            </div>
            <div class="card-footer d-flex justify-content-between">
                @if ($mesa->status === 'disponivel')
                    <form action="{{ route('pedidos.abrir') }}" method="POST">
                        @csrf
                        <input type="hidden" name="tipo" value="mesa">
                        <input type="hidden" name="mesa_id" value="{{ $mesa->id }}">
                        <button type="submit" class="btn btn-sm btn-outline-success">Abrir Pedido</button>
                    </form>
                @else
                    <a href="#" class="btn btn-sm btn-outline-danger disabled">Mesa Ocupada</a>
                @endif
                <div class="d-flex">
                    <a href="{{ route('mesas.edit', $mesa->id) }}" class="btn btn-sm btn-outline-secondary me-2">Editar</a>
                    <form action="{{ route('mesas.destroy', $mesa->id) }}" method="POST" onsubmit="return confirm('Tem certeza que deseja excluir esta mesa?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endsection