@php
  function comp_numb($input){
    $input = number_format($input);
    $input_count = substr_count($input, ',');
    $arr = array(1=>'K','M','B','T');
    if(isset($arr[(int)$input_count]))      
       return substr($input,0,(-1*$input_count)*4).$arr[(int)$input_count];
    else return $input;

  }
@endphp

@if(count($fanzpost)) 
 @foreach($fanzpost as $key=>$item)   
  <div class="central-meta item">
     <div class="user-post">
        <div class="friend-info">
          @php 
          	$getuserdata = DB::table('users')->where('id',$item->created_by)->first(); 
          	
          	$profileimg = url('/').'/assets/images/usrbig.jpg';

            if(is_array($getuserdata) && count($getuserdata)>0) {
  			      if($getuserdata->profile_picture) {
              	$profileimg = url('/')."/uploads/members/".$getuserdata->profile_picture;
              }

              if($getuserdata->sm!='') {
                  $profileimg = $getuserdata->profile_picture;
              } 
            }
          @endphp

           <figure>
              <img src="{{$profileimg}}" alt="">
           </figure>

           <div class="friend-name">
              @if(Auth::check())
                <div class="more">
                   <div class="more-post-optns"><i class="ti-more-alt"></i>
                      <ul>
                        @if($item->created_by == Auth::user()->id)
                         <li onclick="openEdit('{{$item->id}}')"><i class="fa fa-pencil-square-o"></i>Edit Post</li>
                         <li onclick="deleteConfirm('{{$item->id}}','delete')"><i class="fa fa-trash-o"></i>Delete Post</li>
                         @endif
                         <li class="bad-report" onclick="reportConfirm('{{$item->id}}','report')"><i class="fa fa-flag"></i>Report Post</li>
                      </ul>
                   </div>
                </div>
              @endif
              
              <ins><a href="{{url('/')}}/user/profile/{{$getuserdata->id}}" title="">{{isset($getuserdata->name)?$getuserdata->name:''}}</a>@if($item->feeling_name && $item->feeling_class) <span style="color: #999;">is {{$item->feeling_name}} <i class="em {{$item->feeling_class}}"></i></span> @endif </ins>
              <span>published: 
              	@if($item->updated_at)
                {{ date("F, d Y h:i A",strtotime($item->updated_at))}}
                @else
                {{ date("F, d Y h:i A",strtotime($item->created_at))}}
                @endif
              </span>
           </div>
           <div class="post-meta">
              <div class="description">
                 <p>{{$item->post_name}}</p>
            @php 
		          	$postimages = DB::table('post_images')->where('post_id',$item->id)->get(); 
		        @endphp

            @if(count($postimages)==1 && $item->post_type=='image') 
              <figure>
                 <div class="img-bunch">
                  @foreach($postimages as $k=>$itm) 
                    @if($itm->image_name)
                    <figure>                          
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" class="img-responsive" alt="">
                       </a>
                    </figure>
                    @endif 
                  @endforeach
                 </div> 
              </figure>
            @endif

            @if(count($postimages)==2 && $item->post_type=='image')
            <figure>
                <div class="img-bunch col-lg-6 col-md-6 col-sm-6">
                    <figure>                          
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $postimages[0]->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $postimages[0]->image_name }}" class="img-responsive" alt="">
                       </a>
                    </figure>
                </div>
                <div class="img-bunch col-lg-6 col-md-6 col-sm-6">
                    <figure>
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $postimages[1]->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $postimages[1]->image_name }}" class="img-responsive" alt="">
                       </a>   
                    </figure>                      
                </div> 
              </figure>
            @endif

            @if(count($postimages)==3) 
            <figure>
                <div class="img-bunch col-lg-6 col-md-6 col-sm-6">
                    <figure>                          
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $postimages[0]->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $postimages[0]->image_name }}" class="img-responsive" alt="">
                       </a>
                    </figure>
                  </div>
                  <div class="img-bunch col-lg-6 col-md-6 col-sm-6">
                    <figure>
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $postimages[1]->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $postimages[1]->image_name }}" class="img-responsive" alt="">
                       </a>   
                    </figure>                      
                  </div>
                 <div class="img-bunch col-lg-12 col-md-12 col-sm-12">
                    <figure>
                       <a href="{{url('/')}}/uploads/fanpost_images/{{ $postimages[2]->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                       <img src="{{url('/')}}/uploads/fanpost_images/{{ $postimages[2]->image_name }}" class="img-responsive" alt="">
                       </a>
                    </figure>
                 </div>
            </figure>
            @endif

          
		          @if(count($postimages)>=4 && $item->post_type=='image') 
                <figure>
                  	@foreach($postimages as $k=>$itm)
                      <div class="img-bunch col-lg-6 col-md-6 col-sm-6"  @if($k>3) style="display: none !important;"  @endif>
                          <figure>                          
                             <a href="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" title="" data-fancybox="mygallery{{ $item->id }}">
                             <img src="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" alt="" class="img-responsive" style="height: 200px;">
                             </a>
                             @if(count($postimages)>4)
                             @if($k==3)
                             <div class="more-photos">
                                <span>+{{count($postimages) - 4}}</span>
                             </div>
                             @endif
                             @endif
                          </figure>
                      </div>  
                   @endforeach
                </figure>
              @endif

                @if(count($postimages) && $item->post_type=='video') 
                	@foreach($postimages as $k=>$itm)  
	                	<br><video style="width: 100%" controls>
        						  <source src="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" type="video/mp4">
        						  Your browser does not support the video tag.
        						</video>
        					@endforeach
                @endif
                
                 @if(count($postimages) && $item->post_type=='audio') 
                	@foreach($postimages as $k=>$itm)  
	                	<br><audio style="width: 100%" controls>
        						  <source src="{{url('/')}}/uploads/fanpost_images/{{ $itm->image_name }}" type="audio/mp3">
        						  Your browser does not support the video tag.
        						</audio>
        					@endforeach
                @endif

              </div>
              <div class="we-video-info">
                 <ul>
                    <!--<li>
                       <span class="views" title="views">
                          <i class="fa fa-eye"></i>
                          <ins>1.2k</ins>
                       </span>
                    </li>-->
                    <li>
                    	<span class="views" title="views">
                    		@php
			                    $isLiked = 0;
			                    if(Auth::check()) {
			                      $isLiked=DB::table('voting')->where("postid",$item->id)->where("vtype",'post')->where("user_id",Auth::user()->id)->count();
			                    }
			                  @endphp

			                  @if($isLiked==0) 
			                    <a href="javascript:void(0);" class="like-button" id="fanpost{{$item->id}}" onclick="votingSystem(this.id,'post','{{$item->id}}')">
			                       <i class="material-icons not-liked bouncy" style="font-size: 21px;">favorite</i>
			                       <i class="material-icons is-liked bouncy" style="font-size: 21px;">favorite</i>
			                    </a>
			                  @else
			                    <a href="javascript:void(0);" class="like-button" id="fanpost{{$item->id}}" onclick="votingSystem(this.id,'post','{{$item->id}}')"><i class="material-icons" style="color: #e87b9d; font-size: 21px;">favorite</i></a>
			                  @endif
							         <ins id="postlikecount{{$item->id}}" style="left:25px; top:-15px;"> {{comp_numb($item->post_likes)}}</ins></span>           
                    </li>
                    <li>
                       <span class="comment" title="Comments">
                          <i class="fa fa-commenting"></i>
                          <ins id="commentCount{{$item->id}}">{{comp_numb(DB::table('post_comments')->where('post_id',$item->id)->limit('2')->count())}}</ins>
                       </span>
                    </li>
                    @php
                      $shareUrl = url('/');
                    @endphp

                    <li>
                       <span>
                          <a href="javascript:void(0);" data-container="body" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="right" data-content="<i class='fab fa-facebook mr-2 fb-share' style='color:#3d6ad6' onclick='fbshare({{$item->id}})'></i><i class='fab fa-twitter mr-2 twitter-share' style='color:#00acee' onclick='twittershare({{$item->id}})'></i><i class='fab fa-instagram mr-2 insta-share' onclick='instashare({{$item->id}})' style='color:#dd2a7b'></i><i class='fa fa-whatsapp' onclick='watsppshare({{$item->id}})' style='color:#075e54'></i>">
                             <i class="fa fa-share-alt"></i>
                          </a>
                          
                          <ins id="sharecount{{$item->id}}">{{$item->share_count}}</ins>
                       </span>  
                    </li>

                    <!-- <li>
                       <span>
                       		<div class="more">
				                 <div class="more-post-optns"><i class="fa fa-share-alt"></i>
				                    <ul>
                                <li><a href="#" class="social-button" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u={{$shareUrl}}','name','width=600,height=400')"><span class="fa fa-facebook-official"></span> Facebook</a></li>

				                        <li><a href="#" class="social-button" target="popup" onclick="window.open('https://twitter.com/intent/tweet?text={{$item->post_name}}&amp;url={{$shareUrl}}','name','width=600,height=400')" id=""><span class="fa fa-twitter"></span> Twitter</a></li>

				                        <li><a href="#" class="social-button" target="popup" onclick="window.open('https://www.instagram.com/?u={{$shareUrl}}','name','width=600,height=400')" id=""><span class="fa fa-instagram"></span> s</a></li>

				                        <li><a href="#" class="social-button" target="popup" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&amp;url={{$shareUrl}}&amp;title={{$item->post_name}}&amp;summary={{$item->post_name}}','name','width=600,height=400')" id=""><span class="fa fa-linkedin"></span> Linkedin</a></li>

				                        <li><a href="#" class="social-button" target="popup" onclick="window.open('https://wa.me/?text={{$shareUrl}}','name','width=600,height=400')"><span class="fa fa-whatsapp"></span> Whatsapp</a></li>  
				                    </ul>
				                 </div>
				              </div>
                          <ins>0</ins>
                       </span>	
                    </li> -->
                 </ul>
                 <div class="users-thumb-list">
              @php 
		          	$postimages = DB::table('voting')->where('postid',$item->id)->where('vtype','post')->get(); 
		          	$isloggeduserLiked = 0;

		            if(Auth::check()) {  	
		            	$isloggeduserLiked = DB::table('voting')->where('postid',$item->id)->where('vtype','post')->where('user_id', Auth::user()->id)->count(); 
		            }
		          @endphp

		        @if(count($postimages)>0) 
		        	@php $i = 1; $likedusersname = ''; @endphp
                	@foreach($postimages as $k=>$itm)  

                	@php 
			          	$getuserdetails = DB::table('users')->where('id',$itm->user_id)->first(); 
			          	$profileimg = url('/').'/assets/images/usrbig.jpg';

                  if(is_array($getuserdetails) && count($getuserdetails)>0) {
  			            if($getuserdetails->profile_picture) { 
                      $profileimg = url('/')."/uploads/members/".$getuserdetails->profile_picture; }
  			            if($getuserdetails->sm!='') {
  			                $profileimg = $getuserdetails->profile_picture;
  			            } 

  			            if($getuserdetails->name && $likedusersname=='') { $likedusersname = $likedusersname.$getuserdetails->name; }
                  }
			        @endphp

                	@php $i++; @endphp
                    <a data-toggle="tooltip" href="javascript:void(0);">
                       <img alt="" src="{{$profileimg}}" style="width: 5vh; height: 5vh;">  
                    </a>
                    @php if($i>7) { break; } @endphp
                    @endforeach

                    <span>@if($isloggeduserLiked!=0) <strong>You</strong>and , @endif <b>{{$likedusersname}}</b>  <a href="javascript:void(0);" title="">{{count($postimages)}} 
                    @if(count($postimages)>7) + more @endif</a> liked</span>
                @endif
                 </div>
              </div>
           </div>
           <div class="coment-area" style="">
           	@php 
	          	$postcomments = DB::table('post_comments')->where('post_id',$item->id)->limit('2')->get();
	          	$cmd_lastid = 0; 
	        @endphp
	       
              <ul class="we-comet">
              	
              	@if(count($postcomments)>0) 
					@foreach($postcomments as $c => $cmd_item) 
						@php 
					      	$getuserinfo = DB::table('users')->where('id',$cmd_item->created_by)->first(); 
					      	$profileimg = url('/').'/assets/images/usrbig.jpg';

                  if(is_array($getuserinfo) && count($getuserinfo)>0) {
			            	if($getuserinfo->profile_picture) {
						         $profileimg = url('/')."/uploads/members/".$getuserinfo->profile_picture;
						        }
					           if($getuserinfo->sm!='') {
					            $profileimg = $getuserinfo->profile_picture;
					           } 
                }
					    @endphp
				    <li>
				        <div class="comet-avatar">
				           <img src="{{$profileimg}}" alt="">
				        </div>
				        <div class="we-comment">
				           <h5><a href="#" title="">{{isset($getuserinfo->name)?$getuserinfo->name:''}}</a></h5>
				           <p>{{$cmd_item->comments}}</p>
				           	@php 
					          	$commentimages = DB::table('comments_images')->where('comment_id',$cmd_item->id)->get(); 
					        @endphp

					        <!-- @if(count($commentimages)>0) 
				            	@foreach($commentimages as $ci => $ci_itm) 
				                    <a href="javascript:void(0);" title="" data-toggle="modal" data-target="#img-comt">
				                     	@if($ci_itm->image_name)
							            	<img src="{{url('/')}}/uploads/comments_image/{{ $ci_itm->image_name }}" alt="">
							         	@endif 
				                    </a>
				                 @endforeach
				            @endif -->

				           <div class="inline-itms">
				              <span>{{ \Carbon\Carbon::parse($cmd_item->created_at)->diffForHumans() }}</span>
				              <!-- <a class="we-reply" href="javascript:void(0);" title="Reply"><i class="fa fa-reply"></i></a> -->
				             
				              @php
				                $isLiked = 0;
				                if(Auth::check()) {
				                  $isLiked=DB::table('voting')->where("postid",$cmd_item->id)->where("vtype",'comments')->where("user_id",Auth::user()->id)->count();
				                }
				              @endphp

				              @if($isLiked==0) 
				                <a href="javascript:void(0);" class="like-button" style="height: 28px;" id="comments{{$cmd_item->id}}" onclick="votingSystem(this.id,'comments','{{$cmd_item->id}}')">
				                   <i class="material-icons not-liked bouncy" style="font-size: 16px; position: relative;top: 4px;">favorite</i>
				                   <i class="material-icons is-liked bouncy" style="font-size: 16px; position: relative;top: 4px;">favorite</i>

				                   <span id="commentcount{{$cmd_item->id}}">{{comp_numb($cmd_item->likes)}}</span>
				                 </a>
				              @else
				                <a href="javascript:void(0);" class="like-button" style="height: 17px;" id="comments{{$cmd_item->id}}" onclick="votingSystem(this.id,'comments','{{$cmd_item->id}}')"><i class="material-icons" style="color: #e87b9d; font-size: 16px; position: relative;top: 4px;">favorite</i> <span id="commentcount{{$cmd_item->id}}">{{comp_numb($cmd_item->likes)}}</span></a>
				              @endif

				           </div>
				        </div>
				    </li>
				    @php 
				    	$cmd_lastid = $cmd_item->id; 
				    @endphp
				@endforeach
					
					@if(count($postcomments)>1) 
					    <input type="hidden" id="cmd_limitval{{$item->id}}" value="2">
					 	<li id="showmorecmd{{$item->id}}">
					    	<a href="javascript:void(0);" title="" id="showmore{{$item->id}}" onclick="showmoreFun('{{$item->id}}','{{isset($cmdlastid)?$cmdlastid:$cmd_lastid}}')" class="showmore underline"> <span id="loader{{$item->id}}" class="text-center">more comments+</span> </a>
					 	</li>
					@endif
				@endif

				@if(count($postcomments)==0) <li id="showmorecmd{{$item->id}}"></li> @endif

                <li class="post-comment">
                	@if(Auth::check())
                	@php 
			          	$loginuserdata = DB::table('users')->where('id',Auth::user()->id)->first(); 
			            
			            $profileimg = url('/').'/assets/images/usrbig.jpg';

                  if(is_array($loginuserdata) && count($loginuserdata)>0) {
  			            if($loginuserdata->profile_picture) {
  			            	$profileimg = url('/')."/uploads/members/".$loginuserdata->profile_picture;
  			            }

  			            if($loginuserdata->sm!='') {
  			                $profileimg = $loginuserdata->profile_picture;
  			            } 
                  }
			          @endphp
                    <div class="comet-avatar">
                       <img src="{{$profileimg}}" alt="">
                    </div>
                    @endif
                    <div class="post-comt-box">
                       <form method="post" class="cmdfrm">
                          <textarea placeholder="Post your comment" class="textareaid" id="comments_{{$item->id}}"></textarea>
                          <span style="font-size: 1.5vh; color: #c5bebe;">Press enter to post your comment.</span>
                          <div class="add-smiles">
                              <div class="uploadimage">
                                <!-- <i class="fa fa-image"></i> -->
                                <label class="fileContainer">
                                   <input type="file" id="commentsfile_{{$item->id}}" multiple="">
                                </label>
                             </div> 
                             <!-- <span class="em em-expressionless" title="add icon"></span>
                             <div class="smiles-bunch">
                                <i class="em em---1"></i>
                                <i class="em em-smiley"></i>
                                <i class="em em-anguished"></i>
                                <i class="em em-laughing"></i>
                                <i class="em em-angry"></i>
                                <i class="em em-astonished"></i>
                                <i class="em em-blush"></i>
                                <i class="em em-disappointed"></i>
                                <i class="em em-worried"></i>
                                <i class="em em-kissing_heart"></i>
                                <i class="em em-rage"></i>
                                <i class="em em-stuck_out_tongue"></i>
                             </div> -->
                          </div>
                          <button type="submit"></button>
                       </form>	
                    </div>
                 </li>
              </ul>
           </div>
        </div>
     </div>
  </div><!-- without image -->
  @php $last_id = $item->id; @endphp
