@extends('layouts.adminlayout')

@section('content')
    <div class="container-fluid">
        <div class="row">
            @include('admin.adminnavbar')
            <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
                <div
                    class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
                    <h1 class="h2">Manage Ratings Ads</h1>
                </div>
                <div class="card mt-4">
                    <div class="card-header table-back-color text-white">
                        <h5 class="mb-0">All Rareports</h5>
                    </div>
                    <div class="card-body">

                        @foreach ($ratings as $rating)
                            <div class="card mb-4 shadow-sm">
                                <div
                                    class="card-header d-flex justify-content-between align-items-center bg-danger text-white">
                                    <div>
                                        <strong>Rating ID:</strong> #{{ $rating->id }}
                                    </div>

                                </div>

                                <div class="card-body">
                                    <h5 class="card-title mb-3 text-primary">{{ $rating->ad->title }}</h5>

                                    <div class="mb-2">
                                        <strong>Rating By:</strong> {{ $rating->buyer->name ?? 'Deleted User' }}
                                        ({{ $rating->buyer->email ?? 'N/A' }})
                                    </div>
                                    <div class="mb-2">
                                        <strong>Ad Owner:</strong> {{ $rating->seller->name ?? 'Deleted User' }}
                                        ({{ $rating->seller->email ?? 'N/A' }})
                                    </div>

                                    <div class="mb-2">
                                        <strong>Message:</strong> {{ $rating->comment }}
                                    </div>

                                    <div class="mb-3">
                                        <strong>Rating:</strong>
                                        @for ($i = 1; $i <= 5; $i++)
                                            @if ($i <= $rating->rating)
                                                <i class="bi bi-star-fill text-warning"></i>
                                            @else
                                                <i class="bi bi-star text-warning"></i>
                                            @endif
                                        @endfor
                                    </div>


                                    <div class="mb-3">
                                        <strong>Rated on:</strong>
                                        {{ $rating->created_at->format('d M Y, h:i A') }}
                                    </div>
                                    <div class="d-flex justify-content-end gap-2">
                                        <a href="{{ route('ads.show', $rating->ad->slug) }}" class="btn btn-primary btn-sm">
                                            <i class="bi bi-eye"></i> View Ad
                                        </a>
                                        @if ($rating->seller)
                                            <a href="{{ route('ads.user.profile', $rating->seller->id) }}"
                                                class="btn btn-info btn-sm">
                                                <i class="bi bi-person-circle"></i> Ad Owner Profile
                                            </a>
                                        @endif
                                        <a href="{{ route('ads.user.profile', $rating->buyer->id) }}"
                                            class="btn btn-secondary btn-sm">
                                            <i class="bi bi-person-lines-fill"></i> Ratings Profile
                                        </a>

                                    </div>
                                </div>
                            </div>
                        @endforeach


                        <!-- Pagination if needed -->
                        {{ $ratings->links('pagination::bootstrap-5') }}

                        <!-- Success Message -->
                        @if ('success')
                            <div class="custom-alert alert-dismissible fade show d-none" id="successAlert" role="alert">
                                {{ session('success') }}
                            </div>
                        @endif
                        <div id="successAlert" class="custom-alert alert-dismissible fade show d-none" role="alert"></div>
                    </div>
            </main>
        </div>
    @endsection