@include('common/confirmation')
@foreach($topics as $post)
    <div class=" row-hover pos-relative px-3 mb-3 w-100">
        <div class="forum-item py-0">
            <div class="row  d-flex justify-content-lg-end justify-content-sm-center py-2">
                <div class="col ms-auto">
                    <img class="img-fluid img-responsive rounded-circle mr-2" src="https://i.imgur.com/qdiP4DB.jpg" width="38">
                    <span class="text-sm text-secondary fw-bold">{{$post->member->name}}</span>
                </div>
                
                @if($post->updated_at > $post->created_at )
                    <div class="col-auto">
                        <small>Last updated on {{ \App\Helpers\Helper::formatDateTime($post->updated_at);}} </small>
                    </div>
                @endif
                @if(Auth::user()->id == $post->member_id || Auth::user()->role==1)
                    <div class="col-auto">
                        <a title="Edit" post-id="{{ \App\Helpers\Helper::encriptId($post->id) }}" class="btnModalFourthLevel cursor-pointer"><span><i class="fa fa-pencil text-muted"></i></span></a>
                    </div>
                    <div class="col-auto">
                        <a title="Delete" post-id="{{ \App\Helpers\Helper::encriptId($post->id) }}" class="btn-confirm-delete-post cursor-pointer deleteFourthLevelTopics"><span><i class="fa fa-trash-o text-muted"></i></span></a>
                    </div>
                    <div class="col-auto">
                        <a title="Tag" class="text-muted tagPostBtn cursor-pointer" post-id="{{$post['id']}}" parent-id="{{$post['topic']['focus_area_id']}}">
                            <span><i class="fa fa-tag text-muted"></i></span>
                        </a>
                    </div>
                @endif
            </div>
 
            {{-- Tag items --}}
            <div class="pb-2">
                @foreach($post['postTag'] as $post_tag)
                    @if($post_tag['tag'] !== null)
                        <a href=" {{ url()->current().'?key_title='.app('request')->input('key_title').'&tag='.$post_tag['tag']['id'] }}" class="text-primary">#{{ ($post_tag['tag']) ? $post_tag['tag']['tag'] : '' }}</a>
                    @endif                
                @endforeach
            </div>
            {{-- End Tag items --}}


            {{-- <div class="forum-icon"><i class="fa fa-question-circle h1 text-primary"></i></div> --}}
            
            @if($post->is_reply == 0)
                {{-- <a  post-id="{{ $post->id }}" class="forum-sub-title mx-0 update_view_activity cursor-pointer" post-link="{{url($role.'/discussion-forum/discussions?key_title='.\App\Helpers\Helper::encriptId($post->id))}}"> --}}
                    <span  class="">{!! html_entity_decode($post['post']) !!} </span>
                {{-- </a> --}}
            @else
                <a class="forum-sub-title" >
                    <span  class="">{!! html_entity_decode($post['post']) !!} </span>
                </a>
            @endif
        </div> 
    

        @include('admin/fourthleveltopic/attachments',['attachments'=>$post['postAttachments']])
        @php $heart_cls = 'fa fa-heart text-muted'; $thump_cls = 'fa fa-thumbs-o-up text-muted' @endphp
        <div class="row">
            @if(!empty($post['postActivities']))
                @if($post['postActivities']['activity_type'] == 2 && $post['postActivities']['member_id'] == Auth::user()->id )
                    @php $heart_cls = 'fa fa-heart text-danger'; @endphp
                @endif
                @if($post['postActivities']['activity_type'] == 1 && $post['postActivities']['member_id'] == Auth::user()->id )
                    @php $thump_cls = 'fa fa-thumbs-up text-primary'; @endphp
                @endif
            @endif
        
            <div class="col-auto pr-1"><small class="text-sm text-muted"><i class="{{ $thump_cls }}"></i> {{$post->post_likes_count}}</small></div>
            <div class="col-auto  px-1"><small class="text-sm text-muted"><i class="{{ $heart_cls }}"></i> {{$post->post_loves_count}}</small></div>
            {{-- <div class="col-auto  px-1"><small class="text-sm text-muted"><i class="fa fa-comment-o text-muted"></i> {{ $post->member_post_count  }}</small></div> --}}
            <div class="col-auto  px-1"><small class="text-sm text-muted"><i class="fa fa-eye text-muted"></i> {{ $post->post_views_count  }} </small></div>
            <div class="col d-flex justify-content-end"> 
                <div class=""><i class="ion-ios-eye-outline icon-1x"></i> <small class="d-block text-sm text-muted">Posted on: {{ \App\Helpers\Helper::formatDateTime($post->created_at);}} by {{$post->member->name}}</small></div>
            </div>
        </div>
    
        <div class="d-flex align-items-end border-top border-bottom">
            <div class="col-md-12">
                <div class="row my-2">
                    {{-- Like --}}
                    <div class="col-auto">  
                        @include('discussion_forum/include/imoji')
                    </div>
                    {{-- End Like --}}
                </div>
            </div>
        </div>
        
        @if(count($post->postReplies) > 0)
        {{-- {{$post->postReplies}} --}}
            <div class="col reply-container">
                {{-- <div class="text-sm py-1">
                    <span class="cursor-pointer">
                        <svg  width="16" height="16" fill="currentColor" class="bi bi-reply" viewBox="0 0 16 16">
                            <path d="M6.598 5.013a.144.144 0 0 1 .202.134V6.3a.5.5 0 0 0 .5.5c.667 0 2.013.005 3.3.822.984.624 1.99 1.76 2.595 3.876-1.02-.983-2.185-1.516-3.205-1.799a8.74 8.74 0 0 0-1.921-.306 7.404 7.404 0 0 0-.798.008h-.013l-.005.001h-.001L7.3 9.9l-.05-.498a.5.5 0 0 0-.45.498v1.153c0 .108-.11.176-.202.134L2.614 8.254a.503.503 0 0 0-.042-.028.147.147 0 0 1 0-.252.499.499 0 0 0 .042-.028l3.984-2.933zM7.8 10.386c.068 0 .143.003.223.006.434.02 1.034.086 1.7.271 1.326.368 2.896 1.202 3.94 3.08a.5.5 0 0 0 .933-.305c-.464-3.71-1.886-5.662-3.46-6.66-1.245-.79-2.527-.942-3.336-.971v-.66a1.144 1.144 0 0 0-1.767-.96l-3.994 2.94a1.147 1.147 0 0 0 0 1.946l3.994 2.94a1.144 1.144 0 0 0 1.767-.96v-.667z"/>
                        </svg> <span class="text-secondary viewReplies" discussion-post-id="{{\App\Helpers\Helper::encriptId($post->id) }}">Replied.....</span>
                    </span>
                </div>
                <div class="col ms-auto">
                    <img class="img-fluid img-responsive rounded-circle mr-2" src="https://i.imgur.com/qdiP4DB.jpg" width="38">
                    <span class="text-sm text-secondary fw-bold">{{$post['postReplies'][0]['member']['name']}}</span>
                </div>
                {!! html_entity_decode($post['postReplies'][0]['post']) !!}
                <div class="col-auto border-bottom border-top py-2">  
                    @include('discussion_forum/include/imoji')
                </div>
                <div class="text-sm">
                    <span class="cursor-pointer">
                        <svg  width="16" height="16" fill="currentColor" class="bi bi-reply" viewBox="0 0 16 16">
                            <path d="M6.598 5.013a.144.144 0 0 1 .202.134V6.3a.5.5 0 0 0 .5.5c.667 0 2.013.005 3.3.822.984.624 1.99 1.76 2.595 3.876-1.02-.983-2.185-1.516-3.205-1.799a8.74 8.74 0 0 0-1.921-.306 7.404 7.404 0 0 0-.798.008h-.013l-.005.001h-.001L7.3 9.9l-.05-.498a.5.5 0 0 0-.45.498v1.153c0 .108-.11.176-.202.134L2.614 8.254a.503.503 0 0 0-.042-.028.147.147 0 0 1 0-.252.499.499 0 0 0 .042-.028l3.984-2.933zM7.8 10.386c.068 0 .143.003.223.006.434.02 1.034.086 1.7.271 1.326.368 2.896 1.202 3.94 3.08a.5.5 0 0 0 .933-.305c-.464-3.71-1.886-5.662-3.46-6.66-1.245-.79-2.527-.942-3.336-.971v-.66a1.144 1.144 0 0 0-1.767-.96l-3.994 2.94a1.147 1.147 0 0 0 0 1.946l3.994 2.94a1.144 1.144 0 0 0 1.767-.96v-.667z"/>
                        </svg> <span class="text-secondary viewReplies" discussion-post-id="{{\App\Helpers\Helper::encriptId($post->id) }}">View More Replies.....</span>
                    </span>
                </div> --}}
            <div style="">@include('admin/fourthleveltopic/post_reply_list',['topics'=>$post->postReplies])</div>
            </div>
        @endif
    </div>
@endforeach



<script>
    var APP_URL  = "{{ url('')}}";
    $(".btn-confirm-delete-post").on("click", function(){
            var id = $(this).attr('post-id');
            $('#modal-content').html('');
            $('#modal-content').load( APP_URL + "/discussion-forum/fourth-level/confirm-delete-post?post_id=" + id );
            $("#mi-modal").modal('show');
    });
  
    </script>