From 56f07009993667af32d1485201328bc121efcad9 Mon Sep 17 00:00:00 2001
From: Nicolas CARON <nicolas.caron@coopgo.fr>
Date: Mon, 14 Oct 2024 09:59:33 +0200
Subject: [PATCH] edit web/layouts/agenda/_partials/event-files.html

---
 web/layouts/agenda/_partials/event-files.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/layouts/agenda/_partials/event-files.html b/web/layouts/agenda/_partials/event-files.html
index faf6585..e404b8c 100644
--- a/web/layouts/agenda/_partials/event-files.html
+++ b/web/layouts/agenda/_partials/event-files.html
@@ -3,16 +3,19 @@
 x-data="{
     fields: {
         name: null,
+        type: null,
         file: null,
     },
     rules: {
         name: ['required'],
+        type: ['required'],
         file: ['required'],
     },
     formValidation: {
         valid: false,
         fields: {
             name: {valid: null},
+            type: {valid: null},
             file: {valid: null},
         }
     },
@@ -35,8 +38,7 @@ x-data="{
     {{if eq (len .ViewState.documents) 0}}
     <p class="p-12 text-gray-500 text-center text-md">Aucun document</p>
     {{end}}
-
-
+    
     {{if gt (len .ViewState.documents) 0}}
     
     <div class="-mx-4 mb-10 ring-1 ring-gray-300 sm:-mx-6 md:mx-0 md:rounded-lg">
@@ -74,11 +76,22 @@ x-data="{
     <h3 class="text-lg">Ajouter un document</h3>
     <form method="POST" action="/app/agenda/{{.ViewState.event.ID}}/documents"  @submit="submit"  enctype="multipart/form-data">
         <div class="md:grid md:grid-cols-6 p-2">
+          <div class="sm:col-span-2">
+            <label for="type" class="block text-sm font-medium text-gray-700">Type</label>
+            <select id="type" name="type" class="mt-1 block w-full rounded-l-2xl border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
+                x-model="fields.type" @blur="validateField('type')"
+                :class="formValidation.fields.type.valid == false ? 'border-co-red border-2' : 'border-gray-300'">
+                <option value="" selected>Sélectionner un type</option>
+                {{range .ViewState.events_file_types}}
+                <option value="{{.}}">{{index $.ViewState.file_types_map .}}</option>
+                {{end}}
+            </select>
+          </div>
               <div class="sm:col-span-4">
                 <label for="name" class="block text-sm font-medium text-gray-700">Nom</label>
                       <input type="text" name="name" id="name"
                           placeholder="Nom du fichier"
-                          class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm  rounded-2xl"
+                          class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm  rounded-r-2xl"
                           x-model="fields.name" @blur="validateField('name')"
                           :class="formValidation.fields.name.valid == false ? 'border-co-red border-2' : 'border-gray-300'" />
               </div>