@extends('front.layouts.master')
@section('content')

  <div class="slider-area ">
    <div class="single-slider hero-overly slider-height2 d-flex align-items-center" data-background="{{ asset('front_assets/assets/img/hero/about.jpg') }}">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <div class="hero-cap pt-100">
              <h2>Single Blog</h2>
              <nav aria-label="breadcrumb ">
                <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Single Blog</a></li> 
                </ol>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- slider Area End-->
   <!--================Blog Area =================-->
   <section class="blog_area single-post-area section-padding">
      <div class="container">
         <div class="row">
            <div class="col-lg-8 posts-list">
               <div class="single-post">
                  <div class="feature-img">
                  
                <img class="img-fluid" src="/storage/app/public/{{  $blog->image }}" alt="">
                 
                 
                  </div>
                  <div class="blog_details">
                     <h2>
                       {{ $blog->heading }}
                     </h2>
                     <ul class="blog-info-link mt-3 mb-4">
                     <li><a href="#"><i class="fa fa-user"></i>Published by:{{ $blog->published_by }}</a></li>
                     <li><a href="#"><i class="fa fa-user"></i>Author{{ $blog->author }}</a></li>
                       
                     </ul>
                     <p class="excert">
                     {{ $blog->short_description }}
                     </p>
                     <p>
                     {!! $blog->description !!}
                     </p>
                    
                     <p>
                 
                    

                  </div>
               </div>
            
               <div id="disqus_thread"></div>
             
              

            </div>
            <div class="col-lg-4">
               <div class="blog_right_sidebar">
                  <aside class="single_sidebar_widget search_widget">
                     <form action="{{ url('/search') }}" method="GET">
                        <div class="form-group">
                           <div class="input-group mb-3">
                              <input type="text" class="form-control" name="search" placeholder='Search Keyword'
                                 onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search Keyword'">
                              <div class="input-group-append">
                                 <button class="btns" type="button"><i class="ti-search"></i></button>
                              </div>
                           </div>
                        </div>
                        <button class="button rounded-0 primary-bg text-white w-100 btn_1 boxed-btn"
                           type="submit">Search</button>
                     </form>
                  </aside>
@php
                  $categories=App\Models\Category::all();

@endphp
                        <aside class="single_sidebar_widget post_category_widget">
                            <h4 class="widget_title">Category</h4>
                            <ul class="list cat-list">
                            @foreach($categories as $category)
                                <li>
                                    <a href="{{ route('category.slug',$category->id) }}" class="d-flex">
                                        <p>{{ $category->name }}</p>
                                        <p>({{ $category->blogs()->count() }})</p>
                                    </a>
                                </li>
                                @endforeach
                               

                            </ul>
                        </aside>

                        @php
                        $tags=App\Models\Tag::all();

     $popular_blogs=App\Models\Blog::where('blog_type','popular')->where([['status',1]])->OrderBy('weight','asc')->take(4)->get();
        @endphp

                        <aside class="single_sidebar_widget popular_post_widget">
                            <h3 class="widget_title">Recent Post</h3>

                          @foreach($popular_blogs as $popular_blog)
                            <div class="media post_item">
                            <a href="{{ route('blog.detail',$popular_blog->slug) }}"><img src="/storage/app/public/{{ $popular_blog->image }}" alt="post" height="50px" width="50px"></a>
                                <div class="media-body">
                                <a href="{{ route('blog.detail',$popular_blog->slug) }}">
                                        <h3>{{ $popular_blog->heading }}</h3></a>
                                 
                                   <p>{{ $popular_blog->created_at }}</p></a>
                                </div>
                            </div>
                            @endforeach
                           


                        </aside>

                  
                        <aside class="single_sidebar_widget tag_cloud_widget">
                            <h4 class="widget_title">Tag</h4>
                            <ul class="list">

                            @foreach($tags as $tag)
                                <li>
                                    <a href="{{ route('tags.group',$tag->id) }}">{{ $tag->name }}</a>
                                </li>
                                @endforeach

                            </ul>
                        </aside>



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

   <script>
    /**
    *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
    *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables    */
    
    var disqus_config = function () {
    this.page.url = '{{ Request::url() }}';
    this.page.identifier = {{ $blog->id }}; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
    
    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://http-127-0-0-1-8000-1keow3r210.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
@endsection