{{ template "headersDATAMIX.html" . }}

<div class="max-w-7xl mx-auto px-6 py-8 space-y-6">
	<!-- Titre -->
	<div class="bg-white p-4 rounded-lg shadow-sm">
	  <h2 class="text-xl font-semibold">16 documents</h2>
	</div>
  
	<!-- Bouton global -->
	<div>
	  <button class="w-full bg-red-600 hover:bg-red-700 text-white py-3 rounded-lg font-medium">
		Valider l'exécution de toutes les commandes
	  </button>
	</div>
  
	<!-- Tableau -->
	<div class="bg-white overflow-x-auto rounded-lg shadow-sm">
	  <table class="min-w-full divide-y divide-gray-200">
		<thead class="bg-gray-50">
		  <tr>
			<th class="px-6 py-3 text-left text-xs font-medium uppercase text-gray-500">Date</th>
			<th class="px-6 py-3 text-left text-xs font-medium uppercase text-gray-500">Références</th>
			<th class="px-6 py-3 text-left text-xs font-medium uppercase text-gray-500">Détail</th>
			<th class="px-6 py-3 text-left text-xs font-medium uppercase text-gray-500">Actions</th>
		  </tr>
		</thead>
		<tbody class="divide-y divide-gray-200">
		  <!-- Ligne validée -->
		  <tr class="bg-green-50">
			<td class="px-6 py-4 text-green-600 font-medium">21/02/2025</td>
			<td class="px-6 py-4">
			  <a href="#" class="text-green-600 font-semibold hover:underline">
				FACTUREF-202411-17080
			  </a>
			  <p class="text-xs text-gray-500 mt-1">MEDIAPOST</p>
			</td>
			<td class="px-6 py-4 text-green-600">
			  <span class="font-medium">34 775.20 € HT</span>
			  <div class="text-xs">41 730.24 € TTC</div>
			</td>
			<td class="px-6 py-4 flex space-x-2">
			  <button class="px-3 py-1 border border-green-600 text-green-600 rounded hover:bg-green-100">
				Télécharger
			  </button>
			  <button class="px-3 py-1 text-gray-600 hover:text-gray-800">
				× Annuler
			  </button>
			</td>
		  </tr>
  
		  <!-- Ligne en attente -->
		  <tr class="bg-red-50">
			<td class="px-6 py-4 text-red-600 font-medium">06/01/2025</td>
			<td class="px-6 py-4">
			  <a href="#" class="text-red-600 font-semibold hover:underline">
				FACTUREF-202501-16775
			  </a>
			  <p class="text-xs text-gray-500 mt-1">MEDIAPOST</p>
			</td>
			<td class="px-6 py-4 text-red-600">
			  <span class="font-medium">12 750.00 € HT</span>
			  <div class="text-xs">15 300.00 € TTC</div>
			</td>
			<td class="px-6 py-4 flex space-x-2">
			  <button class="px-3 py-1 border border-red-600 text-red-600 rounded hover:bg-red-100">
				Télécharger
			  </button>
			  <button class="px-3 py-1 text-red-600 hover:underline">
				× Annuler
			  </button>
			</td>
		  </tr>
  
		  <!-- Répète pour les autres lignes… -->
		</tbody>
	  </table>
	</div>
  </div>
  

{{ template "footer.html" . }}