@php
    $pageSettings = $options->theme->pages;
    $header = $options->theme->header;
    if (isset($parent) && $parent) {
        if ($dynamicSettings = get_page_settings($parent->id)) {
            $pageSettings = $dynamicSettings;
            $pageSettings->merge($dynamicSettings->all());
        }
        if ($parent != $article && ($ps = get_page_settings($article->id))) {
            $pageSettings->merge($ps->all());
        }
    } elseif ($ps = get_page_settings($article->id)) {
        $pageSettings->merge($ps->all());
    }
    $pageOptions = $pageSettings->makeByPrefix('detail_');
    $sub_title = isset($parent) && $parent != $article ? $parent->title : '';
    $_title = $article->title;

    $description = $article->description;
    $layout = $pageOptions->layout('no-sidebar');

    $u = $article->getViewUrl();
    $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">
        <div class="{{ $pageOptions->layout == 'page' ? 'page-full-width' : 'container' }}">
            <div class="row">
                <div class="col-lg-{{ $pageOptions->layout == 'sidebar' ? 8 : 12 }}">
                    @if ($pageOptions->content_type == 'children')
                        {!! get_page_component($article->id) !!}
                    @else
                        <div class="blog-article">
                            @if ($pageOptions->show_thumbnail)
                                <div class="blog-article-img">
                                    <img src="{{ $article->getImage() }}" alt="{{ $article->title }}">
                                </div>
                            @endif
                            <div class="article-content">
                                @if ($pageOptions->show_title)
                                    <h2 class="article->title">{{ $article->title }}</h2>
                                @endif
                                @if ($pageOptions->content_type == 'children_before')
                                    {!! get_page_component($article->id) !!}
                                @endif
                                <div class="detail-content">
                                    {!! $article->content !!}
                                </div>
                                @if ($pageOptions->content_type == 'children_after')
                                    {!! get_page_component($article->id) !!}
                                @endif

                            </div>
                            @if ($pageOptions->show_page_footer)

                                <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>

                            @endif
                            @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>

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


@endsection