ajouter :

N°Carte Vitale,
une partie pièce jointe pour des photos ou documents

modifier-client.html

@@ -128,6 +128,10 @@
                             <label class="block text-sm font-medium text-gray-700 mb-1">Numéro de Sécurité Sociale</label>
                             <input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" value="1 85 06 75 115 007 36">
                         </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">N° Carte Vitale</label>
+                            <input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="1234567890123">
+</div>
 <div>
                             <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                             <input type="email" value="martin.dupont@email.com" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@@ -205,8 +209,18 @@
                                     <i data-feather="trash-2" class="h-4 w-4"></i>
                                 </button>
                             </div>
+                            <div class="flex items-center p-3 border rounded-lg">
+                                <i data-feather="image" class="h-6 w-6 text-blue-400 mr-3"></i>
+                                <div>
+                                    <p class="text-sm font-medium truncate">Carte_vitale.jpg</p>
+                                    <p class="text-xs text-gray-500">0.8 MB</p>
+                                </div>
+                                <button class="ml-auto text-red-500 hover:text-red-700">
+                                    <i data-feather="trash-2" class="h-4 w-4"></i>
+                                </button>
+                            </div>
                         </div>
-                    </div>
+</div>
 
                     <!-- Nouvelle pièce jointe -->
                     <div class="mt-6">

nouveau-client.html

@@ -121,6 +121,10 @@
                             <label class="block text-sm font-medium text-gray-700 mb-1">Numéro de Sécurité Sociale</label>
                             <input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
                         </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">N° Carte Vitale</label>
+                            <input type="text" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="1234567890123">
+</div>
 <div>
                             <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                             <input type="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
@@ -182,8 +186,8 @@
                     </div>
 <!-- Pièces jointes -->
                     <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-2">Pièces jointes</label>
-                        <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg">
+                        <label class="block text-sm font-medium text-gray-700 mb-2">Pièces jointes (Carte Vitale, Documents d'identité, etc.)</label>
+<div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-lg">
                             <div class="space-y-1 text-center">
                                 <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
                                     <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />