{% extends "base.html" %}
{% block title %} UR Heard {% endblock title %}
{% block content %}
	<div class="container">
		<div class="d-flex flex-wrap justify-content-center">
		{% for petition in petitions %}
			<article class="card m-2 w-75">
				<a href="{{ url_for ('petition', id=petition.id) }}" class="text-body text-decoration-none">
					<div class="card-body">
						<h3 class="card-title font-weight-bold">{{petition.title}}</h3>
						<h4 class="card-subtitle mb-2"><object><a href="{{ url_for ('profile', id=petition.author_id) }}">{{petition.author.name}}</a></object> &middot; {{ moment(petition.timestamp).fromNow() }} &middot; {{ petition.signature_count }} {{'Signature' if petition.signature_count==1 else 'Signatures'}}</h4>
						<p class="card-text">{{petition.body | truncate(325, false, end='... Read More', leeway=10) }}</p>
					</div>
				</a>
			</article>
		{% endfor %}
		</div>
	</div>
	{# <h3 class="bg-light">Hello,
		{% if current_user.is_authenticated %}
			{{ current_user.name }}
		{% else %}
			Stranger
		{% endif %}
	</h3> #}
{% endblock content %}

{% block scripts %}
	{{super()}}
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js" integrity="sha512-LGXaggshOkD/at6PFNcp2V2unf9LzFq6LE+sChH7ceMTDP0g2kn6Vxwgg7wkPP7AAtX+lmPqPdxB47A0Nz0cMQ==" crossorigin="anonymous"></script>
	{{ moment.include_moment(no_js=True) }}
{% endblock scripts %}