@extends('layouts.home')

@section('main')
    <main class="main-content">

        <!-- Portfolio Details Area -->
        <div class="tm-section portfolio-details-area bg-white tm-padding-section">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-5">
                        <div class="tm-portfoliodetails-info">
                            <ul>
                                <li><h2><b>عنوان :</b>{{$row->title}}</li>
                                </h1>
                                <li><b>نویسنده :</b>{{$row->name}}</li>
                                <li><b>نقش :</b>{{$row->role}}</li>
                                <li><b>تاریخ ارسال :</b></li>
                                <span style="color: #0d8d2d">{{$row->created_at->toDateString()}} </span>
                                <div style="text-align: center">
                                    <a href="/question/create" class="btn btn-warning" style="text-align: center"><h4
                                                style="text-align: center;color: black"><span style="color: red"> کلیک کن </span>
                                            بحث خودت رو ایجاد کن.</h4></a>
                                </div>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-7">
                        <div class="tm-portfoliodetails-description">
                            <div class="d-flex flex-row">
                                <div class="p-2">
                                    <h3>بحث</h3>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-body">

                                    <p>
                                        {!! $row->description !!}
                                    </p>
                                </div>

                            </div>
                            <!-- tm-blog Comments -->
                            <div class="tm-blog-comments mt-50">
                                <h4 class="small-title">نظرات ({{$commentcount}})</h4>
                                @if(\Illuminate\Support\Facades\Auth::check())

                                    @if (auth()->user()->level == 'admin')
                                        <h6 class="small-title" style="color: red">نظرات تایید نشده ({{$nocount}})</h6>
                                    @endif
                                @endif

                                <div class="tm-comment-wrapper">

                                    @foreach($comments as $comment)
                                        @if($comment->status==0)
                                            <div class="card" style="background-color: #A6ACAF">
                                                <span style="padding-top: 2px;text-align: left;color: #A93226">منتظر تایید</span>
                                                @else
                                                    <div class="card">
                                                        @endif
                                                        <div class="card-body">


                                                            <!-- Comment Single -->
                                                            <div class="tm-comment">
                                                                <div class="tm-comment-thumb">

                                                                    {{--<h4><span style="color: #b91d19;">کامنت:</span></h4>--}}
                                                                    @if(\Illuminate\Support\Facades\Auth::check())

                                                                        @if (auth()->user()->level == 'admin')
                                                                            <input style="text-align: center"
                                                                                   type="checkbox"
                                                                                   class="form-check-input"
                                                                                   id="comment{{$comment->id}}"
                                                                                   {{ $comment->status ? 'checked' : '' }} onclick="toggless('{{$comment->id}}',this) ">
                                                                            <label
                                                                                    for="comment{{$comment->id}}">تایید
                                                                            </label>
                                                                        @endif
                                                                    @endif
                                                                    <img
                                                                            class="rounded-circle" width="60px"
                                                                            src="/assets/profile/avatar.png"
                                                                            alt="...">
                                                                </div>
                                                                {{--<div class="tm-comment-content">--}}
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <h6 class="tm-comment-authorname"><a
                                                                                    style="color: black"
                                                                                    href="#">نظر{{$comment->name}}
                                                                                :</a>
                                                                        </h6>

                                                                    </div>
                                                                    {{--</div>--}}

                                                                    <div class="col-md-12">
                                                                        <span class="tm-comment-date"> {!!   $comment->created_at->toDateString()!!}</span>
                                                                    </div>
                                                                    <div class="col-md-12">

                                                                        <p>
                                                                            {{$comment->body}}


                                                                        </p>
                                                                    </div>
                                                                    <div class="col-md-12">

                                                                        <button type="button"
                                                                                class="btn btn-primary btn-rounded btn-sm"
                                                                                data-toggle="modal"
                                                                                data-target="#exampleModal{{$comment->id}}">
                                                                            پاسخ <i class="fa fa-reply-all"></i>
                                                                        </button>


                                                                    </div>
                                                                </div>
                                                            </div>