@extends('dashboard.layouts.master')
@section('title', 'Product Review Details')
@section('content')
<div class="row mb-4">
    <div class="col-md12">
        <h2 class="mb-0">Product Review Details</h2>
    </div>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title mb-0">Review by 
            {{ $product_review->reviewer_name ?? $product_review->user->name ?? 'N/A' }} on {{$product_review->product->title ?? ''}} 
        </h5>
        <a href="{{ route('dashboard.productReviews.index') }}" class="btn btn-secondary btn-sm">Back to List</a>
    </div>
    <div class="card-body">
        <div class="row mb-3">
            <div class="col-md-4">
                @if($product_review->reviewer_image)
                    <img src="{{ asset('storage/' . $product_review->reviewer_image) }}" alt="Reviewer Image" class="img-thumbnail" style="max-height: 250px;">
                @elseif($product_review->user->avatar)
                    <img src="{{ asset('storage/' . $product_review->user->avatar) }}" alt="Reviewer Image" class="img-thumbnail" style="max-height: 250px;">
                @else
                    <span>No Image</span>
                @endif
            </div>
            <div class="col-md-8">
                <strong>Product Name:</strong><br>
                <span>{{ $product_review->product->title ?? 'N/A' }}</span><br><br>
                <strong>Status:</strong>
                <span class="badge {{ $product_review->status ? 'bg-success' : 'bg-danger' }}">
                    {{ $product_review->status ? 'Active' : 'Inactive' }}
                </span><br><br>
                <strong>Rating:</strong>
                <span>{{ $product_review->rating }}</span><br><br>
                <strong>Reviewer Name:</strong>
                <span>{{ $product_review->reviewer_name ?? $product_review->user->name ?? 'N/A' }}</span>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-md-12">
                <strong>Review:</strong>
                <p>{!! $product_review->description ?? 'N/A' !!}</p>
            </div>
        </div>
        <hr>
        <div class="row mb-3">
            <div class="col-md-12">
                <strong>Review Images:</strong>
                @php
                    $images = $product_review->images ? explode(',', $product_review->images) : [];
                @endphp

                @if(count($images))
                    <div class="d-flex flex-wrap gap-2 mt-2">
                        @foreach($images as $image)
                            <img src="{{ asset('storage/' . $image) }}" alt="Review Image" class="img-thumbnail" style="height: 120px;">
                        @endforeach
                    </div>
                @else
                    <p>No images uploaded.</p>
                @endif
            </div>
        </div>
    </div>
    <div class="card-footer text-end">
        <a href="{{ route('dashboard.productReviews.edit', $product_review->id) }}" class="btn btn-warning">
            <i class="bi bi-pencil-square"></i> Edit
        </a>
        <a href="{{ route('dashboard.productReviews.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Back
        </a>
    </div>
</div>
@endsection