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

{% block title %}{% endblock %}

{% block stylesheets %}{% endblock %}

{% block javascripts %}{% endblock %}

{% block breadcrumb %}
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb bg-white px-3 py-2 rounded shadow-sm rounded-pill align-items-center">
			<li class="breadcrumb-item d-flex align-items-center">
				<a href="{{ url('app_dashboard') }}" class="text-primary">
					<i class="fa fa-home me-1"></i>
					Accueil
				</a>
			</li>
			<li class="breadcrumb-item active">Report</li>
		</ol>
	</nav>
{% endblock %}

{% block sidebar %}
	{% include 'partials/_sidebar_menu.html.twig' %}
{% endblock %}

{% block content %}
	<div class="row" id="project-reports" data-app-project-id="{{ project.id }}">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<div class="dropdown float-end">
						<a href="#" class="dropdown-toggle arrow-none card-drop" data-bs-toggle="dropdown" aria-expanded="false">
							<i class="mdi mdi-dots-vertical"></i>
						</a>
						<div class="dropdown-menu dropdown-menu-end" style="">
							<a href="javascript:void(0);" class="dropdown-item">Action</a>
							<a href="javascript:void(0);" class="dropdown-item">Another action</a>
							<a href="javascript:void(0);" class="dropdown-item">Something else</a>
							<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
						</div>
					</div>
					<h4 class="mt-0 header-title">Basic example</h4>
					<p class="text-muted font-14 mb-3">
						For basic styling—light padding and only horizontal dividers—add the base class
						<code>.table</code>
						to any
						<code>&lt;table&gt;</code>.
					</p>

					<div class="table-responsive">
						<table class="table mb-0">
							<thead>
								<tr>
									<th>Nom du rapport</th>
									<th>Type</th>
									<th>Date</th>
									<th>Statut</th>
									<th>Télécharger</th>
									<th>E-mail</th>
									<th>Supprimer</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Rapport mensuel - Projet X</td>
									<td>KPI Global</td>
									<td>2024-12-25</td>
									<td>
										<span class="badge fs-5 badge-outline-success">Succès</span>
									</td>
									<td>
										<button class="btn btn-primary btn-sm width-md">
											<i class="mdi mdi-download-box-outline"></i>
											Télécharger
										</button>
									</td>
									<td>
										<button class="btn btn-secondary btn-sm width-md">
											<i class="mdi mdi-email-newsletter"></i>
											E-mail
										</button>
									</td>
									<td>
										<button class="btn btn-danger btn-sm width-md">
											<i class="mdi mdi-trash-can-outline"></i>
											Supprimer
										</button>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}