{% extends app.request.query.get("embed") == '1'
  ? "base.html.twig"
  : "bases/base." ~ subdomain ~ ".html.twig" %}

{% block title %}
	{{ parent() }}
{% endblock %}

{% block head %}
	{{ parent() }}
	{# <meta name="description" content=""> #}
{% endblock %}

{% block javascript %}
	{{ parent() }}
{% endblock %}

{% block styles %}
	{{parent()}}
{% endblock %}

{% block body %}
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-sm-7">
				<h2>Your account</h2>
				<hr>
				<h5>{{user.username}}</h5>
				<p>You are a
					{{user.roleDescription}}. You have posted
					{{posts|length}}
					events.</p>
				{% if posts|length == 0 %}
					<p class="text-center mb-5"><a href="{{path('new-post')}}">Click here</a> to submit your first event!</p>
				{% else %}
					{% for post in posts %}
						<div class="card mb-2" id="{{post.id}}">
							<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="{{path('post', {id: post.id})}}" class="btn btn-primary">View post</a>
											<a href="{{path('edit-post-form', {id: post.id})}}" class="btn btn-secondary">Edit post</a>
											<form action="{{path('delete-post', {id: post.id})}}" method="POST" class="d-inline">
												<input type="submit" class="btn btn-danger" value="Delete post">
											</form>
											<br>
											<small>{{post.likes}} people are interested in this post</small>
										</div>
									</div>
								</div>
							</div>
						</div>
					{% endfor %}
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}