@extends('layouts.front')

@push('css')

@endpush

@section('content')
    <!-- ============================ Page Title Start================================== -->
    <div class="page-title">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <h2 class="ipt-title">@lang('Blog Details')</h2>
                    <span class="ipn-subtitle">{{ $data->title }}</span>

                </div>
            </div>
        </div>
    </div>
    <!-- ============================ Page Title End ================================== -->

    <!-- ============================ Agency List Start ================================== -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                    <div class="blog-details single-post-item format-standard">
                        <div class="post-details">

                            <div class="post-featured-img">
                                <img class="img-fluid" src="{{asset('assets/images/'.$data->photo)}}" alt="">
                            </div>

                            <div class="post-top-meta">
                                <ul class="meta-comment-tag">
                                    <li><a href="#"><span class="icons"><i class="ti-user"></i></span>@lang('by admin')</a></li>
                                </ul>
                            </div>
                            <h2 class="post-title">{{ $data->title }}</h2>
                            @php
                                echo $data->details;
                            @endphp


                        </div>
                    </div>


                    <!-- Blog Comment -->
                    <div class="blog-details single-post-item format-standard">

                        <div class="comment-area">
                            <div id="disqus_thread"></div>
                        </div>

                    </div>


                </div>

                <!-- Single blog Grid -->
                <div class="col-lg-4 col-md-12 col-sm-12 col-12">

                    <!-- Searchbard -->
                    <div class="single-widgets widget_search">
                        <h4 class="title">@lang('Search')</h4>
                        <form action="{{ route('front.blogsearch') }}" class="sidebar-search-form" method="get">
                            <input type="search" name="search" placeholder="@lang('Search..')">
                            <button type="submit"><i class="ti-search"></i></button>
                        </form>
                    </div>

                    <!-- Categories -->
                    <div class="single-widgets widget_category">
                        <h4 class="title">@lang('Categories')</h4>
                        <ul>
                            @foreach ($bcats as $key=>$category)
                                <li>
                                    <a href="{{ route('front.blogcategory',$category->slug) }}">{{ $category->name }} <span>{{ count($category->blogs) }}</span></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>

                    <!-- Trending Posts -->
                    <div class="single-widgets widget_thumb_post">
                        <h4 class="title">@lang('Recent Posts')</h4>
                        <ul>
                            @foreach ($rblogs as $key=>$data)
                                <li>
                                    <span class="left">
                                        <img src="{{asset('assets/images/'.$data->photo)}}" alt="" class="">
                                    </span>
                                    <span class="right">
                                        <a class="feed-title" href="{{route('blog.details',$data->slug)}}">{{Str::limit($data->title,50)}}</a>
                                        <span class="post-date"><i class="ti-calendar"></i>{{ Carbon\Carbon::parse($data->created_at)->diffForHumans() }}</span>
                                    </span>
                                </li>
                            @endforeach
                        </ul>
                    </div>

                    <!-- Tags Cloud -->
                    <div class="single-widgets widget_tags">
                        <h4 class="title">@lang('Tags')</h4>
                        <ul>
                            @foreach($tags as $tag)
                                @if(!empty($tag))
                                    <li>
                                        <a href="{{ route('front.blogtags',$tag) }}">{{ $tag }}</a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>

                </div>

            </div>
            <!-- /row -->

        </div>

    </section>
    <!-- ============================ Agency List End ================================== -->

    <!-- ============================ Call To Action ================================== -->
    @includeIf('partials.front.cta')
    <!-- ============================ Call To Action End ================================== -->

@endsection

@push('js')
@if ($gs->is_disqus == 1)
<script>
	'use strict';
	(function () {
		var d = document,
		s = d.createElement('script');
		s.src = 'https://{{ $gs->disqus}}.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>
@endif
@endpush