@if (!empty($feeds))
    @foreach ($feeds as $key => $value)
        <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 mt-3" data-post-id = '{{ $value->id }}'>
            <div class="card custom-card">
                <div
                    class="image-container-status position-relative {{ $value->status == 'published' ? 'published_class' : 'unpublished_class' }}">
                    @if (
                        $value->mime_type == 'image/png' ||
                            $value->mime_type == 'image/jpeg' ||
                            $value->mime_type == 'image/jpg' ||
                            $value->mime_type == '' ||
                            $value->mime_type == null)
                        <a href="javascript:void(0)">
                            @php
                                $imageUrl = !empty($value->content) ? $value->content: \URL::to('images/news_feed_default_image.png');
                            @endphp
                            <img class="card-img-top" src="{{$imageUrl}}" alt="" style="height:450px">
                        </a>
                    @elseif ($value->mime_type == 'video/mp4')
                        @if(!empty($value->content) && $value->content != NULL)
                            <video controls="" style="height: 450px; width: 100%;">
                                <source
                                    src="{{!empty($value->content) ? $value->content: \URL::to('images/video-default.png')}}"
                                    type="video/mp4">
                            </video>
                        @else
                            <img class="card-img-top" src="{{\URL::to('images/video-default.png')}}" alt="" style="height:450px">
                        @endif
                    @else
                        <div class="image-container">
                            @php
                                $docImageUrl = \URL::to('images/news_feed_default_image.png');
                                if(!empty($value->content)){
                                    if($value->mime_type == 'application/pdf'){
                                        $docImageUrl = \URL::to('images/pdf-doc-default.png');
                                    }else{
                                        $docImageUrl = \URL::to('images/doc-default.png');
                                    }
                                }
                            @endphp
                            <img class="card-img-top"
                                src="{{$docImageUrl}}"
                                alt="" style="height: 450px">
                            <a class="download-button" href="{{!empty($value->content) ? $value->content : 'javascript:void(0);'}}" download><i class="fa fa-download"></i></a>
                        </div>
                    @endif
                    <div class="pe-1 mb-xl-0 position-absolute top-0 end-0 mt-2 d-flex">
                        <button type="button" style="cursor: default !important;"
                            class="btn {{ $value->status == 'published' ? 'btn-success' : 'btn-danger' }} btn-sm me-2">{{ $value->status }}</button>
                    </div>
                </div>
                <div class="card-body">
                    <a href="{{$type == 'single-detail' ? 'javascript:void(0);' : route('news-feeds.detail',["id"=>base64_encode($value->id)])}}" class="mt-4" @if($type == 'single-detail') style="cursor:default"@endif>
                        <h4 class="font-weight-semibold text-dark">{{ $value->title }}</h4>
                    </a>
                    <p class="mb-0 mt-3">{!! $value->description !!}</p>
                </div>
                <div class="card-footer p-3">
                    <div class="item7-card-desc d-sm-flex mt-0 main_btn_div">
                        <a href="javascript:void(0);" class="d-flex" style="cursor: default !important;"><span
                                class="fe fe-user text-muted me-2 tx-17"></span>
                            <div class="mt-0 mt-0  font-weight-semibold text-muted">
                                {{ isset($value->postedUser) ? $value->postedUser->first_name . ' ' . $value->postedUser->last_name : '-' }}
                            </div>
                            @if(Auth::user()->hasRole('admin') || Auth::id() == $value->user_id)
                                <div class="me-3 d-flex" style="color: white;margin-left: 1rem;">
                                    <a class="icons" href="{{route('news-feeds.edit',['id'=>$value->id])}}" title="Edit news feed"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;
                                    <a class="icons delete_news_feed" href="javascript:void(0);" data-feed-id = "{{$value->id}}" title="Delete news feed"><i class="fa fa-trash"></i></a>
                                </div>
                            @endif
                        </a>
                        @if($value->status == 'published')
                        <div class="d-flex ms-auto btn_div">
                            <a class="me-0  toggle_single_comment {{ $value->total_feed_comments_count <= 0 ? 'show_class' : 'hide_class' }}"
                                href="javascript:void(0);" data-comment-id = "{{ $value->id }}"
                                data-value="{{ $value->total_feed_comments_count }}"
                                data-feed-type="{{ $type }}"><span
                                    class="fa fa-comment text-muted me-2 tx-17"></span>
                            </a>
                            <a href="javascript:void(0);"
                                class="d-flex me-3 like_feed {{ $value->user_feed_like_count > 0 ? 'liked' : '' }}"
                                data-feed-id = "{{ $value->id }}"
                                data-user-feed-like='{{ $value->user_feed_like_count }}'><span
                                    class="fe fe-thumbs-up text-muted me-2 tx-17 {{ $value->user_feed_like_count > 0 ? 'hide_class' : '' }}"></span>
                                <span
                                    class="fa fa-thumbs-up me-2 tx-17 {{ $value->user_feed_like_count > 0 ? '' : 'hide_class' }}"></span>
                                <span data-total-likes='{{ $value->feed_like_count_count }}'
                                    class="total_likes {{ $value->feed_like_count_count > 0 ? 'show_class' : 'hide_class' }}">{{ $value->feed_like_count_count }}
                                    {{ $value->feed_like_count_count >1 ? 'Likes' : 'Like'}}</span>
                            </a>
                            <a href="javascript:void(0);" class="d-flex me-3" style="cursor: default !important;"><span
                                    class="fe fe-calendar text-muted me-2 tx-17"></span>
                                <div class="mt-0 mt-0  font-weight-semibold text-muted">
                                    {{ date('M-d-Y', strtotime($value->created_at)) }}</div>
                            </a>
                            <a class="me-0 toggle_comments {{ $value->total_feed_comments_count > 0 ? 'show_class' : 'hide_class' }}"
                                href="javascript:void(0);" data-comment-id = "{{ $value->id }}"
                                data-value="{{ $value->total_feed_comments_count }}"
                                data-feed-type="{{ $type }}"><span
                                    class="fe fe-message-square text-muted me-2 tx-17">&nbsp;<span
                                        class="font-weight-semibold text-muted tx-15">{{ $value->total_feed_comments_count }}
                                        {{ $value->total_feed_comments_count > 1 ? 'Comments' : 'Comment'}}</span></span>
                            </a>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@else
    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 mt-2">
        <p class="mb-0 mt-1" style="text-align: center">No news feed found!</p>
    </div>
@endif