@extends('layouts.default1400-profile', ['title' => 'نظرات من'])

@section('content')

<div class="p-8">


	@if(count($data)==0)
	<div class="alert alert-info" role="alert">
		اطلاعاتی برای نمایش دادن وجود ندارد.
	</div>
	@else
	<div class="overflow-x-auto">
		<table class="table w-full table-zebra text-sm">
			<tr>
				<th style="border-top: none;">تاریخ</th>
				<th class="product-thumbnail" style="border-top: none;"></th>
				<th style="border-top: none;">محصول</th>
				<th style="border-top: none;">عنوان نقد</th>
				<th style="border-top: none;">وضعیت</th>
				<th style="border-top: none;"></th>
			</tr>

			@foreach($data as $item)
			<tr>
				<td style="direction:ltr;text-align:right;">{{ GetShamsiDateWithoutTime($item->created_at) }}</td>
				<td class="product-thumbnail" style="    border-top: 1px solid #eceeef;">
					<a href="/product/{{ $item->Product->id }}/{{ $item->Product->link }}">
						<img width="100" alt="" class="rounded-md"
							src="/img/product/thumbnail/{{ $item->Product->image }}">
					</a>
				</td>
				<td style="max-width: 300px;"><a href="/product/{{ $item->product->id }}/{{ $item->product->title }}">{{
						$item->product->title }}</a></td>
				<td>{{ $item->subject }}</td>
				<td>
					@if($item->status == 0)
					جدید/منتظر تایید
					@elseif($item->status == 1)
					تایید
					@elseif($item->status == 2)
					منتظر تایید
					@endif
				</td>
				<td>
					<input type="hidden" id="commentText-{{ $item->id }}" value="{{ $item->commentText }}">
					<a class="btn btn-primary edit-comment" data-id="{{ $item->id }}" href="#">ویرایش</a>
					<a class="btn btn-error del-comment" href="#" data-id="{{ $item->id }}">حذف</a>

				</td>
			</tr>
			@endforeach
		</table>
	</div>
	<div style="text-align: center;">
		{!! $data->render(); !!}
	</div>

	@endif


</div>

<!-- Modal -->
<div class="hidden">
	<form method="post" action="/profile/comments/update" id="editForm" class="p-6">
		@csrf
		<input type="hidden" name="id" id="comment_id" value="0" />

		<div class="col-md-12">
			<div class="form-control">
				<label for="title">متن </label>
				<textarea name="commentText" id="title" class="textarea textarea-bordered"></textarea>
				{!! $errors->first('title', '<span class="error">:message</span>') !!}
				<span class="error" id="span_title"></span>
			</div>

		</div>

		<div class="mt-6">

			<input type="submit" class="btn btn-primary" id="modal_address_submit" value="تایید" />
		</div>
	</form>
</div>

@stop

@section('scripts')
<script src="/js/profile-comments.js" type="text/javascript"></script>
@stop