@extends('admin.layout.index')
@section('title', 'Yorumlar')
@section('content')
    <div class="flex items-center justify-end mb-4 gap-4">
        <a href="{{ site('admin/comments/not-verified') }}" class="border border-blue-300 bg-blue-50 hover:bg-blue-200 px-4 py-2 rounded-md">
            Onay Bekleyen Yorumlar
        </a>
        <a href="{{ site('admin/comments/verified') }}" class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md">
            Onaylanan Yorumlar
        </a>
    </div>
    <section class="relative overflow-x-auto border border-gray-100 sm:rounded-lg">
        <table class="w-full text-sm text-left text-gray-500">
            <thead class="text-xs text-gray-700 uppercase bg-gray-200/20">
            <tr>
                <th scope="col" class="px-6 py-3">
                    Sıra
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Müşteri
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Ürün
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Yorum
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <div class="flex items-center">
                        Durum
                    </div>
                </th>
                <th scope="col" class="px-6 py-3">
                    <span class="sr-only">Edit</span>
                </th>
            </tr>
            </thead>
            <tbody>
            @foreach($data as $key => $comment)
                <tr class="bg-white border-b border-b-gray-100 last:border-b-transparent">
                    <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
                        {{ $key + 1 }}
                    </th>
                    <td class="px-6 py-4">
                        {{ db('front_user')->where('id', $comment->front_user_id)->get()->first()->name . ' ' . db('front_user')->where('id', $comment->front_user_id)->get()->first()->surname }}
                    </td>
                    <td class="px-6 py-4">
                        <a class="flex items-center" href="{{ site('product/' . \app\Models\Product::where('id', $comment->product_id)->get()->first()->slug) }}" target="_blank">
                            <img class="w-[100px]" src="{{ upload('products', json_decode(\app\Models\Product::where('id', $comment->product_id)->get()->first()->images)[0]) }}" alt="">
                        </a>
                    </td>
                    <td class="px-6 py-4">
                        <p class="max-w-[500px] w-full">
                            {{ $comment->comment }}
                        </p>
                    </td>
                    <td class="px-6 py-4">
                        <div class="flex items-center justify-center">
                            @if($comment->status == '0')
                                <span class="bg-blue-100 border border-blue-300 px-3 py-0.5 rounded-full text-blue-600 inline-flex items-center justify-center gap-2">
                                    <i class="icon-clock"></i>
                                    <span>Onay Bekliyor</span>
                                </span>
                            @else
                                <span class="bg-green-100 border border-green-300 px-3 py-0.5 rounded-full text-green-600 inline-flex items-center justify-center gap-2">
                                    <i class="icon-check-verified-02"></i>
                                    <span>Onaylı</span>
                                </span>
                            @endif
                        </div>
                    </td>
                    <td class="px-6 py-4 text-right gap-2 h-full flex items-center justify-end">
                        @if($comment->status == '0')
                            <a href="{{ site('admin/comments/not-verified/verify/' . $comment->id) }}"
                               class="font-medium text-blue-600 hover:underline px-3 py-0.5 rounded bg-blue-50 border border-blue-100">
                                Onayla
                            </a>
                        @else
                            <a href="{{ site('admin/comments/verified/no-verify/' . $comment->id) }}"
                               class="font-medium text-blue-600 hover:underline px-3 py-0.5 rounded bg-blue-50 border border-blue-100">
                                Onayı Geri Çek
                            </a>
                        @endif
                        <a data-href="{{ site('admin/comments/delete/' . $comment->id) }}"
                           class="font-medium text-rose-600 hover:underline px-3 py-0.5 rounded bg-rose-50 border border-rose-100">
                            Sil
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </section>
@endsection