{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Détails du paiement
{% endblock %}

{% block body %}
	<div class="all-title-box">
		<div class="container text-center">
			<h1>Détails du paiement<span class="m_1">Informations complètes</span>
			</h1>
		</div>
	</div>

	<div id="overviews" class="section lb">
		<div class="container">
			{% include 'layout/partials/flash_messages.html.twig' %}

			<div class="row">
				<div class="col-lg-8 mx-auto">
					<div class="card">
						<div class="card-header bg-success text-white">
							<h4 class="mb-0">
								<i class="fas fa-receipt"></i>
								Paiement #{{ payment.id }}</h4>
						</div>
						<div class="card-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<th width="30%">
											<i class="fas fa-receipt"></i>
											N° Reçu</th>
										<td>
											<strong class="text-primary">{{ payment.receiptNumber }}</strong>
										</td>
									</tr>
									<tr>
										<th>
											<i class="fas fa-user-graduate"></i>
											Élève ID</th>
										<td>{{ payment.studentId }}</td>
									</tr>
									<tr>
										<th>
											<i class="fas fa-calendar-alt"></i>
											Année scolaire</th>
										<td>{{ payment.schoolYearId }}</td>
									</tr>
									<tr>
										<th>
											<i class="fas fa-money-bill-wave"></i>
											Montant</th>
										<td>
											<h4 class="text-success mb-0">{{ payment.amount|number_format(0, ',', ' ') }}
												XAF</h4>
										</td>
									</tr>
									<tr>
										<th>
											<i class="fas fa-calendar"></i>
											Date du paiement</th>
										<td>{{ payment.paymentDate|date('d/m/Y H:i') }}</td>
									</tr>
									<tr>
										<th>
											<i class="fas fa-user"></i>
											Reçu par</th>
										<td>{{ payment.receivedBy }}</td>
									</tr>
									{% if payment.notes %}
										<tr>
											<th>
												<i class="fas fa-sticky-note"></i>
												Notes</th>
											<td>{{ payment.notes|nl2br }}</td>
										</tr>
									{% endif %}
									<tr>
										<th>
											<i class="fas fa-file-pdf"></i>
											Reçu PDF</th>
										<td>
											{% if payment.pdfPath %}
												<a href="{{ payment.pdfPath }}" target="_blank" class="btn btn-sm btn-primary">
													<i class="fas fa-download"></i>
													Télécharger le reçu
												</a>
											{% else %}
												<span class="text-muted">Non disponible</span>
											{% endif %}
										</td>
									</tr>
								</tbody>
							</table>
							<br/>
							<div class="row">
								<div class="col-md-6">
									<a href="{{ path('app_finance_cash_payment_receipt', {'id': payment.id}) }}" class="btn btn-primary btn-block" target="_blank">
										<i class="fas fa-file-pdf"></i>
										Générer/Télécharger PDF
									</a>
								</div>
								<div class="col-md-6">
									<a href="{{ path('app_finance_cash_payment_index') }}" class="btn btn-secondary btn-block">
										<i class="fas fa-arrow-left"></i>
										Retour
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}