{% extends 'base.html.twig' %}

{% block title %}Hello DefaultController!{% endblock %}

{% block body %}
 <div class="uk-container uk-container-center">
    <div class="uk-grid" data-uk-grid-match data-uk-grid-margin>
        <div class="tm-main uk-width-medium-1-1 tm-middle">
            <main class="tm-content">
                <section>
                    <div id="primary" class="site-content">
                        <div id="content" role="main">
                            <h2>video</h2>
                            <ul class="tm-category-posts-list">
                                {% for post in paginator.results %}
                                <li class="tm-post-list-block clearfix" style="padding: 20px;">
                                    <div class="flleft" style="margin-right: 20px;">
                                        <img width="164" height="164" src="//img.youtube.com/vi/{{ post.summary[32 :] }}/0.jpg"class="attachment-thumbnail wp-post-image" alt="img_pastors_003" /> </div>
                                    <div class="">
                                        <h3 class="tm-panel-header"><a href="{{ path('blog_post', {'slug': post.slug}) }}">{{post.title}}</a></h3>
                                        <div class="tm-grey-color">
                                            
                                        </div>
                                        <div class="line"></div>
                                        <div>Vestibulum metus libero, feugiat nec arcu in, tristique placerat erat. Curabitur ornare turpis et ex vehicula, id porttitor dolor tempor. Cras suscipit commodo est vel dapibus. Fusce imperdiet nisi et&hellip;</div>
                                        <a href="#" class="read-more"></a>
                                    </div>
                                </li>
                                {% endfor %}  
                            </ul>
                            <div class="navigation">
                                <a href="#">Next Page &raquo;</a> </div>
                        </div>
                        <!-- #content -->
                    </div>
                    <!-- #primary -->
                </section>
            </main>
        </div>
    </div>
</div>

           

    {% if paginator.hasToPaginate %}
        <div class="navigation text-center">
            <ul class="pagination">
                {% if paginator.hasPreviousPage %}
                    <li class="prev"><a href="{{ path('blog_index_paginated', {page: paginator.previousPage}) }}" rel="previous"><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans }}</a></li>
                {% else %}
                    <li class="prev disabled"><span><i class="fa fw fa-arrow-left"></i> {{ 'paginator.previous'|trans }}</span></li>
                {% endif %}

                {% for i in 1..paginator.lastPage %}
                    {% if i == paginator.currentPage %}
                        <li class="active"><span>{{ i }} <span class="sr-only">{{ 'paginator.current'|trans }}</span></span></li>
                    {% else %}
                        <li><a href="{{ path('blog_index_paginated', {page: i}) }}">{{ i }}</a></li>
                    {% endif %}
                {% endfor %}

                {% if paginator.hasNextPage %}
                    <li class="next"><a href="{{ path('blog_index_paginated', {page: paginator.nextPage}) }}" rel="next">{{ 'paginator.next'|trans }} <i class="fa fw fa-arrow-right"></i></a></li>
                {% else %}
                    <li class="next disabled"><span>{{ 'paginator.next'|trans }} <i class="fa fw fa-arrow-right"></i></span></li>
                {% endif %}
            </ul>
        </div>
    {% endif %}
{% endblock %}