{% 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="fas fa-reply"></i>
				</button>
				<button type="button" class="btn btn-secondary font-18">
					<i class="mdi mdi-forward"></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="card-body">
					<h3 class="card-title m-b-0">{{ email.subject }}</h3>
				</div>
				<div>
					<hr class="m-t-0">
				</div>
				<div class="card-body">
					<div class="d-flex m-b-40">
						<div class="p-l-10">
							<h4 class="m-b-0">{{ email.senderName }}</h4>
							<small class="text-muted">
							    De : {{ email.sender }}<br>
								À : {{ email.recipient }}
							</small>
						</div>
					</div>
					{{ email.content|raw }}
				</div>
				{% if email.attachment != null %}
				<div>
					<hr class="m-t-0">
				</div>
				<div class="card-body">
					<h4>
						<i class="fa fa-paperclip m-r-10 m-b-10"></i>
						Pièces jointes
						<span>(1)</span>
					</h4>
					<div class="row">
						<div class="col-md-2">
							<a href="{{ asset('attachments/') }}{{ email.attachment }}">
								{{ email.attachment }}
							</a>
						</div>
					</div>
				</div>
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}