@extends('layouts.frontapp')

@section('title', 'Blog Details')

@section('content')

@php $shareUrl = url('/').'/pages/blog/details/'.$blog->id; @endphp

<section id="et-pagehead" class="container-fluid text-center text-white img-overlay no-hover position-relative pt-5 pb-5">
    <div class="container position-relative pt-5 pb-5 mt-5 mb-5">
       <h1 class="box-heading mb-5 position-relative mb-0 text-white">Our Blogs</h1>
    </div>
    <div class="breadcrumb position-absolute text-center m-0 justify-content-center bg-transparent text-white">
       <!-- <a href="#" class="btn btn-danger text-white d-inline-block p-2 mr-3 font-weight-bold">Create Blog</a> -->
       <a href="{{url('/fanzpost')}}" class="btn btn-danger text-white d-inline-block p-2 font-weight-bold">Create Fan Story</a>
    </div>
 </section>
 
<!--Main Content Start-->
 <div class="main-content innerpagebg wf100 p30">
    <!--News Large Page Start--> 
    <!--Start-->
    <div class="news-large">
       <div class="container">
          <div class="row">
             <!--News Start-->
             
              <div class="col-lg-9">
                <main class="site-main">
                   <article class="post-details">
                      <div class="single-blog-wrapper">
                         <div class="post-details__social-share mt-2">
                            <ul class="social-share social-share__with-bg social-share__vertical">
                               <li><a href="javascript:void(0);" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-facebook-f"></i></a></li>
                               <li><a href="javascript:void(0);" target="popup" onclick="window.open('https://twitter.com/intent/tweet?text={{$blog->blog_title}}&amp;url={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-twitter"></i></a></li>
                               <li><a href="javascript:void(0);" target="popup" onclick="window.open('https://www.instagram.com/?u={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-instagram"></i></a></li>
                               <li><a href="javascript:void(0);" target="popup" onclick="window.open('https://wa.me/?text={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-whatsapp"></i></a></li>
                            </ul>
                            <!-- End of .social-share__no-bg -->
                         </div>
                         <!-- End of .social-share -->
                         <h3 class="mb-3">{{$blog->blog_title}}</h3>


                         @if($blog->blog_images)
                            @php
                                $imgtye = '';
                                $file = explode('.',$blog->blog_images);

                                if($file[1]=='jpg' || $file[1]=='JPG' || $file[1]=='GIF' ||     $file[1]=='gif' || $file[1]=='PNG' || $file[1]=='png' || $file[1]=='jpeg' || $file[1]=='JPEG') {
                                    $imgtye = 'image';
                                } 

                                if($file[1]=='mp4' || $file[1]=='mov' || $file[1]=='wmv' ||     $file[1]=='flv') {
                                    $imgtye = 'video';
                                }
                            @endphp
                            @if($imgtye == 'image')
                                <img src="{{url('/')}}/uploads/blog_images/{{ $blog->blog_images }}" style="width: 100%; margin-bottom: 3%;" alt="">
                            @endif

                            @if($imgtye == 'video')
                                <video style="width: 100%; margin-bottom: 3%;" controls>
                                  <source src="{{url('/')}}/uploads/blog_images/{{ $blog->blog_images }}" type="video/mp4">
                                  Your browser does not support the video tag.
                                </video>
                            @endif
                        @endif 

                         {!!$blog->description!!}

                      </div>
                      <!-- End of .single-blog-wrapper -->

                      @php
                        $ad_home_center = DB::table('advertisement')->where('status', '1')->where('position','home_center')->first();
                      @endphp

                      @if($ad_home_center)
                        <a href="javascript:void(0);" title="{{$ad_home_center->ad_name}}" onclick="clickAd('{{$ad_home_center->id}}')"><img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="mb-5 img-responsive" src="{{url('/')}}/uploads/ad_image/{{$ad_home_center->ad_image}}" alt="" width="100%" height="90px"> </a>
                      @else
                        <img style="box-shadow: 0 4px 24px -5px rgba(0, 0, 0, 0.4);" class="mb-5 img-responsive" src="https://via.placeholder.com/728x90" alt="" width="100%" height="90px"> 
                      @endif 

                   </article>
                   <!-- End of .post-details -->



                   <div class="post-shares m-t-xs-60">
                      <div class="title">SHARE:</div>
                      
                      <ul class="social-share social-share__rectangular">
                         <li><a href="#" class="btn bg-color-facebook" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-facebook-f"></i></a>
                         </li>
                         <li><a href="#" class="btn bg-color-twitter" target="popup" onclick="window.open('https://twitter.com/intent/tweet?text={{$blog->blog_title}}&amp;url={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-twitter"></i></a>
                         </li>
                         <li><a href="#" class="btn bg-danger" target="popup" onclick="window.open('https://www.instagram.com/?u={{$shareUrl}}','name','width=600,height=400')"><i class="fab  fa-instagram"></i></a>
                         </li>
                         <li><a href="#" class="btn bg-warning" target="popup" onclick="window.open('https://wa.me/?text={{$shareUrl}}','name','width=600,height=400')"><i class="fab fa-whatsapp"></i></a>
                         </li>
                      </ul>
                   </div>

                   <!-- End of .post-shares -->
                   <hr class="m-t-xs-50 m-b-xs-30">
                   
                   <div id="comments" class="comments-area rounded">
                      <h5 id="reply-title" class="comment-reply-title">Leave a comment</h5>

                      <div id="respond" class="comment-respond p-1 p-md-3 p-lg-5 ls d-flex">
                         <div class="form-avatar w-38 h-100">
                            <img src="{{url('/')}}/assets/frontend/images/empty-avatar.png" alt="">
                         </div>
                         <form action="/" method="post" id="commentform" class="comment-form" novalidate="">
                            <div class="comment-form-author form-group has-placeholder">
                               <label for="author">Name</label>
                               <input class="form-control" id="blog_author" name="blog_author" type="text" @if(Auth::check()) value="{{Auth::user()->name}}" @endif maxlength="245" aria-required="true"  placeholder="Name*">
                            </div>
                            <p class="comment-form-email form-group has-placeholder">
                               <label for="email">Email </label>
                               <input class="form-control" id="blog_email" name="blog_email" type="email" @if(Auth::check()) value="{{Auth::user()->email}}" @endif maxlength="200" aria-required="true" placeholder="Email*">
                            </p>

                            <input type="hidden" id="blog_id" value="{{$blog->id}}">

                            <p class="comment-form-comment form-group has-placeholder">
                               <label for="comment">Comment</label>
                               <textarea class="form-control" id="blog_comment" name="blog_comment" cols="45" rows="8" maxlength="65525" aria-required="true" placeholder="Message*"></textarea>
                            </p>
                            <p class="form-submit">
                               <button type="button" onclick="postBlogComment()" class="w-100 d-block btn btn-danger p-1 pl-3 pr-3 font-weight-bold">Send comment</button>
                            </p>
                         </form>
                      </div>
                      <!-- #respond -->
                      <ol class="comment-list">
                        <li id="showmorecmd"></li>

                        @foreach($ratings_reviews as $key=>$item)

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

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

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

                         <li class="comment">
                            <article class="comment-body">
                               <footer class="comment-meta">
                                  <div class="comment-author vcard">
                                     <img alt="" src="{{$profileimg}}" width="80">
                                  </div>
                                  <!-- .comment-author -->
                                  <div class="comment-name">
                                     <span class="says">By:</span>
                                     <b class="fn">
                                        <a href="#" rel="nofollow" class="url fw-500">{{$item->name}}</a>
                                     </b>
                                     <span class="comment-metadata d-block">
                                        <a href="#">
                                           <time datetime="2019-03-14T08:01:21+00:00">
                                              {{date("F j, Y h:m A", strtotime($item->created_at))}}
                                           </time>
                                        </a>
                                     </span>
                                     <!-- .comment-metadata -->
                                  </div>
                               </footer>
                               <!-- .comment-meta -->
                               <div class="comment-content">
                                  <p>
                                     {{isset($item->comments)?$item->comments:''}}
                                  </p>
                               </div>
                               <!-- <div class="d-flex justify-content-between">
                                  <div>
                                     <span class="like-count color-dark">
                                        <i class="fa fa-heart"></i>
                                        12
                                     </span>
                                     <span class="comment-count color-dark">
                                        <i class="fa fa-comment"></i>
                                        1 Comment
                                     </span>
                                  </div>
                               </div> -->
                            </article>
                            <!-- .comment-body -->
                            <ol class="children">

                              @php
                                  $replies = DB::table('blog_comments')->where('blog_id',$item->blog_id)->where('user_id',$item->user_id)->where('comment_type',$item->id)->orderBy('id','DESC')->get()->toArray(); 
                              @endphp

                              @foreach($replies as $replies_key=>$replies_item)

                              @php 
                                $replies_getuserdata = DB::table('users')->where('id',$replies_item->created_by)->first(); 
                                
                                $replies_profileimg = url('/').'/assets/images/usrbig.jpg';

                                if($replies_getuserdata) {
                                      if($replies_getuserdata->profile_picture) {
                                    $replies_profileimg = url('/')."/uploads/members/".$replies_getuserdata->profile_picture;
                                  }

                                  if($replies_getuserdata->sm!='') {
                                      $replies_profileimg = $replies_getuserdata->profile_picture;
                                  } 
                                }
                            @endphp
                               <li class="comment">
                                  <article class="comment-body">
                                     <footer class="comment-meta">
                                        <div class="comment-author vcard">
                                           <img alt="" src="{{$replies_profileimg}}" width="80">
                                        </div>
                                        <!-- .comment-author -->
                                        <div class="comment-name">
                                           <span class="says">By:</span>
                                           <b class="fn">
                                              <a href="#" rel="nofollow" class="url fw-500">{{isset($replies_item->name)?$replies_item->name:''}}</a>
                                           </b>
                                           <span class="comment-metadata d-block">
                                              <a href="#">
                                                 <time datetime="2019-03-14T08:01:21+00:00">
                                                    {{date("F j, Y h:m A", strtotime($replies_item->created_at))}}
                                                 </time>
                                              </a>
                                           </span>
                                           <!-- .comment-metadata -->
                                        </div>
                                     </footer>
                                     <!-- .comment-meta -->
                                     <div class="comment-content">
                                        <p>
                                           {{isset($replies_item->comments)?$replies_item->comments:''}}
                                        </p>
                                     </div>
                                  </article>
                                  <!-- .comment-body -->
                               </li>
                              @endforeach
                               <!-- #comment-## -->
                            </ol>
                            <!-- .children -->
                         </li>
                         <!-- #comment-## -->
                      @endforeach
                        
                      </ol>
                      <!-- .comment-list -->

                   </div>

                   @php
                      $nextid = $blog->id + 1; $previousid = $blog->id - 1; $previous_blog = array(); $next_blog = array();
                      if($nextid>0) { $next_blog = DB::table('blogs')->where('id','>',$nextid)->where('status','1')->where('is_delete','0')->first(); }
                      if($previousid>0) { $previous_blog = DB::table('blogs')->where('id','<',$blog->id)->where('status','1')->where('is_delete','0')->orderBy('id','DESC')->first(); }
                   @endphp

                   <div class="post-navigation-wrapper row  m-b-xs-60">
                    @if($previous_blog)
                      <div class="post-navigation col-lg-6">
                         <div class="post-nav-content">
                            <a href="{{url('/')}}/pages/blog/details/{{$previous_blog->id}}" class="prev-post">
                               <i class="fa fa-angle-left"></i>Previous Blog
                            </a>
                            <h3><a href="{{url('/')}}/pages/blog/details/{{$previous_blog->id}}">{{$previous_blog->blog_title}}</a></h3>
                         </div>
                      </div>
                    @endif

                    @if($next_blog)
                      <div class="post-navigation text-right col-lg-6">
                         <div class="post-nav-content">
                            <a href="{{url('/')}}/pages/blog/details/{{$next_blog->id}}" class="next-post">
                               Next Blog<i class="fa fa-angle-right"></i>
                            </a>
                            <h3><a href="{{url('/')}}/pages/blog/details/{{$next_blog->id}}" class="text-right">{{$next_blog->blog_title}}</a></h3>
                         </div>
                      </div>
                    @endif

                                       </div>
                   <!-- End of .post-navigation -->
                </main>
                <!-- End of main -->
             </div> 

             @include('includes.frontright')
             
          </div>
       </div>
    </div>
    <!--End--> 
 </div>
 <!--Main Content End--> 

@endsection