@extends('layouts.userLayouts')

@section('main')
    <div class="profile-page col-xl-9 col-lg-8 col-md-12 order-2">
        <div class="row">
            <div class="col-12">
                <h1 class="title-tab-content">نقد و نظرات</h1>
            </div>
            @if(count($comments) == 0)
            <div class="col-12">
                <div class="content-section text-center">
                    <div class="icon-empty">
                        <i class="now-ui-icons travel_info"></i>
                    </div>
                    <h1 class="text-empty">موردی برای نمایش وجود ندارد!</h1>
                </div>
            </div>
            @endif

            @foreach ($comments as $comment)
                <div class="col-lg-6 col-md-12" id="divComment{{$comment->id}}">
                    <div class="card-horizontal-product">
                        <div class="card-horizontal-product-thumb">
                            <a href="{{url('/post/'.$comment->product->code.'/'.$comment->product->url)}}">
                                <img src="{{url('/assets/post').'/'.$comment->product->image}}" alt="">
                            </a>
                            <small class="font-weight-bold">امتیاز من به محصول</small>
                            <div class="rating-stars">

                                <i class="fa fa-star @if(\App\MarkRating::where('user_id',auth()->user()->id)->where('product_id',$comment->product->id)->avg('mark') >= 1) active @endif"></i>
                                <i class="fa fa-star @if(\App\MarkRating::where('user_id',auth()->user()->id)->where('product_id',$comment->product->id)->avg('mark') >= 2) active @endif"></i>
                                <i class="fa fa-star @if(\App\MarkRating::where('user_id',auth()->user()->id)->where('product_id',$comment->product->id)->avg('mark') >= 3) active @endif"></i>
                                <i class="fa fa-star @if(\App\MarkRating::where('user_id',auth()->user()->id)->where('product_id',$comment->product->id)->avg('mark') >= 4) active @endif"></i>
                                <i class="fa fa-star @if(\App\MarkRating::where('user_id',auth()->user()->id)->where('product_id',$comment->product->id)->avg('mark') == 5) active @endif"></i>
                            </div>
                        </div>
                        <div class="card-horizontal-product-content">
                            @if($comment->status == 1)
                                <div class="label-status-comment">تایید شده</div>
                            @elseif($comment->status == 0)
                                <div class="label-status-comment" style="color: yellow">در انتظار تایید</div>
                            @else
                                <div class="label-status-comment" style="color: red">تایید نشده</div>
                            @endif

                            <div class="card-horizontal-comment-title">
                                <a href="#">
                                    <h3>{{$comment->title}}</h3>
                                </a>
                            </div>
                            <div class="card-horizontal-comment">
                                @if($comment->body != strip_tags($comment->body))
                                    {!! $comment->body !!}
                                @else
                                    <p>{{$comment->body}}</p>
                                @endif
                            </div>
                            <div class="card-horizontal-product-buttons">
                                <div class="float-right">
                            <span class="count-like">
                                <i class="fa fa-thumbs-o-up"></i>{{$comment->like()->where('type_id','like')->count()}}
                            </span>
                                    <span class="count-like">
                                <i class="fa fa-thumbs-o-down"></i>{{$comment->like()->where('type_id','dislike')->count()}}
                            </span>
                                </div>
                                <button class="btn btn-light remove-comment-item" data-id="{{$comment->id }}">حذف
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        {!! $comments->links() !!}
    </div>

    <!-- Modal -->
    <div class="modal fade" id="remove-favorite-item" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mb-3" id="exampleModalLabel">آیا این نظر حذف شود؟</h5>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--approve"
                            data-dismiss="modal">خیر
                    </button>
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--cancel remove-comment-product"
                            id="remove-button-comment" data-id="">
                        بله
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal remove-location -->
    @include('layouts.loading')
@endsection

@section('footer')
    @parent
    <script>
        $(document).on("click", ".remove-comment-item", function () {
            var CommentId = $(this).data('id');
            $('#remove-button-comment').data('id', CommentId);
            $('#remove-favorite-item').modal('show');
        });
    </script>
    <script>
        $(".remove-comment-post").click(function (e) {
            e.preventDefault();
            var ID = $('#remove-button-comment').data('id');
            $('#loading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{url('/profile/commentRemove')}}',
                type: 'POST',
                data: {
                    comment_id: ID
                },
                success: function (response) {
                    $('#remove-favorite-item').modal('hide');
                    $('#loading').hide();
                    $('#divComment' + ID).remove();
                    location.reload();
                },
                error: function (jqXHR) {
                    toastr.warning('خطایی در حین انجام عملیات رخ داد', 'اوپس...');
                    $('#loading').hide();
                }
            });
        });
    </script>
@stop