@extends('backoffice.layouts.app')

@section('content')
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
        <div class="d-block mb-4 mb-md-0">
            <nav aria-label="breadcrumb" class="d-none d-md-inline-block">
                <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}">
                            <svg class="icon icon-xxs" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                            </svg>
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Reviews</li>
                </ol>
            </nav>
            <h2 class="h4">All Reviews</h2>
        </div>
        {{-- <div class="btn-toolbar mb-2 mb-md-0">
            <form action="{{ route('admin.reviews.index') }}">
                <div class="input-group me-2 me-lg-3 fmxw-400">
                    <input type="text" name="search" class="form-control" placeholder="Search user name"
                        value="{{ $search }}">
                    <input type="submit" value="Search" class="btn btn-primary">
                </div>
            </form>
        </div> --}}
    </div>

    <div class="card card-body border-0 shadow table-wrapper table-responsive">
        <table class="table table-hover table-bordered pt-4" id="dataTablesTable">
            <thead>
                <tr>
                    <th>#</th>
                    <th>User Name</th>
                    <th>Rating</th>
                    <th>Review</th>
                    <th>Status</th>
                    <th class="text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($reviews as $index => $review)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $review->user->first_name ?? 'Guest' }} {{ $review->user->last_name ?? '' }}</td>
                        <td>
                            @for ($i = 1; $i <= 5; $i++)
                                <i class="bi {{ $i <= $review->rating ? 'bi-star-fill text-warning' : 'bi-star' }}"></i>
                            @endfor
                        </td>
                        <td>{{ \Illuminate\Support\Str::limit($review->description, 50) }}</td>
                        <td>
                            @if ($review->status)
                                <span class="badge bg-success">Active</span>
                            @else
                                <span class="badge bg-danger">Inactive</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <a href="{{ route('admin.review.toggleStatus', $review->id) }}" class="btn btn-sm btn-warning">
                                Toggle Status
                            </a>
                        </td>
                    </tr>
                @empty
                   
                @endforelse
            </tbody>
        </table>

        {{-- <div class="d-flex justify-content-between align-items-center mt-3">
            <div>
                Showing {{ $reviews->firstItem() }} to {{ $reviews->lastItem() }} of {{ $reviews->total() }} entries
            </div>
            <div>
                {{ $reviews->links() }}
            </div>
        </div> --}}
    </div>
@endsection