@extends('layout.index')
@section('title', 'Yorumlar')
@section('content')
    <section class="my-10 lg:px-0 px-4" data-role="my-account">
        <div class="max-w-7xl mx-auto grid lg:gap-4 gap-10 lg:grid-cols-12 grid-cols-1">
            <div class="lg:col-span-3 col-span-1">
                <nav>
                    <ul class="flex gap-2 flex-col">
                        <li>
                            <a class="tab-button" href="{{ site('my-account') }}"> Kullanıcı Bilgilerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/address') }}" class="tab-button"> Adresim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/favorites') }}" class="tab-button"> Beğendiğim Ürünler </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/orders') }}" class="tab-button"> Siparişlerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/comments') }}" class="tab-button active"> Yorumlarım </a>
                        </li>
                        <li>
                            <a href="{{ site('auth/logout') }}" class="py-2 px-3 w-full border border-red-500 rounded-md text-red-500 transition hover:text-white hover:bg-red-500 block cursor-pointer"> Çıkış Yap </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="lg:col-span-9 col-span-1">
                <h3 class="text-lg lg:mb-8 mb-2"> Yorumlarım </h3>
                <div class="flex flex-col gap-4">
                    @if(db('comment')->where('front_user_id', session()->get('front_login'))->count() == 0)
                        Henüz yorum yapışmamış!
                    @else
                        @foreach(db('comment')->where('front_user_id', session()->get('front_login'))->get()->all() as $comment)
                            <div class="p-3 rounded-lg border border-zinc-200 flex gap-3 justify-between">
                                <img class="!w-12 min-w-12 h-12 !aspect-square flex-shrink-0" src="{{ upload('products', json_decode(db('product')->where('id', $comment->product_id)->get()->first()->images)[0])  }}" alt="">
                                <div class="flex flex-col gap-2 flex-1">
                                    <p class="text-sm">{{ $comment->comment }}</p>
                                </div>
                                <a href="{{ site('api/v2/delete-comment/' . $comment->id) }}" class="cursor-pointer hover:text-red-600 transition duration-300">
                                    <i class="icon-trash-01 text-lg"></i>
                                </a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection