@extends('layouts.app')

@section('title', $user->name . "'s Reviews")

@section('content')
<div class="container py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3 mb-0">{{ $user->name }}'s Reviews</h1>
                @if(auth()->id() === $user->id)
                    <a href="{{ route('profile.show', $user) }}" class="btn btn-outline-secondary">
                        <i class="fas fa-arrow-left"></i> Back to Profile
                    </a>
                @endif
            </div>

            @if($reviews->isEmpty())
                <div class="card bg-dark text-white">
                    <div class="card-body text-center py-5">
                        <i class="fas fa-comment-alt fa-3x mb-3"></i>
                        <h3>No Reviews Yet</h3>
                        <p class="text-muted">This user hasn't written any reviews yet.</p>
                    </div>
                </div>
            @else
                <div class="row">
                    @foreach($reviews as $review)
                        <div class="col-md-6 mb-4">
                            <div class="card bg-dark text-white h-100">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-start mb-3">
                                        <h5 class="card-title mb-0">
                                            <a href="{{ route('games.show', $review->game) }}" class="text-white text-decoration-none">
                                                {{ $review->game->title }}
                                            </a>
                                        </h5>
                                        <div class="d-flex align-items-center">
                                            <span class="badge bg-primary me-2">
                                                <i class="fas fa-star"></i> {{ $review->rating }}/10
                                            </span>
                                            @if($review->recommended)
                                                <span class="badge bg-success">
                                                    <i class="fas fa-thumbs-up"></i> Recommended
                                                </span>
                                            @else
                                                <span class="badge bg-danger">
                                                    <i class="fas fa-thumbs-down"></i> Not Recommended
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <p class="card-text text-muted">
                                        <small>
                                            <i class="far fa-clock"></i> {{ $review->created_at->diffForHumans() }}
                                        </small>
                                    </p>
                                    <p class="card-text">{{ Str::limit($review->content, 200) }}</p>
                                    <a href="{{ route('reviews.show', $review) }}" class="btn btn-outline-primary">
                                        Read Full Review
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                <div class="d-flex justify-content-center mt-4">
                    {{ $reviews->links() }}
                </div>
            @endif
        </div>
    </div>
</div>
@endsection