{% extends 'frontend/layout/base.html.twig' %}
{% set title = 'News' %}
{% block content %}
<section class="page-title-area">
    <div class="container">
        <div class="page-title-content">
            <h1>News List</h1>
            <ul>
                <li><a href="{{ path('index') }}">Home</a></li>
                <li>News</li>
            </ul>
        </div>
    </div>
</section>

<section class="blog-area ptb-70">
    <div class="container">
        <div class="row">
            {% for new in news %}
            {# @var new \App\Entity\News #}
            <div class="col-lg-4 col-md-6">
                <div class="single-blog-post">
                    <div class="post-image">
                        <a href="{{ path('app_frontend_newsview',{'id':new.id}) }}" class="d-block"><img src="{{ uploaded_asset(new.itempicture) | imagine_filter('news_image') }}" alt="image"></a>
                    </div>

                    <div class="post-content">
                        <h3><a href="{{ path('app_frontend_newsview',{'id':new.id}) }}">{{ new.title }}</a></h3>
                        <ul class="post-meta align-items-center d-flex">
                            <li>{{ new.date | date("Y/m/d") }}</li>
                        </ul>
                    </div>
                </div>
            </div>
{% endfor %}
            <div class="col-lg-12 col-md-12">
                <div class="pagination-area text-center">
                    {% if currpage == 1 %}
                        <span href="javascript:void(0)" class="prev page-numbers"><i class='bx bx-chevrons-left'></i></span>
                    {% else %}
                        <a href="{{ path('app_frontend_newslist')~ ('/' ~ (currpage - 1)) }}" class="prev page-numbers"><i class='bx bx-chevrons-left'></i></a>
                    {% endif %}
                    {% for i in 1..pages %}
                        {% if currpage == i %}
                            <span class="page-numbers current" aria-current="page">{{ i }}</span>
                        {% else %}
                            <a href="{{ path('app_frontend_newslist') ~ ('/' ~ (i)) }}" class="page-numbers">{{ i }}</a>
                        {% endif %}

                    {% endfor %}
                    {% if currpage == pages %}
                        <span href="javascript:void(0)" class="next page-numbers"><i class='bx bx-chevrons-right'></i></span>
                    {% else %}
                        <a href="{{ path('app_frontend_newslist') ~ ('/' ~ (currpage + 1)) }}" class="next page-numbers"><i class='bx bx-chevrons-right'></i></a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}