@extends('layouts.site')

@section('content')
    <div class="flex flex-col md:flex-row justify-between items-center my-2 mt-6 p-4 bg-white border-2 border-gray-700 shadow-md">
        <h1 class="text-2xl font-bold text-gray-800">{{$title}}</h1>

        <div class="flex flex-col md:flex-row gap-2 mt-4 md:mt-0">
            <div class="flex gap-2">
                <label class="font-bold">Usuário:</label>
                <span class="text-gray-700">{{ auth()->user()->name }}</span>
            </div>
            <div class="flex gap-2">
                <label class="font-bold">Perfil:</label>
                <span class="text-gray-700">
                    {{ auth()->user()->roles()->first()->name ?? 'Sem perfil' }}
                </span>
            </div>

        </div>
    </div>

    <!-- Mensagem de Sucesso -->
    @if(session('success'))
        <div class="my-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 relative mb-4">
            <strong class="font-bold">Sucesso!</strong>
            <span class="block sm:inline">{{ session('success') }}</span>
        </div>
    @endif

    <!-- Mensagem de Erro -->
    @if($errors->any())
        <div class="my-4 bg-red-100 border border-red-400 text-red-700 px-4 py-3 relative mb-4">
            <strong class="font-bold">Erro!</strong>
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="container mx-auto py-6">

        <!-- Cabeçalho -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-6">
            <div class="flex flex-col md:flex-row md:items-center md:justify-between">
                <h1 class="text-2xl font-bold text-gray-800 mb-4 md:mb-0">
                    Avaliações recebidas por {{ $user->name }}
                </h1>

                <div class="flex items-center">
                    <span class="text-2xl font-bold mr-2">
                        {{ number_format($user->avaliacoesRecebidas->avg('nota'), 1) }}
                    </span>
                    <div class="text-yellow-400 text-xl">
                        @for($i = 1; $i <= 5; $i++)
                            <i class="fas fa-star {{ $i <= round($user->avaliacoesRecebidas->avg('nota')) ? 'text-yellow-400' : 'text-gray-300' }}"></i>
                        @endfor
                    </div>
                    <span class="text-sm text-gray-600 ml-2">
                        ({{ $user->avaliacoesRecebidas->count() }} avaliações)
                    </span>
                </div>
            </div>
        </div>

        <!-- Lista de Avaliações -->
        <div class="space-y-4">
            @forelse($avaliacoes as $avaliacao)
            <div class="bg-white rounded-lg shadow-md p-6">
                <div class="flex justify-between items-start mb-2">
                    <div class="flex items-center">
                        <div class="w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center overflow-hidden mr-3">
                            @if($avaliacao->avaliador->profile_photo_path)
                                <img src="{{ asset('storage/' . $avaliacao->avaliador->profile_photo_path) }}" alt="Foto" class="w-full h-full object-cover">
                            @else
                                <span class="text-gray-600">{{ substr($avaliacao->avaliador->name, 0, 1) }}</span>
                            @endif
                        </div>
                        <div>
                            <h3 class="font-semibold">{{ $avaliacao->avaliador->name }}</h3>
                            <p class="text-sm text-gray-600">
                                @switch($avaliacao->tipo)
                                    @case('dono_para_requerente')
                                        Dono do medicamento
                                        @break
                                    @case('requerente_para_dono')
                                        Requerente
                                        @break
                                    @case('motoboy_para_dono')
                                        Motoboy → Dono
                                        @break
                                    @case('dono_para_motoboy')
                                        Dono → Motoboy
                                        @break
                                    @default
                                        Participante
                                @endswitch
                            </p>
                        </div>
                    </div>
                    <div class="text-yellow-400">
                        @for($i = 1; $i <= $avaliacao->nota; $i++)
                            <i class="fas fa-star"></i>
                        @endfor
                    </div>
                </div>

                @if($avaliacao->pedidoTroca)
                <div class="mb-3">
                    <a href="{{ route('pedidos.show', $avaliacao->pedidoTroca->codigo_troca) }}" class="text-sm text-blue-500 hover:underline">
                        Troca #{{ $avaliacao->pedidoTroca->codigo_troca }}
                    </a>
                </div>
                @endif

                @if($avaliacao->comentario)
                <div class="bg-gray-50 p-4 rounded-lg">
                    <p class="text-gray-700">"{{ $avaliacao->comentario }}"</p>
                </div>
                @endif

                <div class="mt-3 text-xs text-gray-500">
                    {{ $avaliacao->created_at->format('d/m/Y H:i') }}
                </div>
            </div>
            @empty
            <div class="bg-white rounded-lg shadow-md p-6 text-center text-gray-500">
                Este usuário ainda não recebeu avaliações.
            </div>
            @endforelse
        </div>

        <!-- Paginação -->
        @if($avaliacoes->hasPages())
        <div class="mt-6">
            {{ $avaliacoes->links() }}
        </div>
        @endif
    </div>

@endsection