==
<!-- breadcrumb-start -->
<!-- <section class="breadcrumb1 breadcrumb_bg1 banner-bg-11 overlay21 ptb2001">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 offset-lg-1">
                <div class="breadcrumb_iner">
                    <div class="breadcrumb_iner_item">
                        <h2>Blog page</h2>
                        <p> <a href="/">Home.</a> <span></span> blog</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> -->
<!-- breadcrumb-end -->
<!--================Blog Area =================-->
<section class="blog_area section-padding1">
    <div class="container">
        <div class="col-lg-12">
            <div class="">
                <br>
                <h1 >{{ category.name }}</h1>
                <br>
            </div>
        </div>
        
        <div class="row">
            <div class="col-lg-8 mb-5 mb-lg-0">
                <div class="blog_left_sidebar">
                    
                    {% if blogPost %}

                    <div class="single-post">
                        
                        {% if post.featured_images[0] %}
                            
                            
                            
                            <div class="feature-img">
                                <img class="img-fluid" src="{{ post.featured_images[0].path }}" alt="{{ post.featured_images[0].title }}">
                            </div>
                        {% else %}
                            <div class="feature-img">
                                <img class="img-fluid" src="https://dummyimage.com/750x375/d4d4d4/fff">
                            </div>
                            
                        {% endif %}
                        
                        <div class="blog_details">
                            <h2>{{ blogPost.post.title | raw }}
                            </h2>
                            <ul class="blog-info-link mt-3 mb-4">
                                
                                {% if post.categories.count %}
                                {% endif %}
                                {% for category in post.categories %}
                                    
                                    <li><a href="{{ url('/') }}/category/{{ category.slug }}">{{ category.name }}</a></li>
                                    {% if not loop.last %}
                                    {% endif %}
                                {% endfor %}

                            </ul>
                            {{ blogPost.post.content_html | raw }}
                            
                        </div>
                    </div>

                    {% endif %}

                    {% set posts = blogPosts.posts %}
                    {% for post in posts %}
                        
                        
                        <article class="blog_item">
                            <div class="blog_item_img">
                                {% if post.featured_images[0] %}
                                    
                                    <img class="card-img rounded-0" src="{{ post.featured_images[0].path }}" alt="{{ post.featured_images[0].title }}">
                                {% else %}
                                    <img class="card-img rounded-0" src="https://dummyimage.com/750x375/d4d4d4/fff" >
                                {% endif %}
                                <a href="#" class="blog_item_date">
                                    
                                    
                                    <h3>{{ post.published_at |date("N") }}</h3>
                                    <p>{{ post.published_at |date("M") }}</p>
                                </a>
                            </div>
                            <div class="blog_details">
                                <a class="d-inline-block" href="{{ url('/') }}/blog/post/{{ post.slug }}">
                                    <h2>{{ post.title }}</h2>
                                </a>
                                <p>{{ post.excerpt }}</p>
                                <ul class="blog-info-link">
                                    
                                    
                                    {% if post.categories.count %}
                                    {% endif %}
                                    {% for category in post.categories %}
                                        
                                        <li><a href="{{ url('/') }}/category/{{ category.slug }}">{{ category.name }}</a></li>
                                        {% if not loop.last %}
                                        {% endif %}
                                    {% endfor %}
                                    
                                    <!-- <li><a href="#"><i class="fa fa-comments"></i> 03 Comments</a></li> -->
                                </ul>
                            </div>
                        </article>
                    {% endfor %}
                    
                    {% if posts.lastPage > 1 %}
                        <div class="mb-5 mb-lg-10">
                            
                        
                        <nav class="blog-pagination justify-content-center d-flex">
                            <ul class="pagination">
                                {% if posts.currentPage > 1 %}
                                    
                                    <li class="page-item">
                                        <a href="?page={{ posts.currentPage-1 }}" class="page-link" aria-label="Previous">
                                            <i class="ti-angle-left"></i>
                                        </a>
                                    </li>
                                {% endif %}
                                
                                {% for page in 1..posts.lastPage %}
                                    
                                    
                                    <li class="page-item {{ posts.currentPage == page ? 'active' : null }}">
                                        
                                        <a href="?page={{  page }}" class="page-link">{{ page }}</a>
                                        
                                    </li>
                                {% endfor %}
                                {% if posts.lastPage > posts.currentPage %}
                                    <li class="page-item">
                                        <a href="?page={{ posts.currentPage+1 }}" class="page-link" aria-label="Next">
                                            <i class="ti-angle-right"></i>
                                        </a>
                                    </li>
                                {% endif %}
                            </ul>
                        </nav>
                        </div>

                    {% endif %}
                    
                    
                </div>
            </div>
            <div class="col-lg-4">
                <div class="blog_right_sidebar">
                    <aside class="single_sidebar_widget search_widget">
                        
                        <form action="/search" method="get">
                            <div class="form-group">
                                <div class="input-group mb-3">
                                    <input name="q" type="text" class="form-control" placeholder='Search Keyword'
                                    onfocus="this.placeholder = ''"
                                    onblur="this.placeholder = 'Search Keyword'">
                                    <div class="input-group-append">
                                        <button class="btn" type="button"><i class="ti-search"></i></button>
                                    </div>
                                </div>
                            </div>
                            <button class="button rounded-0 primary-bg text-white w-100 btn_1 boxed-btn"
                            type="submit">Search</button>
                        </form>
                    </aside>
                    <aside class="single_sidebar_widget post_category_widget">
                        <h4 class="widget_title">Category</h4>
                        <ul class="list cat-list">
                            {% for category in blogCategories.categories %}
                                <li>
                                    <a href="{{ url('/') }}/category/{{category.slug}}" class="d-flex">
                                        <p>{{category.name}}</p>
                                        <!-- <p>(37)</p> -->
                                    </a>
                                </li>
                            {% endfor %}
                        </ul>
                    </aside>
                    
                    <!--                     <aside class="single_sidebar_widget popular_post_widget">
                        <h3 class="widget_title">Recent Post</h3>
                        <div class="media post_item">
                            <img src="themes/industry/assets/img/post/post_1.png" alt="post">
                            <div class="media-body">
                                <a href="single-blog.html">
                                    <h3>From life was you fish...</h3>
                                </a>
                                <p>January 12, 2019</p>
                            </div>
                        </div>
                        <div class="media post_item">
                            <img src="themes/industry/assets/img/post/post_2.png" alt="post">
                            <div class="media-body">
                                <a href="single-blog.html">
                                    <h3>The Amazing Hubble</h3>
                                </a>
                                <p>02 Hours ago</p>
                            </div>
                        </div>
                        <div class="media post_item">
                            <img src="themes/industry/assets/img/post/post_3.png" alt="post">
                            <div class="media-body">
                                <a href="single-blog.html">
                                    <h3>Astronomy Or Astrology</h3>
                                </a>
                                <p>03 Hours ago</p>
                            </div>
                        </div>
                        <div class="media post_item">
                            <img src="themes/industry/assets/img/post/post_4.png" alt="post">
                            <div class="media-body">
                                <a href="single-blog.html">
                                    <h3>Asteroids telescope</h3>
                                </a>
                                <p>01 Hours ago</p>
                            </div>
                        </div>
                    </aside>
                    
                    -->                    <aside class="single_sidebar_widget tag_cloud_widget">
                        <h4 class="widget_title">Tags</h4>
                        <ul class="list">
                            
                            {% for tag in blogTags.tags %}
                                
                                <li>
                                    <a href="{{ url('/') }}/tag/{{ tag.name }}">{{ tag.name }}</a>
                                </li>
                            {% endfor %}
                            
                            
                        </ul>
                    </aside>
                    <!-- <aside class="single_sidebar_widget instagram_feeds">
                        <h4 class="widget_title">Instagram Feeds</h4>
                        <ul class="instagram_row flex-wrap">
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_5.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_6.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_7.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_8.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_9.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="img-fluid" src="themes/industry/assets/img/post/post_10.png" alt="">
                                </a>
                            </li>
                        </ul>
                    </aside> -->
                    <aside class="single_sidebar_widget newsletter_widget">
                        <h4 class="widget_title">Newsletter</h4>
                        <form action="#">
                            <div class="form-group">
                                <input type="email" class="form-control" onfocus="this.placeholder = ''"
                                onblur="this.placeholder = 'Enter email'" placeholder='Enter email' required>
                            </div>
                            <button class="button rounded-0 primary-bg text-white w-100 btn_1 boxed-btn"
                            type="submit">Subscribe</button>
                        </form>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</section>
<!--================Blog Area =================-->