@extends('layouts.main')

@section('title', 'Adicionar Mesa')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="mb-0">Adicionar Nova Mesa</h1>
</div>

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form action="/mesas" method="POST">
    @csrf

    <div class="mb-3">
        <label for="nome" class="form-label">Nome da Mesa</label>
        <input type="text" class="form-control" id="nome" name="nome" value="{{ old('nome') }}" required>
    </div>
    
    <div class="mb-3">
        <label for="capacidade" class="form-label">Capacidade</label>
        <input type="number" class="form-control" id="capacidade" name="capacidade" value="{{ old('capacidade') }}" required>
    </div>

    <div class="mb-3">
        <label for="status" class="form-label">Status</label>
        <select class="form-select" id="status" name="status" required>
            <option value="disponivel" {{ old('status') == 'disponivel' ? 'selected' : '' }}>Disponível</option>
            <option value="ocupada" {{ old('status') == 'ocupada' ? 'selected' : '' }}>Ocupada</option>
            <option value="reservada" {{ old('status') == 'reservada' ? 'selected' : '' }}>Reservada</option>
        </select>
    </div>

    <button type="submit" class="btn btn-primary">Salvar Mesa</button>
</form>
@endsection