@extends('admin.master')

@section('content')
<div class="container-fluid py-4">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h3 class="mb-0">Reviews List</h3>
        <a href="{{ route('admin.reviews.create') }}" class="btn btn-primary">
            Add New Review
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card shadow-sm">
        <div class="card-body table-responsive">

            <table class="table table-bordered table-hover align-middle">
                <thead class="table-dark">
                    <tr>
                        <th width="60">SL</th>
                        <th width="80">Image</th>
                        <th>Name</th>
                        <th>Star</th>
                        <th>Date</th>
                        <th>People</th>
                        <th>Review</th>
                        <th width="220">Action</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($reviews as $key => $review)
                        <tr>
                            <td>{{ $reviews->firstItem() + $key }}</td>

                            <td>
                                @if($review->user_logo)
                                    <img src="{{ asset($review->user_logo) }}" width="50" height="50" style="object-fit: cover; border-radius: 50%;">
                                @else
                                    <span>No Image</span>
                                @endif
                            </td>

                            <td>{{ $review->name }}</td>

                            <td>
                                @for($i = 1; $i <= 5; $i++)
                                    @if($i <= $review->star)
                                        <span style="color:#00856f;">★</span>
                                    @else
                                        <span style="color:#999;">☆</span>
                                    @endif
                                @endfor
                            </td>

                            <td>{{ $review->date }}</td>
                            <td>{{ $review->people }}</td>

                            <td>
                                {{ Str::limit($review->review, 60) }}
                            </td>

                            <td style="display: flex;gap: 7px;">
                                <a href="{{ route('admin.reviews.show', $review->id) }}" class="btn btn-info btn-sm">
                                    Show
                                </a>

                                <a href="{{ route('admin.reviews.edit', $review->id) }}" class="btn btn-warning btn-sm">
                                    Edit
                                </a>

                                <form action="{{ route('admin.reviews.destroy', $review->id) }}" method="POST" class="d-inline"
                                      onsubmit="return confirm('Are you sure you want to delete this review?')">
                                    @csrf
                                    @method('DELETE')

                                    <button type="submit" class="btn btn-danger btn-sm">
                                        Delete
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center">No reviews found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

            <div class="mt-3">
                {{ $reviews->links() }}
            </div>

        </div>
    </div>
</div>
@endsection