@endforeach
@else 
   @if(Request::segment(1) == 'postview')
    <div class="central-meta item text-center">
      <i style="font-size: 3vh;" class="fas fa-camera"></i>
        <p>Post not available!</p>
    </div>
   @else
  	<div class="central-meta item text-center">
  		<i style="font-size: 3vh;" class="fas fa-camera"></i>
  	    <p>No Posts Yet! <br>Create your first post!</p>
  	</div>
  @endif
@endif

<div class="modal fade" id="edit_post" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
  <div class="modal-content rounded shadow border-0">
      <div class="border-0 modal-header p-0 pr-2 pt-2">
          <button
            type="button"
            class="close pb-2"
            data-dismiss="modal"
            aria-label="Close"
          style="color: #ffffff;opacity: 1 !important;font-size: 28px;">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
    <div class="modal-body pt-0">
      <div class="container-fluid">
        
        <div class="central-meta postbox">
                    <span class="create-post">Update post</span>
                    <div class="new-postbox">
                       <figure>
                         @if(isset(Auth::user()->sm))
                            @php 
                                $profileimg = url('/')."/uploads/members/".Auth::user()->profile_picture;
                                if(Auth::user()->sm!='') {
                                    $profileimg = Auth::user()->profile_picture;
                                } 
                            @endphp
                            <img src="{{$profileimg}}" style="width: 50px; height: 50px;">
                            @else 
                            <img src="{{ url('/') }}/assets/images/usrbig.jpg" style="width: 50px; height: 40px;">
                            @endif
                       </figure>
                       <div class="newpst-input">
                          <textarea rows="2" id="edit_post_content" placeholder="Share some what you are thinking?"></textarea>
                       </div>
                       <div class="attachments">
                          <ul>
                             <li>
                                <i class="fa fa-image" id="edit_imgIcon_image"></i>
                                <label class="fileContainer">
                                   <input type="file" id="edit_image_name" multiple="" accept="image/*" onchange="selectIcony('image')" class="imageOnly">                                  
                                </label>
                             </li>
                             <li>
                                <i class="fa fa-video-camera" id="edit_imgIcon_video"></i>
                                <label class="fileContainer">
                                   <input type="file" id="edit_video_name" multiple accept="video/*" onchange="selectIcony('video')" class="videoOnly">
                                </label>
                             </li>
                             <li>
                                <i class="fa fa-music" id="edit_imgIcon_audio"></i>
                                <label class="fileContainer">
                                   <input type="file" id="edit_audio_name" multiple accept="audio/*" onchange="selectIcony('audio')" class="audioOnly">
                                </label>
                             </li>
                             <li>
                                  <span class="em em-expressionless" style="width: 1.1rem;" title="add feeling" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
                                  <div class="dropdown-menu p-1" aria-labelledby="dropdownMenuButton1">
                                     <div class="pl-2 pb-1">
                                        <i class="em em-kissing_heart"></i>
                                        <p class="d-inline mr-2 ml-1">Feeling Loved</p>
                                     </div>
                                     <div class="pl-2 pb-1">
                                        <i class="em em-disappointed"></i>
                                        <p class="d-inline mr-2 ml-1">Feeling Disappointed</p>
                                     </div>
                                  </div>
                               </li>
                               <li>
                                  <i class="fa fa-hashtag font-weight-bold" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">&nbsptag</i>
                                  <div class="dropdown-menu p-1" aria-labelledby="dropdownMenuButton">
                                        <h4 class="widget-title">
                                           <div id="edit_tagsuggest"></div>
                                        </h4> 
                                        <div class="pit-tags">
                                            <div class="mt-3">
                                               <label for="popular">Popular tags</label>
                                            </div>
                                            @php
                                            
                                            $save_tags = DB::table('save_tags')->groupBy('tag_name')->orderBy('id', 'DESC')->get();
                                            
                                             @endphp
                                             
                                           @foreach($save_tags as $tag)
                                            
                                            <a href="#" title="" class="mt-2">{{ $tag->tag_name }}</a>
                                            
                                            @endforeach
                                            
                                            
                                   		</div>
                                   </div>
                               </li>
                            
                          </ul>
                          <div class="user_post_image">
                          
                                   <input type="hidden" name="old_post_image" id="old_post_image">
                          
</div>
<div class="user_post_video">
             
                                   <input type="hidden" name="old_post_video" id="old_post_video">
                          
                          </div>
                          <div class="user_post_audio">
                          
                                   <input type="hidden" name="old_post_audio" id="old_post_audio">
                          
                          </div>
                          <input type="hidden" id="edit_post_type">
                          <input type="hidden" id="edit_post_id">
                          <input type="hidden" id="edit_image_id">
                          <button class="post-btn" type="button" id="update-post-btn" onclick="updatePost()" data-ripple="">Update Post</button>
                       </div>
                    </div>  
                 </div>
        
         </div>
       </div>
   </div>
</div>
</div>