@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">

    <div class="bg-white shadow-md p-5 mb-6 flex flex-col md:flex-row justify-between items-start md:items-center rounded-lg">
        <h1 class="text-2xl sm:text-3xl font-extrabold text-green-700 flex items-center gap-2 mb-3 md:mb-0">
            <i class="ri-dashboard-line text-green-500 text-3xl sm:text-4xl"></i> Painel do Motoboy
        </h1>
        <div class="flex flex-wrap items-center gap-x-4 gap-y-2 text-sm sm:text-base text-gray-700">
            <div class="flex items-center gap-1">
                <span class="font-semibold text-gray-600">Usuário:</span>
                <span class="text-gray-800">{{ auth()->user()->name }}</span>
            </div>
            <div class="flex items-center gap-1">
                <span class="font-semibold text-gray-600">Perfil:</span>
                <span class="px-2 py-0.5 bg-green-100 text-green-800 rounded-full text-xs font-medium uppercase">
                    {{ optional(auth()->user()->roles()->first())->name ?? 'Sem perfil' }}
                </span>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">

        <!-- Entregas Concluídas pelo motoboy (Mês Atual) -->
        <a href="{{ route('restrito.motoboy.entregas.by_status', ['status' => 'delivered']) }}" class="block rounded-lg overflow-hidden transition-all duration-300 hover:shadow-lg">
            <div class="bg-white shadow-md p-5 flex items-center justify-between border-l-4 border-green-500 rounded-lg">
                <div>
                    <p class="text-sm font-medium text-gray-500">Concluídas (Mês)</p>
                    <p class="text-2xl font-bold text-gray-900 mt-1">{{ $completedDeliveriesMonth ?? 0 }}</p>
                </div>
                <i class="ri-check-double-line text-green-500 text-4xl opacity-70"></i>
            </div>
        </a>

        <!-- Entregas Disponíveis (para aceite pelo motoboy) -->
        <a href="{{ route('restrito.motoboy.entregas.by_status', ['status' => 'pending_acceptance_motoboy']) }}" class="block rounded-lg overflow-hidden transition-all duration-300 hover:shadow-lg">
            <div class="bg-white shadow-md p-5 flex items-center justify-between border-l-4 border-blue-500 rounded-lg">
                <div>
                    <p class="text-sm font-medium text-gray-500">Entregas Disponíveis</p>
                    <p class="text-2xl font-bold text-gray-900 mt-1">{{ $availableDeliveriesCount ?? 0 }}</p>
                </div>
                <i class="ri-motorbike-line text-blue-500 text-4xl opacity-70"></i>
                <!--<i class="ri-time-line text-blue-500 text-4xl opacity-70"></i>-->
            </div>
        </a>

        <!-- Entregas Em Andamento (Atribuídas a este motoboy) -->
        <a href="{{ route('restrito.motoboy.entregas.by_status', ['status' => 'accepted_by_motoboy']) }}" class="block rounded-lg overflow-hidden transition-all duration-300 hover:shadow-lg">
            <div class="bg-white shadow-md p-5 flex items-center justify-between border-l-4 border-yellow-500 rounded-lg">
                <div>
                    <p class="text-sm font-medium text-gray-500">Em Andamento</p>
                    <p class="text-2xl font-bold text-gray-900 mt-1">{{ $acceptedByMotoboyCount ?? 0 }}</p>
                </div>
                <i class="ri-road-map-line text-yellow-500 text-4xl opacity-70"></i>
            </div>
        </a>

        <!-- Entregas Recusadas/Canceladas -->
        <a href="{{ route('restrito.motoboy.entregas.by_status', ['status' => 'canceled']) }}" class="block rounded-lg overflow-hidden transition-all duration-300 hover:shadow-lg">
            <div class="bg-white shadow-md p-5 flex items-center justify-between border-l-4 border-red-500 rounded-lg">
                <div>
                    <p class="text-sm font-medium text-gray-500">Recusadas/Canceladas</p>
                    <p class="text-2xl font-bold text-gray-900 mt-1">{{ $rejectedCancelledDeliveriesCount ?? 0 }}</p>
                </div>
                <i class="ri-close-circle-line text-red-500 text-4xl opacity-70"></i>
            </div>
        </a>
    </div>

    <!-- Seção da Lista Principal de Entregas (Disponíveis e Em Andamento) -->
    <div class="bg-white shadow-md p-5 mb-6 rounded-lg">
        <div class="flex items-center justify-between mb-4">
            <div>
                <h2 class="text-xl font-bold text-gray-700 flex items-center gap-2 mb-5">
                    <i class="ri-list-check text-green-500"></i> Suas Entregas (Disponíveis e Ativas)
                </h2>
            </div>
            <div class="text-xl font-bold text-red-700 flex items-center gap-2 mb-5">
                <h2>Total de Entregas: {{ $entregasDashboard->total() ?? 0 }}</h2>
            </div>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            @forelse($entregasDashboard as $entrega)
                <div @class([
                    'bg-gray-50 shadow-sm border border-gray-200 p-5 flex flex-col justify-between rounded-lg',
                    'border-l-4 border-blue-500' => $entrega->status === 'pending_acceptance_motoboy', // Disponível
                    'border-l-4 border-yellow-500' => in_array($entrega->status, ['accepted_by_motoboy', 'picked_up', 'in_transit']), // Em Andamento
                ])>
                    <div>
                        <div class="flex flex-col items-center justify-between mb-3">
                            <div class="text-center text-xl underline text-gray-500 mb-2">Cod. Pedido:</div>
                            <h3 class="text-lg font-bold text-gray-800 flex items-center gap-2 mb-2">
                                {{ optional($entrega->pedidoTroca)->codigo_troca ?? 'N/A' }}
                            </h3>
                            @php
                                $statusClasses = [
                                    'pending_acceptance_motoboy' => 'bg-blue-100 text-blue-800',
                                    'accepted_by_motoboy' => 'bg-yellow-100 text-yellow-800',
                                    'picked_up' => 'bg-orange-100 text-orange-800',
                                    'in_transit' => 'bg-purple-100 text-purple-800',
                                    'delivered' => 'bg-green-100 text-green-800',
                                    'canceled' => 'bg-red-100 text-red-800',
                                ];
                                $currentStatusClass = $statusClasses[$entrega->status] ?? 'bg-gray-200 text-gray-700';
                            @endphp
                            <span class="px-3 py-1 w-full text-center rounded-full text-md font-semibold {{ $currentStatusClass }}">
                                {{ 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-capsule-line text-gray-500"></i>
                                <span class="font-medium">Medicamento:</span>
                                <a href="{{ route('restrito.user.medicamentos.show', optional(optional($entrega->pedidoTroca)->medicamento)->slug) }}" class="text-blue-600 hover:text-blue-800 hover:underline">
                                    {{ optional(optional($entrega->pedidoTroca)->medicamento)->name ?? 'Medicamento Não Encontrado' }}
                                </a>
                            </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>
                                <span>
                                    {{ optional($entrega->enderecoOrigem)->bairro ?? 'Bairro N/A' }}
                                    @if (optional($entrega->enderecoOrigem)->cidade)
                                        , {{ $entrega->enderecoOrigem->cidade }}
                                    @endif
                                </span>
                            </p>

                            <p class="flex items-center gap-2">
                                <i class="ri-map-pin-line text-red-600"></i>
                                <span class="font-medium">Destino:</span>
                                <span>
                                    {{ optional($entrega->enderecoDestino)->bairro ?? 'Bairro N/A' }}
                                    @if (optional($entrega->enderecoDestino)->cidade)
                                        , {{ $entrega->enderecoDestino->cidade }}
                                    @endif
                                </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>

                    {{-- Ações baseadas no status da Entrega --}}
                    <div class="mt-5 text-center">
                        @if ($entrega->status === 'pending_acceptance_motoboy' && is_null($entrega->motoboy_id))
                            <form action="{{ route('restrito.motoboy.entregas.aceitar-entrega', $entrega->id) }}" method="POST" class="w-full">
                                @csrf
                                <button type="submit"
                                        class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium 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 w-full rounded-md">
                                    <i class="ri-hand-coin-line mr-2 text-2xl"></i> Aceitar Entrega
                                </button>
                            </form>
                        @elseif ($entrega->status === 'accepted_by_motoboy')
                            <a href="{{ route('restrito.motoboy.entregas.detalhes-entrega', $entrega->id) }}"
                               class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium shadow-sm text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 transition-colors duration-200 w-full rounded-md">
                                <i class="ri-pencil-line mr-2 text-2xl"></i> Gerenciar Coleta
                            </a>
                        @elseif ($entrega->status === 'picked_up')
                             <a href="{{ route('restrito.motoboy.detalhes-entrega', $entrega->id) }}"
                               class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 transition-colors duration-200 w-full rounded-md">
                                <i class="ri-road-map-line mr-2 text-2xl"></i> Gerenciar Trânsito
                            </a>
                        @elseif ($entrega->status === 'in_transit')
                            <a href="{{ route('restrito.motoboy.detalhes-entrega', $entrega->id) }}"
                               class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-colors duration-200 w-full rounded-md">
                                <i class="ri-check-double-line mr-2 text-2xl"></i> Finalizar Entrega
                            </a>
                        @else
                            <a href="{{ route('restrito.motoboy.detalhes-entrega', $entrega->id) }}"
                               class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium shadow-sm text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors duration-200 w-full rounded-md">
                                <i class="ri-information-line mr-2 text-2xl"></i> Ver Detalhes
                            </a>
                        @endif
                    </div>
                </div>
            @empty
                <div class="col-span-full bg-white shadow-sm border border-gray-200 p-5 text-center text-gray-500 rounded-lg">
                    <p class="text-lg font-medium mb-2">🎉 Nenhuma entrega disponível ou em andamento no momento!</p>
                    <p>Fique atento, novas entregas podem surgir a qualquer instante.</p>
                </div>
            @endforelse
        </div>

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

@section('scripts')
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet"/>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        // Exibir mensagens flash do Laravel com SweetAlert2
        @if(session('success'))
            Swal.fire({
                title: 'Sucesso!',
                text: '{{ session('success') }}',
                icon: 'success',
                confirmButtonColor: '#10B981', // green-500
                customClass: {
                    popup: 'shadow-xl',
                    confirmButton: 'px-5 py-2 text-base font-medium',
                }
            });
        @endif

        @if(session('error'))
            Swal.fire({
                title: 'Erro!',
                text: '{{ session('error') }}',
                icon: 'error',
                confirmButtonColor: '#EF4444', // red-500
                customClass: {
                    popup: 'shadow-xl',
                    confirmButton: 'px-5 py-2 text-base font-medium',
                }
            });
        @endif

        @if(session('info'))
            Swal.fire({
                title: 'Informação!',
                text: '{{ session('info') }}',
                icon: 'info',
                confirmButtonColor: '#3B82F6', // blue-500
                customClass: {
                    popup: 'shadow-xl',
                    confirmButton: 'px-5 py-2 text-base font-medium',
                }
            });
        @endif
    </script>
@endsection