@extends('layouts.start')

@section('content')
    <!--Page Title-->
    <section class="page-title" style="background-image:url( @if($post->image) {{ $post->image }} @else {{ asset('images/background/4.jpg') }} @endif );">
        <div class="auto-container">
            <h1>{{ $post->post_title }}</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li>{{ $post->post_title }}</li>
            </ul>
        </div>
    </section>
    <!--End Page Title-->

    <!--Sidebar Page Container-->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!--Content Side / Our Blog-->
                <div class="content-side col-lg-9 col-md-8 col-sm-12 col-xs-12">
                    <div class="blog-single padding-right">
                        <div class="inner-box">
                            <div class="image">
                                @if($post->image)
                                    <img src="{{ $post->image }}" alt="{{ $post->post_title }}">
                                @endif
                            </div>
                            <div class="lower-content">
                                <div class="post-date">{{ date('d F Y', strtotime($post->post_date)) }}</div>
                                <h3>{{ $post->post_title }}</h3>
                                <div class="text">
                                    {!! $post->post_content !!}
                                </div>
                                <ul class="social-share-options">
                                    <li class="share"><span class="fa fa-share-alt"></span></li>
                                    <li class="twitter"><a href="#">twiter</a></li>
                                    <li class="facebook"><a href="#">facebook</a></li>
                                    <li class="google"><a href="#">google+</a></li>
                                    <li class="linkedin"><a href="#">linkedin</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- Comment Form -->
                    <div class="comment-form">

                        <div class="sec-title"><h2>Leave Comment</h2></div>
                        <div class="form-inner">
                            <!--Comment Form-->
                            <form method="post" action="blog.html">
                                <div class="row clearfix">
                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                        <input type="text" name="username" placeholder="Enter your name" required>
                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                        <input type="email" name="email" placeholder="Email address" required>
                                    </div>

                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                        <textarea name="message" placeholder="Your Comments"></textarea>
                                    </div>

                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                        <button class="theme-btn btn-style-one" type="submit" name="submit-form">Post Comment</button>
                                    </div>

                                </div>
                            </form>
                        </div>
                    </div>
                    <!--End Comment Form -->

                </div>

                <!--Sidebar Side-->
                <div class="sidebar-side col-lg-3 col-md-4 col-sm-12 col-xs-12">
                    <aside class="sidebar default-sidebar">

                        <!-- Search -->
                        <div class="sidebar-widget search-box">
                            <form method="post" action="contact.html">
                                <div class="form-group">
                                    <input type="search" name="search-field" value="" placeholder="Enter Search Keywords" required>
                                    <button type="submit"><span class="icon fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>

                        <!--Blog Category Widget-->
                        <div class="sidebar-widget sidebar-blog-category">
                            <div class="sidebar-title">
                                <h2>Categories</h2>
                            </div>
                            <ul class="cat-list">
                                <li><a href="#">Marketing</a></li>
                                <li><a href="#">Growth</a></li>
                                <li><a href="#">Analysis</a></li>
                                <li><a href="#">Insurance</a></li>
                                <li><a href="#">Business</a></li>
                                <li><a href="#">Consumer Insight</a></li>
                            </ul>
                        </div>

                        <!-- Popular Posts -->
                        <div class="sidebar-widget popular-posts">
                            <div class="sidebar-title"><h2>Recent news</h2></div>

                            @if(count($recent)  > 0)
                                @foreach($recent as $post)
                                    <article class="post">
                                        <div class="text">
                                            <a href="{{ route('news.single',['slug'=>$post->post_name]) }}">
	                                                                                        </a>
                                        </div>
                                        <div class="post-info">{{ date('d F Y', strtotime($post->post_date)) }}</div>
                                    </article>
                                @endforeach
                            @endif
                        </div>

                        <!-- Popular Tags -->
                        <div class="sidebar-widget popular-tags">
                            <div class="sidebar-title"><h2>Tages</h2></div>
                            <a href="#">Marketing</a>
                            <a href="#">Insurance</a>
                            <a href="#">Growth</a>
                            <a href="#">Investment</a>
                            <a href="#">Consulting</a>
                            <a href="#">Cases</a>
                        </div>

                    </aside>
                </div>

            </div>
        </div>
    </div>
    <!--End Sidebar Page Container-->
@endsection