From 1023b8bb9fda406c64af72d99e965e0fe2ba12b8 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Fri, 11 Jul 2025 09:42:39 +0000
Subject: [PATCH] Include clear warnings about age restrictions for different
 fireworks categories

Add regulatory information about age restrictions for firework sales categories F1, F2, and F3 in NewSaleForm.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dec54137-d5a2-4406-8ad4-5f2f9fb110bf
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/31627418-f098-472c-af03-835049cb92a4.jpg
---
 client/src/components/NewSaleForm.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/src/components/NewSaleForm.tsx b/client/src/components/NewSaleForm.tsx
index 56fdc89..a5da098 100644
--- a/client/src/components/NewSaleForm.tsx
+++ b/client/src/components/NewSaleForm.tsx
@@ -436,6 +436,24 @@ export default function NewSaleForm() {
               </div>
             </div>
 
+            {/* Informations réglementaires */}
+            <div className="section-info">
+              <div className="section-header">
+                <Info className="h-5 w-5" />
+                <span>Informations Réglementaires</span>
+              </div>
+              <div className="bg-blue-50 dark:bg-blue-950 p-4 rounded-md border border-blue-200 dark:border-blue-800">
+                <div className="space-y-2 text-sm">
+                  <p className="font-medium text-blue-900 dark:text-blue-100">Restrictions d'âge selon la catégorie :</p>
+                  <div className="space-y-1 text-blue-800 dark:text-blue-200">
+                    <p>• <strong>F1</strong> = vente interdite aux mineurs de moins de 12 ans</p>
+                    <p>• <strong>F2</strong> = vente interdite aux mineurs de moins de 16 ans</p>
+                    <p>• <strong>F3</strong> = vente interdite aux mineurs de moins de 18 ans</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+
             {/* Boutons d'action */}
             <div className="flex flex-col sm:flex-row gap-4 pt-6">
               <button