@extends('layouts.main')

@section('title', 'Minhas Entregas')

@section('content')

<h1 class="h3 mb-4">Entregas de {{ $entregador->nome }}</h1>

<div class="card shadow-sm mb-4">
    <div class="card-header bg-warning text-white">
        <h5 class="mb-0">Pedidos em Rota</h5>
    </div>
    <div class="card-body">
        @forelse ($entregasEmRota as $entrega)
            <div class="mb-3 p-3 border rounded">
                <strong>Pedido #{{ $entrega->pedido->id }}</strong>
                <p class="mb-1">Cliente: {{ optional($entrega->pedido->cliente)->nome }}</p>
                <p class="mb-1">Endereço: {{ optional($entrega->pedido->cliente)->rua }}, {{ optional($entrega->pedido->cliente)->numero }}</p>
                <p class="mb-1">Telefone: {{ optional($entrega->pedido->cliente)->telefone }}</p>
                <p class="mb-0">Horário de Saída: {{ \Carbon\Carbon::parse($entrega->horario_saida)->format('H:i') }}</p>

                <hr class="my-2">

                <form action="{{ route('entregas.finalizar', $entrega->id) }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-success w-100">Finalizar Entrega</button>
                </form>
            </div>
        @empty
            <p class="text-muted text-center">Nenhum pedido em rota no momento.</p>
        @endforelse
    </div>
</div>

@endsection