@extends('layouts.main')

@section('title', 'Painel de Entregas')

@section('content')

<h1 class="h3 mb-4">Painel de Entregas</h1>

<div class="row">
    <div class="col-md-6">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Pedidos para Entrega</h5>
            </div>
            <div class="card-body">
                @forelse ($pedidosParaEntrega as $pedido)
                    <div class="mb-3 p-3 border rounded">
                        <strong>Pedido #{{ $pedido->id }}</strong>
                        <p class="mb-1">Cliente: {{ optional($pedido->cliente)->nome }}</p>
                        <p class="mb-1">Endereço: {{ optional($pedido->cliente)->rua }}, {{ optional($pedido->cliente)->numero }}</p>
                        <p class="mb-1">Telefone: {{ optional($pedido->cliente)->telefone }}</p>
                        <p class="mb-0">Total: R$ {{ number_format($pedido->total + $pedido->taxa_servico, 2, ',', '.') }}</p>

                        <hr class="my-2">

			<form action="{{ route('entregas.atribuir') }}" method="POST">
			@csrf
                            <input type="hidden" name="pedido_id" value="{{ $pedido->id }}">
                            <div class="d-flex align-items-center">
                                <select name="entregador_id" class="form-select form-select-sm me-2" required>
                                    <option value="" disabled selected>Selecionar Entregador</option>
                                    @foreach ($entregadores as $entregador)
                                        <option value="{{ $entregador->id }}">{{ $entregador->nome }}</option>
                                    @endforeach
                                </select>
                                <button type="submit" class="btn btn-sm btn-warning">Atribuir</button>
                            </div>
                        </form>
                    </div>
                @empty
                    <p class="text-muted text-center">Nenhum pedido pronto para entrega no momento.</p>
                @endforelse
            </div>
        </div>
    </div>
    <div class="col-md-6">
        {{-- Aqui você pode listar entregas em andamento ou o status de cada entregador --}}
    </div>
</div>

@endsection