feat(site): allow document management

app/pages/sites.vue

@@ -291,11 +291,60 @@
             </div>
           </div>
 
+          <div class="border-t border-base-200 pt-4 space-y-4">
+            <div class="flex items-center justify-between">
+              <div>
+                <h4 class="font-semibold text-sm">Documents liés</h4>
+                <p class="text-xs text-gray-500">Ajoutez des documents (PDF, images...) relatifs à ce site.</p>
+              </div>
+              <span v-if="selectedFiles.length" class="badge badge-outline">
+                {{ selectedFiles.length }} fichier{{ selectedFiles.length > 1 ? 's' : '' }} prêt{{ selectedFiles.length > 1 ? 's' : '' }} à être ajouté
+              </span>
+            </div>
+
+            <DocumentUpload
+              v-model="selectedFiles"
+              title="Déposer vos fichiers"
+              subtitle="Formats courants acceptés : PDF, JPG, PNG, DOCX..."
+            />
+
+            <div v-if="siteDocuments.length" class="space-y-3">
+              <h5 class="text-sm font-medium">Documents existants</h5>
+              <div class="space-y-2 max-h-48 overflow-y-auto pr-1">
+                <div
+                  v-for="document in siteDocuments"
+                  :key="document.id"
+                  class="flex items-center justify-between rounded border border-base-200 bg-base-100 px-3 py-2"
+                >
+                  <div class="text-sm">
+                    <div class="font-medium">{{ document.name }}</div>
+                    <div class="text-xs text-gray-500">
+                      {{ document.mimeType || 'Inconnu' }} • {{ formatSize(document.size) }}
+                    </div>
+                  </div>
+                  <div class="flex items-center gap-2">
+                    <button type="button" class="btn btn-ghost btn-xs" @click="downloadDocument(document)">
+                      Télécharger
+                    </button>
+                    <button
+                      type="button"
+                      class="btn btn-error btn-xs"
+                      @click="handleRemoveSiteDocument(document.id)"
+                    >
+                      Supprimer
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
           <div class="modal-action">
             <button type="button" class="btn" @click="closeEditModal">
               Annuler
             </button>
-            <button type="submit" class="btn btn-primary">
+            <button type="submit" class="btn btn-primary" :disabled="uploadingDocuments">
+              <span v-if="uploadingDocuments" class="loading loading-spinner loading-xs mr-2"></span>
               Enregistrer
             </button>
           </div>
@@ -306,11 +355,14 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { useSites } from '~/composables/useSites'
 import { useToast } from '~/composables/useToast'
+import { useDocuments } from '~/composables/useDocuments'
+import DocumentUpload from '~/components/DocumentUpload.vue'
 
 const { sites, loading, loadSites, createSite, updateSite, deleteSite } = useSites()
+const { uploadDocuments, deleteDocument, loadDocumentsBySite, documents: documentStore } = useDocuments()
 
 // Data
 const showAddSiteModal = ref(false)
@@ -336,6 +388,11 @@ const editSiteForm = reactive({
   contactCity: ''
 })
 
