il faut ajouté :

- numéro de sécurité sociale
- aspace pièce jointe pour ajouter des documents

modifier-client.html

@@ -125,6 +125,10 @@
                             <input type="tel" value="06 12 34 56 78" 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">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">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">
                         </div>
@@ -187,9 +191,48 @@
                         <label class="block text-sm font-medium text-gray-700 mb-1">Informations supplémentaires</label>
                         <textarea rows="3" 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">Client fidèle depuis plusieurs années</textarea>
                     </div>
+                    <!-- Pièces jointes existantes -->
+                    <div class="mt-6">
+                        <label class="block text-sm font-medium text-gray-700 mb-2">Documents joints</label>
+                        <div class="grid grid-cols-3 gap-4">
+                            <div class="flex items-center p-3 border rounded-lg">
+                                <i data-feather="file-text" class="h-6 w-6 text-blue-400 mr-3"></i>
+                                <div>
+                                    <p class="text-sm font-medium truncate">Carte_identite.pdf</p>
+                                    <p class="text-xs text-gray-500">1.2 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>
+
+                    <!-- Nouvelle pièce jointe -->
+                    <div class="mt-6">
+                        <label class="block text-sm font-medium text-gray-700 mb-2">Ajouter des documents</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" />
+                                </svg>
+                                <div class="flex text-sm text-gray-600">
+                                    <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-blue-600 hover:text-blue-500 focus-within:outline-none">
+                                        <span>Uploader un fichier</span>
+                                        <input id="file-upload" name="file-upload" type="file" class="sr-only" multiple>
+                                    </label>
+                                    <p class="pl-1">ou glisser-déposer</p>
+                                </div>
+                                <p class="text-xs text-gray-500">
+                                    PNG, JPG, PDF, DOCX jusqu'à 10MB
+                                </p>
+                            </div>
+                        </div>
+                        <div id="file-list" class="mt-2 grid grid-cols-3 gap-4"></div>
+                    </div>
 
                     <div class="flex justify-end space-x-4 pt-4">
-                        <a href="clients.html" class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200">
+<a href="clients.html" class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200">
                             Annuler
                         </a>
                         <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition duration-200">

nouveau-client.html

@@ -118,6 +118,10 @@
                             <input type="tel" 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">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">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">
                         </div>
@@ -192,9 +196,9 @@
                                     <p class="pl-1">ou glisser-déposer</p>
                                 </div>
                                 <p class="text-xs text-gray-500">
-                                    PNG, JPG, PDF jusqu'à 10MB
+                                    PNG, JPG, PDF, DOCX jusqu'à 10MB
                                 </p>
-                            </div>
+</div>
                         </div>
                         <div id="file-list" class="mt-2 grid grid-cols-3 gap-4"></div>
                     </div>