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

                <!-- 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>
                                    </div>
                                </div>

                                {!! $blog->body !!}

                                {{-- <div class="post_excerpt post_tag">
                                    <a href="#" rel="tag">recipe</a><a href="#" rel="tag">shrimp</a><a href="#"
                                        rel="tag">spaghetti</a>
                                    <br />
                                </div> --}}

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

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

                            {{-- <h5 class="related_post"><span>You might also like</span></h5>
                            <br class="clear" />

                            <ul class="posts blog">
                                <li>
                                    <div class="post_circle_thumb">
                                        <a href="#" title="Cooking Food With Love"><img class="post_ft"
                                                src="/upload/butter-on-the-endive-chef-in-residence-vancouver-melody-gourmet-fury-photography-150x150.jpg"
                                                alt="Cooking Food With Love" /></a>
                                    </div>
                                    <a href="#">Cooking Food With Love</a>
                                    <div class="post_detail related">
                                        April 18, 2015 </div>
                                </li>
                                <li>
                                    <div class="post_circle_thumb">
                                        <a href="#" title="Amazing Dining Experience Begins"><img class="post_ft"
                                                src="/upload/3250_1a_c_photography_restaurants___food_port_13_2-150x150.jpg"
                                                alt="Amazing Dining Experience Begins" /></a>
                                    </div>
                                    <a href="#">Amazing Dining Experience Begins</a>
                                    <div class="post_detail related">
                                        April 16, 2015 </div>
                                </li>
                                <li>
                                    <div class="post_circle_thumb">
                                        <a href="#" title="Our Premium Food Recipe"><img class="post_ft"
                                                src="/upload/shutterstock_174816359_2-150x150.jpg"
                                                alt="Our Premium Food Recipe" /></a>
                                    </div>
                                    <a href="#">Our Premium Food Recipe</a>
                                    <div class="post_detail related">
                                        April 9, 2015 </div>
                                </li>
                                <li>
                                    <div class="post_circle_thumb">
                                        <a href="#" title="Life is a combination of cooking"><img class="post_ft"
                                                src="/upload/mowiekay1-150x150.jpg"
                                                alt="Life is a combination of cooking" /></a>
                                    </div>
                                    <a href="#">Life is a combination of cooking</a>
                                    <div class="post_detail related">
                                        April 5, 2015 </div>
                                </li>

                            </ul> --}}
                            <br class="clear" />

                            <br class="clear" />

                            <div id="about_the_author">
                                <h3 class="about_author">About The Author</h3>
                                <br />
                                <div class="gravatar"><img src="/upload/avatar.jpeg" class="avatar avatar-160 photo"
                                        height="160" width="160" /></div>
                                <div class="author_detail">
                                    <div class="author_content">
                                        <h5>John Philipe</h5> Ut wisi enim ad minim veniam, quis nostrud exerci tation
                                        ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
                                        autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                                        consequat.
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
                <!-- End each blog post -->

                <br class="clear" />
                <br />
                <br />
                <br />
                <hr />
                <div class="fullwidth_comment_wrapper sidebar">

                    <div id="respond">
                        <div id="respond" class="comment-respond">
                            <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow"
                                        id="cancel-comment-reply-link" href="#" style="display:none;">Cancel
                                        reply</a></small></h3>
                            <form action="#" method="post" id="commentform" class="comment-form">
                                <p class="comment-notes"><span id="email-notes">Your email address will not be
                                        published.</span> Required fields are marked <span class="required">*</span></p>
                                <p class="comment-form-comment">
                                    <label for="comment">Comment</label>
                                    <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525"
                                        required="required"></textarea>
                                </p>
                                <p class="comment-form-author">
                                    <label for="author">Name <span class="required">*</span></label>
                                    <input placeholder="Name" id="author" name="author" type="text" value="" size="30"
                                        maxlength="245" required='required' />
                                </p>
                                <p class="comment-form-email">
                                    <label for="email">Email <span class="required">*</span></label>
                                    <input type="email" placeholder="Email" id="email" name="email" value="" size="30"
                                        maxlength="100" aria-describedby="email-notes" required='required' />
                                </p>
                                <p class="comment-form-url">
                                    <label for="url">Website</label>
                                    <input placeholder="Website" id="url" name="url" type="url" value="" size="30"
                                        maxlength="200" />
                                </p>
                                <p class="form-submit">
                                    <input name="submit" type="submit" id="submit" class="submit"
                                        value="Post Comment" />
                                </p>
                            </form>
                        </div>
                        <!-- #respond -->
                    </div>

                </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>
                            <br class="clear" />
                        </ul>

                    </div>

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

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

        <!-- End main content -->

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