<!DOCTYPE html>
<html lang="en">

<head>
  <link rel="stylesheet" href="main.css">
</head>

<body> 
    <h1>Bilan réservations</h1>
    <h2>{{month}} {{ year }}</h2>
  <div class="overflow-auto">
		<table class="items-table">
			<thead>
				<tr>
					<th scope="col">#</th>
					<th scope="col">Nom</th>
					<th scope="col">Du</th>
					<th scope="col">Au</th>
					<th scope="col">Revenue (€)</th>
					<th scope="col">Platforme</th>
					<th scope="col">Commission (€)</th>
					<th scope="col">NemoImmo (€)</th>
					<th scope="col">Profit (€)</th>
				</tr>
			</thead>
			<tbody>
				{% for row in lines %}
					<tr>
						<th scope="row"> {{ row.Id }} </th>
						<td>{{ row.CustomerName }}</td>
						<td>{{ row.From }}</td>
						<td>{{ row.To }}</td>
						<td>{{ row.Total }}</td>
						<td>{{ row.Platform }}</td>
						<td>{{ row.PlatformFees }}</td>
						<td>{{ row.Fee }}</td>
						<td>{{ row.Profit }}</td>
					</tr>
				{% endfor %}
			</tbody>
			<tfoot>
				<tr>
					<td scope="row">Totaux</td>
					<td></td>
					<td></td>
					<td></td>
					<td>{{ total }}</td>
					<td></td>
					<td>{{ platformFees }}</td>
					<td>{{ fee }}</td>
					<td>{{ profit }}</td>
				</tr>
				<tr>
					<td scope="row"></td>
					<td></td>
					<td></td>
					<td>dont CB :</td>
					<td>{{ cardTotal }}</td>
					<td>Frais Booking :</td>
					<td>{{ bookingFees }}</td>
					<td></td>
					<td></td>
				</tr>
			</tfoot>
		</table>
	</div>
</body>
</html>
