{% for post in posts %}
{% set sponsorIds = [] %}
{% set sponsorNames = [] %}
{% for sponsor in post.sponsors %}
{% set sponsorIds = sponsorIds|merge([sponsor.id]) %}
{% set sponsorNames = sponsorNames|merge([sponsor.name]) %}
{% endfor %}
{% if post.approved == true or isAdmin %}
<div
	class="card {% if post.approved is same as (null) and isAdmin %}border-primary{% endif %}{% if post.approved is same as (false) and isAdmin %}border-danger{% endif %} iterable-event mb-2"
	id="{{post.id}}" data-sponsors="{{sponsorIds|json_encode}}" data-type="{{post.postType.id}}"
	data-announcement="{{post.isAnnouncement|json_encode}}" data-date="{{post.start|date('U')}}"
	data-location="{{post.location.name}}" data-name="{{post.name}}">
	<div class="card-body">
		<div class="row">
			<div class="col-sm-12 col-md-3">
				{% if post.image == null %}
				<img src="{{path('index')}}/images/{{post.postType.image}}" class="thumbnail img-fluid">
				{% else %}
				<img class="thumbnail img-fluid" src="{{post.image}}">
				{% endif %}
			</div>
			<div class="col-sm-12 col-md-9">
				<h4 class="card-title">
					{{post.name}}
					{% if post.postType.id == 1 %}
					<br><span class='badge badge-primary' style='font-size:0.9rem;position:relative;bottom:5px'>Volunteer
						Opportunity</span>
					{% endif %}
					{% if post.isAnnouncement %}
					<span class='badge badge-primary' style='font-size:0.9rem;position:relative;bottom:5px'>Announcement</span>
					{% endif %}
				</h4>
				<h6 class="card-subtitle mb-2 text-muted">
					{{post.start | date('F jS, g:i a')}} &middot; {{post.location.name}} &middot;
					{{sponsorNames|join(', ')}}
				</h6>
				<p class="card-text">{{post.description}}</p>
				<div class="card-text">
					<a href='#' class='btn btn-secondary interested-btn' data-eventid='{{post.id}}'>I&apos;m
						interested</a>
					<a href="{{path('post', {id: post.id})}}" class="btn btn-primary">View post</a>
					{% if isAdmin %}
					{% set screens = [] %}
					{% for screen in post.screens %}
					{% set screens = screens|merge([screen.id]) %}
					{% endfor %}
					<button type="button" data-toggle="modal" data-target="#editModal" class="btn btn-info" data-id="{{post.id}}"
						data-event_type="{{post.postType.id}}" data-title="{{post.name}}" data-start="{{post.start|date('U')}}"
						data-end="{{post.end|date('U')}}" data-description="{{post.description}}"
						data-extended_description_md="{{post.extendedDescription}}"
						data-announcement="{{post.isAnnouncement|json_encode}}" data-image="{{post.image}}"
						data-has_end="{{post.hasEnd|json_encode}}" data-email="{{post.email}}"
						data-contact_email="{{post.contactEmail}}" data-phone="{{post.phone}}" data-website="{{post.website}}"
						data-sponsors="{{sponsorNames|json_encode}}" data-location="{{post.location.name}}"
						data-street_addr="{{post.location.address}}" data-screens="{{screens|json_encode}}"
						data-tz="{{post.start.getTimezone.name}}"
						data-repeat_end="{% if post.repeatEnd != null %}{{post.repeatEnd|date('m/d/Y H:i:s')}}{% endif %}"
						data-repeat_on="{{post.repeatOn|json_encode}}" data-room_num="{{post.roomNum}}">Edit
						post</button>
					{% endif %}
					{% if isAdmin %}
					<form action="{{path('approve-post')}}" method="POST" class="d-inline">
						<input type="hidden" name="id" value="{{post.id}}">
						<input type="submit" class="btn btn-success" value="Approve"
							{% if post.approved is same as (true) %}disabled{% endif %}>
					</form>
					{% if post.approved is same as (false) %}
					<form action="{{path('delete-post', {id: post.id})}}" method="POST" class="d-inline">
						<input type="submit" class="btn btn-danger" value="Delete">
					</form>
					{% else %}
					<button type="button" class="btn btn-danger clickable-popover" data-toggle="popover" title="Rejection reason"
						data-content="
										Please specify a rejection reason:
										<form action='{{path('reject-post')}}' method='POST' class='d-inline'>
											<input type='hidden' name='id' value='{{post.id}}'>
											<textarea class='form-control' name='reason' rows='3'></textarea>
											<input type='submit' class='btn btn-danger mt-1' value='Reject post'>
										</form>">Reject</button>
					{% endif %}
					{% endif %}
					{% if post.likes > 3 or isAdmin %}<br><small>{{post.likes}} people are interested in this
						post</small>{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
{% endif %}
{% endfor %}