{% extends "base.new.html" %}
{% block content %}
<!-- Blog Entries Column -->
<div class="col-md-8">
    <h1 class="my-4">Recent Blog Posts</h1>
{% for post in posts %}
<!-- Blog Post -->
    <div class="card mb-4">
        <img class="card-img-top" src="https://placehold.it/750x300" alt="Card image cap">
        <div class="card-body">
            <h2 class="card-title">{{post.title}}</h2>
            <p class="card-text">{{post.body | raw}}</p>
            <a href="{{ post.url }}" class="btn btn-primary">Read More &rarr;</a>
        </div>
        <div class="card-footer text-muted">
            Posted on {{post.date|date("F d, Y")}} by
            <a href="#">Marcel Haazen</a>
        </div>
    </div>

{% endfor %}
{{ include('pagination.html.twig', {
currentPage: page,
lastPage: pagination.pages
}) }}
</div>
{% endblock %}