+const selectedFiles = ref([])
+const uploadingDocuments = ref(false)
+
+const siteDocuments = computed(() => siteBeingEdited.value?.documents || [])
+
 // Methods
 const handleCreateSite = async () => {
   const result = await createSite({
@@ -367,6 +424,8 @@ const editSite = (site) => {
   editSiteForm.contactAddress = site.contactAddress || ''
   editSiteForm.contactPostalCode = site.contactPostalCode || ''
   editSiteForm.contactCity = site.contactCity || ''
+  selectedFiles.value = []
+  refreshSiteDocuments(site.id)
   showEditSiteModal.value = true
 }
 
@@ -382,14 +441,121 @@ const handleUpdateSite = async () => {
     contactCity: editSiteForm.contactCity
   })
 
-  if (result.success) {
-    closeEditModal()
+  if (!result.success) return
+
+  let uploadedDocuments = []
+  if (selectedFiles.value.length) {
+    uploadingDocuments.value = true
+    const uploadResult = await uploadDocuments({
+      files: selectedFiles.value,
+      context: { siteId: siteBeingEdited.value.id }
+    })
+    uploadingDocuments.value = false
+
+    if (uploadResult.success) {
+      uploadedDocuments = uploadResult.data || []
+      selectedFiles.value = []
+    }
   }
+
+  if (uploadedDocuments.length) {
+    if (siteBeingEdited.value) {
+      siteBeingEdited.value.documents = [...uploadedDocuments, ...(siteBeingEdited.value.documents || [])]
+    }
+    const index = sites.value.findIndex(site => site.id === siteBeingEdited.value?.id)
+    if (index !== -1) {
+      sites.value[index] = {
+        ...sites.value[index],
+        name: editSiteForm.name,
+        contactName: editSiteForm.contactName,
+        contactPhone: editSiteForm.contactPhone,
+        contactAddress: editSiteForm.contactAddress,
+        contactPostalCode: editSiteForm.contactPostalCode,
+        contactCity: editSiteForm.contactCity,
+        documents: [...uploadedDocuments, ...(sites.value[index].documents || [])]
+      }
+    }
+  } else {
+    const index = sites.value.findIndex(site => site.id === siteBeingEdited.value?.id)
+    if (index !== -1) {
+      sites.value[index] = {
+        ...sites.value[index],
+        name: editSiteForm.name,
+        contactName: editSiteForm.contactName,
+        contactPhone: editSiteForm.contactPhone,
+        contactAddress: editSiteForm.contactAddress,
+        contactPostalCode: editSiteForm.contactPostalCode,
+        contactCity: editSiteForm.contactCity,
+      }
+    }
+  }
+
+  closeEditModal()
 }
 
 const closeEditModal = () => {
   showEditSiteModal.value = false
   siteBeingEdited.value = null
+  selectedFiles.value = []
+}
+
+const handleRemoveSiteDocument = async (documentId) => {
+  if (!documentId) return
+
+  const result = await deleteDocument(documentId)
+  if (result.success) {
+    if (siteBeingEdited.value) {
+      siteBeingEdited.value.documents = (siteBeingEdited.value.documents || []).filter(doc => doc.id !== documentId)
+    }
+
+    const index = sites.value.findIndex(site => site.id === siteBeingEdited.value?.id)
+    if (index !== -1) {
+      const updatedDocs = (sites.value[index].documents || []).filter(doc => doc.id !== documentId)
+      sites.value[index] = {
+        ...sites.value[index],
+        documents: updatedDocs,
+      }
+    }
+  }
+}
+
+const downloadDocument = (doc) => {
+  if (!doc?.path) return
+
+  if (doc.path.startsWith('data:')) {
+    const link = document.createElement('a')
+    link.href = doc.path
+    link.download = doc.filename || doc.name || 'document'
+    link.click()
+    return
+  }
+
+  window.open(doc.path, '_blank')
+}
+
+const refreshSiteDocuments = async (siteId) => {
+  if (!siteId) return
+  const result = await loadDocumentsBySite(siteId)
+  if (result.success && siteBeingEdited.value && siteBeingEdited.value.id === siteId) {
+    const cloned = [...documentStore.value]
+    siteBeingEdited.value.documents = cloned
+    const index = sites.value.findIndex(site => site.id === siteId)
+    if (index !== -1) {
+      sites.value[index] = {
+        ...sites.value[index],
+        documents: cloned,
+      }
+    }
+  }
+}
+
+const formatSize = (size) => {
+  if (size === undefined || size === null) return '—'
+  if (size === 0) return '0 B'
+  const units = ['B', 'KB', 'MB', 'GB']
+  const index = Math.min(units.length - 1, Math.floor(Math.log(size) / Math.log(1024)))
+  const formatted = size / Math.pow(1024, index)
+  return `${formatted.toFixed(1)} ${units[index]}`
 }
 
 const confirmDeleteSite = async (site) => {