{% extends 'base.html.twig' %}

{% block title %}Webmail
{% endblock %}

{% block body %}
	<div class="col-xlg-10 col-lg-9 col-md-8 bg-light-part b-l">
		<div class="card-body">
			<div class="btn-group m-b-10 m-r-10" role="group" aria-label="Button group with nested dropdown">
				<button type="button" class="btn btn-secondary font-18">
					<i class="mdi mdi-inbox-arrow-down"></i>
				</button>
				<button type="button" class="btn btn-secondary font-18">
					<i class="mdi mdi-alert-octagon"></i>
				</button>
				<button type="button" class="btn btn-secondary font-18">
					<i class="mdi mdi-delete"></i>
				</button>
			</div>
		</div>
		<div class="card-body p-t-0">
			<div class="card b-all shadow-none">
				<div class="inbox-center table-responsive">
					<table class="table table-hover no-wrap">
						<tbody>
							{% for e in emails %}
								{% if (e.recipient == app.user.email and e.type == 'inbox') or (e.sender ==  app.user.email and e.type == 'sent') or (e.recipient ==  app.user.email and e.type == 'trash') %}
									<tr class="unread">
										<td style="width:40px">
											<div class="checkbox">
												<input type="checkbox" id="checkbox0" value="check">
												<label for="checkbox0"></label>
											</div>
										</td>
										<td style="width:40px" class="hidden-xs-down">
											<i class="fa fa-star-o"></i>
										</td>
										<td class="hidden-xs-down">
											<a href="{{ path('app_show_email', {'id': e.id}) }}">{{ e.senderName }}</a>
										</td>
										<td class="max-texts">
											<a href="{{ path('app_show_email', {'id': e.id}) }}">{{ e.subject }}</a>
										</td>
										<td class="hidden-xs-down">
											{% if e.attachment != null %}
											<i class="fa fa-paperclip"></i>
											{% endif %}
										</td>
										<td class="text-right">
											{{ e.date|date("d/m/Y - H:i") }}
										</td>
									</tr>
								{% endif %}
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}