@extends('layouts.motoboy_dashboard')

@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
    <h1 class="text-2xl sm:text-3xl font-extrabold text-green-700 flex items-center gap-2 mb-6">
        <i class="ri-list-check text-green-500 text-3xl sm:text-4xl"></i> {{ $title }}
    </h1>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        @forelse($entregas as $entrega)
            <div class="bg-white rounded-lg shadow-md border border-gray-200 p-5 flex flex-col justify-between">
                <div>
                    <div class="flex items-center justify-between mb-3">
                        <h3 class="text-lg font-bold text-gray-800 flex items-center gap-2">
                            <i class="ri-truck-line text-purple-500"></i> Entrega #{{ $entrega->id }}
                        </h3>
                        @php
                            $deliveryStatusClasses = [
                                'em_coleta' => 'bg-blue-100 text-blue-800',
                                'em_transito' => 'bg-indigo-100 text-indigo-800',
                                'na_area' => 'bg-orange-100 text-orange-800',
                                'aguardando_retorno_motoboy' => 'bg-yellow-100 text-yellow-800',
                                'concluido' => 'bg-green-100 text-green-800',
                                'rejeitado' => 'bg-red-100 text-red-800',
                                'cancelado' => 'bg-gray-100 text-gray-800',
                                'problema' => 'bg-red-200 text-red-900',
                            ];
                            $currentDeliveryStatusClass = $deliveryStatusClasses[$entrega->status] ?? 'bg-gray-200 text-gray-700';
                        @endphp
                        <span class="px-3 py-1 rounded-full text-xs font-semibold {{ $currentDeliveryStatusClass }}">
                            {{ ucfirst(str_replace('_', ' ', $entrega->status)) }}
                        </span>
                    </div>

                    <div class="space-y-2 text-sm text-gray-700">
                        <p class="flex items-center gap-2">
                            <i class="ri-numbers-line text-gray-500"></i>
                            <span class="font-medium">Pedido Troca:</span>
                            <span>#{{ $entrega->pedidoTroca->codigo_troca ?? 'N/A' }}</span>
                        </p>
                        <p class="flex items-center gap-2">
                            <i class="ri-capsule-line text-gray-500"></i>
                            <span class="font-medium">Medicamento:</span>
                            <span>{{ $entrega->pedidoTroca->medicamento->name ?? 'N/A' }}</span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-map-pin-2-line text-green-600"></i>
                            <span class="font-medium">Origem:</span>
                            @php
                                $ownerAddress = $entrega->pedidoTroca->medicamento->owner->enderecos->first();
                            @endphp
                            <span>
                                {{ $ownerAddress->bairro ?? 'Bairro N/A' }}
                                @if ($ownerAddress->cidade ?? false)
                                    , {{ $ownerAddress->cidade }}
                                @endif
                            </span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-user-line text-gray-500"></i>
                            <span class="font-medium">Solicitante:</span>
                            <span>{{ $entrega->pedidoTroca->requester->name ?? 'N/A' }}</span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-map-pin-line text-blue-600"></i>
                            <span class="font-medium">Destino:</span>
                            @php
                                $requesterAddress = $entrega->pedidoTroca->requester->enderecos->first();
                            @endphp
                            <span>
                                {{ $requesterAddress->bairro ?? 'Bairro N/A' }}
                                @if ($requesterAddress->cidade ?? false)
                                    , {{ $requesterAddress->cidade }}
                                @endif
                            </span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-money-dollar-circle-line text-gray-500"></i>
                            <span class="font-medium">Custo:</span>
                            <span>R$ {{ number_format($entrega->custo_entrega ?? 0, 2, ',', '.') }}</span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-wallet-line text-gray-500"></i>
                            <span class="font-medium">Pagamento:</span>
                            <span>{{ ucfirst(str_replace('_', ' ', $entrega->metodo_pagamento ?? 'N/A')) }}</span>
                        </p>

                        <p class="flex items-center gap-2">
                            <i class="ri-calendar-line text-gray-500"></i>
                            <span class="font-medium">Criado em:</span>
                            <span>{{ \Carbon\Carbon::parse($entrega->created_at)->format('d/m/Y H:i') }}</span>
                        </p>
                    </div>
                </div>

                <div class="mt-5 text-right">
                    {{-- You would define a route for Entrega details here --}}
                    <a href="{{ route('motoboy.entregas.detalhes', $entrega->id) }}"
                       class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors duration-200">
                        <i class="ri-eye-line mr-2"></i> Ver Detalhes
                    </a>
                </div>
            </div>
        @empty
            <div class="col-span-full bg-white rounded-lg shadow-sm border border-gray-200 p-5 text-center text-gray-500">
                <p class="text-lg font-medium mb-2">
                    @if($status)
                        Nenhuma entrega com o status "{{ ucfirst(str_replace('_', ' ', $status)) }}" para exibir.
                    @else
                        Nenhuma entrega em andamento para exibir.
                    @endif
                </p>
                <p>Mantenha-se ativo para ver novas entregas!</p>
            </div>
        @endforelse
    </div>

    <div class="mt-8 pt-5 border-t border-gray-200">
        {{ $entregas->links() }}
    </div>
</div>
@endsection