@extends("layouts.$template_name")

@section('body')
<div id="page_caption" class="hasbg parallax baseline ">
    <div class="parallax_overlay_header"></div>
    <div id="bg_regular" style="background-image:url(upload/abreakey-raw-foodphotography-squid-still-life.jpg);">
    </div>

    <div class="page_title_wrapper baseline" data-stellar-ratio="1.3">
        <div class="page_title_inner baseline">
            <h1 class="withtopbar">
                <span class="ppb_title_first">Our</span>Blog
            </h1>
        </div>
    </div>
</div>



<!-- Begin content -->
<div id="page_content_wrapper" class="hasbg withtopbar ">
    <div class="inner">

        <!-- Begin main content -->
        <div class="inner_wrapper">

            <div class="page_content_wrapper"></div>

            <div class="sidebar_content">

                @foreach ($blogs as $blog)
                <!-- Begin each blog post -->
                <div id="post-490"
                    class="post-490 post type-post status-publish format-standard has-post-thumbnail hentry category-italine tag-recipe tag-shrimp tag-spaghetti">

                    <div class="post_wrapper">

                        <div class="post_content_wrapper">

                            <div class="post_header">
                                <div class="post_header_title">
                                    <h5><a href="{{ route('blog', ['slug' => $blog->slug]) }}"
                                            title="Black Spaghetti with Rock Shrimp">
                                            {{ $blog->title }}
                                        </a></h5>
                                    <div class="post_detail">
                                        <span class="post_info_date">
                                            {{ Carbon\Carbon::parse($blog->published_at)->format('F d, Y') }}</span>
                                        <span class="post_info_cat">
                                            In <a href="#">{{ $blog->category->name }}</a>
                                        </span>
                                        {{-- <span class="post_info_comment">
                                            <a href="inner-blog-detail.html">No Comment</a>
                                        </span> --}}
                                        <span class="post_readmore">
                                            <a class="readmore" href="{{ route('blog', ['slug' => $blog->slug]) }}">Read
                                                More</a>
                                        </span>
                                    </div>
                                </div>

                                <div class="post_img static">
                                    <a href="{{ route('blog', ['slug' => $blog->slug]) }}">
                                        <img src="{{ Voyager::image($blog->image) }}" alt="" class=""
                                            style="width:960px;height:365px;" />
                                    </a>
                                </div>

                                <br class="clear" />

                                <p>{!! nl2br(e($blog->excerpt)) !!}</p>
                            </div>

                            {{-- <div class="post_share_bubble">
                                <div class="post_share_bubble_wrapper">
                                    <div id="share_post_490" class="social_share_bubble inline">
                                        <ul>
                                            <li><a title="Share On Facebook" target="_blank" href="#"><i
                                                        class="fa fa-facebook"></i></a></li>
                                            <li><a title="Share On Twitter" target="_blank" href="#"><i
                                                        class="fa fa-twitter"></i></a></li>
                                            <li><a title="Share On Pinterest" target="_blank" href="#"><i
                                                        class="fa fa-pinterest"></i></a></li>
                                            <li><a title="Share On Google+" target="_blank" href="#"><i
                                                        class="fa fa-google-plus"></i></a></li>
                                        </ul>
                                    </div>
                                </div> <a href="javascript:;" class="post_share" data-share="share_post_490"
                                    data-parent="post-490"><i class="fa fa-share-alt"></i></a>
                            </div> --}}

                        </div>

                    </div>

                </div>
                <br class="clear" />
                <!-- End each blog post -->
                @endforeach

                <br class="clear" />
                <div class="pagination"><span class="current">1</span><a href='#' class="inactive">2</a></div>
                <div class="pagination_detail">
                    Page 1 of 2 </div>

            </div>

            <div class="sidebar_wrapper">

                <div class="sidebar_top"></div>

                <div class="sidebar">

                    <div class="content">

                        <ul class="sidebar_widget">
                            <li id="text-3" class="widget widget_text">
                                <h2 class="widgettitle">About Us</h2>
                                <div class="textwidget">
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                        eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
                                        voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
                                </div>
                            </li>
                            <li id="categories-3" class="widget widget_categories">
                                <h2 class="widgettitle">Categories</h2>
                                <ul>
                                    @foreach ($categories as $category)
                                    <li class="cat-item cat-item-17">
                                        <a href="{{ route('blogs', ['template_name' => $template_name, 'category' => $category->name]) }}">{{
                                            $category->name }}</a> ({{ count($category->blogs) }})
                                    </li>
                                    @endforeach
                                </ul>
                            </li>
                            {{-- <li id="tag_cloud-2" class="widget widget_tag_cloud">
                                <h2 class="widgettitle">Tags</h2>
                                <div class="tagcloud">
                                    <a href="#" class="tag-cloud-link tag-link-23 tag-link-position-1"
                                        style="font-size: 13px;">cooking</a>
                                    <a href="#" class="tag-cloud-link tag-link-24 tag-link-position-2"
                                        style="font-size: 13px;">cuisine</a>
                                    <a href="#" class="tag-cloud-link tag-link-25 tag-link-position-3"
                                        style="font-size: 13px;">dinning</a>
                                    <a href="#" class="tag-cloud-link tag-link-20 tag-link-position-4"
                                        style="font-size: 13px;">recipe</a>
                                    <a href="#" class="tag-cloud-link tag-link-26 tag-link-position-5"
                                        style="font-size: 13px;">restaurant</a>
                                    <a href="#" class="tag-cloud-link tag-link-22 tag-link-position-6"
                                        style="font-size: 13px;">shrimp</a>
                                    <a href="#" class="tag-cloud-link tag-link-21 tag-link-position-7"
                                        style="font-size: 13px;">spaghetti</a>
                                </div>
                            </li> --}}
                            {{-- <li id="custom_flickr-3" class="widget Custom_Flickr">
                                <h2 class="widgettitle">Gallery On Flickr</h2>
                                <ul class="flickr">
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48544015562_9294520488_b.jpg"
                                            title="roasted carrots"><img src="upload/48544015562_9294520488_s.jpg"
                                                alt="roasted carrots" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48528964047_de4b27d823_b.jpg"
                                            title="green mango and cucamelon salad"><img
                                                src="upload/48528964047_de4b27d823_s.jpg"
                                                alt="green mango and cucamelon salad" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48489434421_4701e696dd_b.jpg"
                                            title="croissant morning"><img src="upload/48489434421_4701e696dd_s.jpg"
                                                alt="croissant morning" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48317013731_f988b69c52_b.jpg"
                                            title="can&#039;t get enough of cherries"><img
                                                src="upload/48317013731_f988b69c52_s.jpg"
                                                alt="can&#039;t get enough of cherries" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48308542466_151f2a66a3_b.jpg"
                                            title="cherry"><img src="upload/48308542466_151f2a66a3_s.jpg" alt="cherry"
                                                width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/48092508442_dbd807762f_b.jpg"
                                            title="Romaine Wedge Caesar Salad"><img
                                                src="upload/48092508442_dbd807762f_s.jpg"
                                                alt="Romaine Wedge Caesar Salad" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/47015511494_a45979912a_b.jpg"
                                            title="roasted rhubarb with yogurt, mint, pistachio"><img
                                                src="upload/47015511494_a45979912a_s.jpg"
                                                alt="roasted rhubarb with yogurt, mint, pistachio" width="75"
                                                height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/46968818334_b4bb23dc19_b.jpg"
                                            title="radish pod and tomato salad"><img
                                                src="upload/46968818334_b4bb23dc19_s.jpg"
                                                alt="radish pod and tomato salad" width="75" height="75" /></a>
                                    </li>
                                    <li>
                                        <a class="img_frame" target="_blank" href="upload/40747094363_16c3b23b2f_b.jpg"
                                            title="macarons and tea"><img src="upload/40747094363_16c3b23b2f_s.jpg"
                                                alt="macarons and tea" width="75" height="75" /></a>
                                    </li>
                                </ul>
                                <br class="clear" />
                            </li> --}}
                        </ul>

                    </div>

                </div>
                <br class="clear" />

                <div class="sidebar_bottom"></div>
            </div>
        </div>

        <!-- End main content -->

    </div>
    <br class="clear" />
    <br />
</div>
@endsection