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

{% block title %}Schedule index
{% endblock %}

{% block body %}
	<div class="container position-relative align-items-center">
		<div class="row justify-content-center">
			<div id="flash-messages">
				{% for label, messages in app.flashes %}
					<div class="alert alert-{{ label }}">
						{% for message in messages %}
							<p>{{ message }}</p>
						{% endfor %}
					</div>
				{% endfor %}
			</div>
			<div class="row py-2 bg-light rounded shadow-sm">
				<h1>Loyers</h1>
				<div class="col-md-4 mb-2 mb-md-0">
					<div class="card">
						<div class="card-body">
							<h5 class="card-title">À payer</h5>
							<p class="card-text">{{ sum_a_payer|number_format(0, ',', '.') }}
								{{ currency }}</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 mb-2 mb-md-0">
					<div class="card">
						<div class="card-body">
							<h5 class="card-title">Payé</h5>
							<p class="card-text">{{ (sum_payes + sum_partiels)|number_format(0, ',', '.') }}
								{{ currency }}</p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card">
						<div class="card-body">
							<h5 class="card-title">Dette</h5>
							<p class="card-text">{{ (sum_a_payer - sum_payes - sum_partiels)|number_format(0, ',', '.') }}
								{{ currency }}</p>
						</div>
					</div>
				</div>

				<div class="col-12 col-md-2 mb-2">
					{{ form_start(form) }}
					<div class="innput-group">
						{{ form_row(form.id) }}
					</div>
					<div class="row">
						<button type="submit" class="btn btn-primary mt-2">Filtrer</button>
					</div>
					{{ form_end(form) }}
				</div>
				<div class="col-12 col-md-10">
					<div class="row py-2 bg-light rounded shadow-sm">
						<div class="table-responsive">
							<table class="table">
								<thead class="thead-dark">
									<tr>
										<th class="original-col">Bien</th>
										<th class="original-col">{{ knp_pagination_sortable(schedules, 'Locataire', 'id') }}</th>
										<th class="merged-col">Bien<br>
											{{ knp_pagination_sortable(schedules, 'Locataire', 'id') }}
										</th>
										<th class="original-col">{{ knp_pagination_sortable(schedules, 'Début', 'start_date') }}
											{% if sortDirection == 'asc' %}
												&uarr;
											{% else %}
												&darr;
											{% endif %}
										</th>
										<th class="original-col">{{ knp_pagination_sortable(schedules, 'Fin', 'end_date') }}
											{% if sortDirection == 'asc' %}
												&uarr;
											{% else %}
												&darr;
											{% endif %}
										</th>
										<th class="merged-col">
											{{ knp_pagination_sortable(schedules, 'Début', 'start_date') }}
											{% if sortDirection == 'asc' %}
												&uarr;
											{% else %}
												&darr;
											{% endif %}

											{{ knp_pagination_sortable(schedules, 'Fin', 'end_date') }}
											{% if sortDirection == 'asc' %}
												&uarr;
											{% else %}
												&darr;
											{% endif %}
											Loyer
										</th>
										<th class="original-col text-end">Loyer</th>
										<th class="original-col text-end">Payé</th>
										<th class="original-col text-center">Status</th>
										<th class="merged-col">Payé<br>Statut</th>
										<th class="original-col">Actions</th>
										<th class="merged-col"></th>
									</tr>
								</thead>


								{% for schedule in schedules %}
									{% set sched = schedule.schedule %}
									{% set status = sched.status %}
									{% set statusValue = statusValues[sched.status] %}

									{% if (status == 'npai') %}
										{% set row_class = 'table-danger' %}
									{% elseif (status == 'part') %}
										{% set row_class = 'table-warning' %}
									{% elseif (status == 'paid') %}
										{% set row_class = 'table-light' %}
									{% elseif (status == 'late') %}
										{% set row_class = 'table-light' %}
									{% else %}
										{% set row_class = 'lost' %}
									{% endif %}
									<tbody>
										<tr class="{{ row_class }}">
											<td class="original-col" rowspan="2">
												<a class="link-primary" href="{{ path('app_schedule_index', {'rental_filter[id]': sched.rental.id}) }}">{{ sched.rental.property.name }}</a>
											</td>
											<td class="original-col">
												<a href="{{ path('app_tenant_detail', {'id':sched.rental.tenant.id})}}">{{ sched.rental.tenant }}</a>
											</td>
											<td class="merged-col">
												<a class="link-primary" href="{{ path('app_schedule_index', {'rental_filter[id]': sched.rental.id}) }}">{{ sched.rental.property.name }}</a>
												<br>
												<a href="{{ path('app_tenant_detail', {'id':sched.rental.tenant.id})}}">{{ sched.rental.tenant }}</a>
											</td>
											<td class="original-col">{{ sched.startDate ? sched.startDate|date('d/m/Y') : '' }}</td>
											<td class="original-col">{{ sched.endDate ? sched.endDate|date('d/m/Y') : '' }}</td>
											<td class="merged-col">
												{{ sched.startDate ? sched.startDate|date('d/m/Y') : '' }}
												{{ sched.endDate ? sched.endDate|date('d/m/Y') : '' }}<br>
												{{ sched.amount|number_format(0, ',', '.') }}
											</td>
											<td class="original-col text-end">
												{{ sched.amount|number_format(0, ',', '.') }}
											</td>
											<td class="original-col text-end">{{ schedule.sumPrices ? schedule.sumPrices|number_format(0, ',', '.') : '' }}</td>
											<td class="original-col text-center">
												{% if (status == 'paid') %}
													{{ statusValue }}
												{% else %}
													<a class="link-primary" title="Enregistrer un paiement" href="{{ path('app_payment_new', {'id': sched.id}) }}">{{ statusValue }}</a>
												{% endif %}
											</td>
											<td class="merged-col text-center">
												{% if (status =='paid') %}
													{{ statusValue }}
												{% else %}
													<a class="link-primary" title="Enregistrer un paiement" href="{{ path('app_payment_new', {'id': sched.id}) }}">{{ statusValue }}</a>
												{% endif %}
												{{ schedule.sumPrices ? schedule.sumPrices|number_format(0, ',', '.') : '' }}
											</td>
											<td class="dropdownButton font-weight-bold fs-3">
												<button class="btn btn-light bi bi-chevron-down"></button>
											</td>
										</tr>
										<tr class="{{ row_class }}" style="display:none;">
											<td colspan="7">
												{% if (status == 'Payé') %}
													{% for payment in sched.payments %}
														<a class="btn btn-primary" href="{{ path('app_payment_showfacture', {'id': payment.id}) }}">Quittance du
															{{ payment.paymentDate|date('d/m/Y H:i') }}
														</a>
													{% endfor %}
												{% else %}
													{% if is_granted("ROLE_EDITOR") %}
														<a class="btn btn-primary" href="{{ path('app_payment_new', {'id': sched.id}) }}">Enregistrer un paiement</a>
														<a class="btn btn-primary" href="{{ path('app_relance_new', {'id': sched.rental.id}) }}">Relance</a>
													{% endif %}
													{% for payment in sched.payments %}
														<a class="btn btn-primary" href="{{ path('app_payment_showfacture', {'id': payment.id}) }}">Quittance du
															{{ payment.paymentDate|date('d/m/Y H:i') }}
														</a>
													{% endfor %}
												{% endif %}
												{% if (status == 'npai') %}
													<a class="btn btn-primary" href="{{ path('app_schedule_edit', {'id': sched.id}) }}">Modifier</a>
												{% endif %}
												{% if is_granted("ROLE_ADMIN") %}
													<a class="btn btn-primary" href="{{ path('app_schedule_delete', {'id': sched.id}) }}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette catégorie ?');">Supprimer</a>
												{% endif %}
											</td>
										</tr>
									</tbody>
								{% else %}
									<tr>
										<td colspan="7">Aucune échéance trouvée
											{% if is_granted("ROLE_EDITOR") %}
												<a href="{{ path('app_rental_new') }}">
													<i class="fas fa-plus"></i>Ajouter une location
												</a>
											{% endif %}
										</td>

									</tr>
								{% endfor %}
							</table>
						</div>
						<div class="navigation">
							{% do schedules.setPageRange(3) %}
							{{ knp_pagination_render(schedules, 'pagination.html.twig') }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}
{% block javascript %}
	<script src="{{ asset('assets/js/dropdown.js?id=12') }}"></script>
{% endblock %}