@extends('layouts.main')

@section('title', 'Selecionar Cliente')

@section('content')

<h1 class="h3 mb-4">Novo Pedido Delivery</h1>

<div class="card shadow-sm mb-4">
    <div class="card-header bg-warning text-white d-flex justify-content-between">
        <h5 class="mb-0">Selecione o Cliente</h5>
        <a href="{{ route('clientes.create') }}" class="btn btn-sm btn-light">Novo Cliente</a>
    </div>
    <div class="card-body">
        @forelse($clientes as $cliente)
        <div class="d-flex justify-content-between align-items-center mb-3 p-2 border rounded">
            <div>
                <p class="mb-0"><strong>{{ $cliente->nome }}</strong></p>
                <small class="text-muted">{{ $cliente->telefone }}</small>
            </div>
            <form action="{{ route('pedidos.abrir') }}" method="POST">
                @csrf
                <input type="hidden" name="tipo" value="delivery">
                <input type="hidden" name="cliente_id" value="{{ $cliente->id }}">
                <button type="submit" class="btn btn-sm btn-warning">Abrir Pedido</button>
            </form>
        </div>
        @empty
        <p class="text-muted text-center">Nenhum cliente cadastrado. Por favor, adicione um cliente.</p>
        @endforelse
    </div>
</div>

@endsection