@php
    $settingData = get_post_setting_data($dynamic, isset($category) ? $category : null);
    $postSettings = $settingData['postSettings'];

    $postOptions = $postSettings->makeByPrefix('detail_');
    $header = $options->theme->header;


    $u = $article->getViewUrl();
@endphp
@extends($_layout . 'home')
@include($_lib . 'register-meta')
@section('content')
    @include($_template . 'navbg')



    {{-- <div class="inner-banner">
        <div class="container">
            <div class="inner-title text-center">
                <h3>15 SEO Best Practices: Website Traffic</h3>
                <ul class="inner-list">
                    <li>
                        <i class="bx bx-user"></i>
                        Tom black
                    </li>
                    <li>
                        <i class="bx bx-calendar"></i>
                        november 21, 2020
                    </li>
                    <li>
                        <i class="bx bxs-chat"></i>
                        3 Comments
                    </li>
                </ul>
            </div>
        </div>
        <div class="inner-banner-shape">
            <div class="shape-one">
                <img src="assets/img/inner-banner/banner-shape1.png" alt="Images">
            </div>
            <div class="shape-two">
                <img src="assets/img/inner-banner/banner-shape2.png" alt="Images">
            </div>
            <div class="shape-three">
                <img src="assets/img/inner-banner/banner-shape3.png" alt="Images">
            </div>
            <div class="inner-banner-dots-2">
                <img src="assets/img/shape/dots-shape.png" alt="Images">
            </div>
        </div>
    </div> --}}



    <div class="blog-details-area pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-{{$postOptions->layout=='sidebar'?8:12}}">
                    <div class="blog-article">
                        <div class="blog-article-img">
                            <img src="{{ $article->getImage() }}" alt="{{ $article->title }}">
                        </div>
                        <div class="article-content">
                            <h2 class="article->title">{{ $article->title }}</h2>
                            <div class="detail-content">
                                {!! $article->content !!}
                            </div>
                        </div>
                        <div class="blog-article-share">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-sm-6 col-md-7">
                                    <div class="blog-tag">
                                        <ul>
                                            <li>Tags:</li>
                                            @if (count($article->tags))
                                                @foreach ($article->tags as $tag)
                                                    <li>
                                                        <a href="{{ route('web.posts.tag', ['tag' => $tag->slug]) }}" rel="tag">{{ $tag->name }}</a>

                                                    </li>
                                                @endforeach
                                            @endif
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-5 col-sm-6 col-md-5">
                                    <ul class="social-icon">
                                        <li>
                                            <a href="{{ ai_social_link('facebook', $u) }}">
                                                <i class="bx bxl-facebook"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ ai_social_link('twitter', $u) }}">
                                                <i class="bx bxl-twitter"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ ai_social_link('pinterest', $u) }}">
                                                <i class="bx bxl-instagram"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        @php
                            $previous = $article->previous();
                            $next = $article->next();
                        @endphp

                        @if ($previous || $next)

                        <div class="article-post">
                            <div class="row">
                                @if ($previous)

                                <div class="col-lg-6 col-sm-6">
                                    <div class="article-post-share">
                                        <span>{{$previous->dateFormat('d/m/Y')}}
                                            @if ($previous->category)
                                            / <a href="{{$previous->category->getViewUrl()}}">{{$previous->category->name}}</a>

                                            @endif
                                        </span>
                                        <a href="{{$previous->getViewUrl()}}">
                                            <h3>{{$previous->title}}</h3>
                                        </a>
                                    </div>
                                </div>
                                @endif
                                @if ($next)

                                <div class="col-lg-6 col-sm-6">
                                    <div class="article-post-share">
                                        <span>{{$next->dateFormat('d/m/Y')}}
                                            @if ($next->category)
                                            / <a href="{{$next->category->getViewUrl()}}">{{$next->category->name}}</a>

                                            @endif
                                        </span>
                                        <a href="{{$next->getViewUrl()}}">
                                            <h3>{{$next->title}}</h3>
                                        </a>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        @endif
                        {{--
                        <div class="comments-wrap">
                            <h3 class="title">Comments (02)</h3>
                            <ul>
                                <li>
                                    <img src="assets/img/blog/blog-profile1.png" alt="Image">
                                    <h3>Devit Killer</h3>
                                    <span>Jnauary 12, 2020</span>
                                    <p>Software hack from an initial feasibility study, continuing through l implna business you have to be But we know there's a better</p>
                                    <a href="#"> Reply</a>
                                </li>
                                <li class="ml-30">
                                    <img src="assets/img/blog/blog-profile2.png" alt="Image">
                                    <h3>Morah Jein </h3>
                                    <span>July 12, 2020</span>
                                    <p>Software hack from an initial feasibility study, continuing through l implna business you have to be But we know there's a better</p>
                                    <a href="#"> Reply</a>
                                </li>
                            </ul>
                        </div>
                        <div class="comments-form">
                            <div class="contact-form">
                                <h3>Leave a Comment</h3>
                                <form id="contactForm">
                                    <div class="row">
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <i class="bx bx-user"></i>
                                                <input type="text" name="name" class="form-control" required data-error="Please enter name" placeholder="Name*">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <i class="bx bx-user"></i>
                                                <input type="email" name="name" class="form-control" required data-error="Please enter email" placeholder="Email*">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <i class="bx bx-phone"></i>
                                                <input type="text" name="phone" class="form-control" required data-error="Please enter your phone number" placeholder="Phone">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <i class="bx bx-copy-alt"></i>
                                                <input type="text" name="website" class="form-control" required data-error="Please enter your website" placeholder="Website">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12">
                                            <div class="form-group">
                                                <i class="bx bx-envelope"></i>
                                                <textarea name="message" class="form-control" id="message" cols="30" rows="8" required data-error="Write your message" placeholder="Your Message"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12">
                                            <button type="submit" class="default-btn">
                                                Post A Comment
                                                <i class="bx bx-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div> --}}
                    </div>
                </div>
                @if ($postOptions->layout=='sidebar')

                <div class="col-lg-4">
                    @include($_template.'sidebars.blog')
                </div>
                @endif
            </div>
        </div>
    </div>


@endsection