prompt template from db

templates/index.html

@@ -12,16 +12,6 @@
       <section class="chat" aria-label="Chat">
         <div class="chat__header">
           <span>AKERN Assistant</span>
-          <button
-            class="chat__settings"
-            id="settings-toggle"
-            type="button"
-            aria-haspopup="dialog"
-            aria-expanded="false"
-            aria-controls="settings-drawer"
-          >
-            Configurazione
-          </button>
         </div>
         <div class="chat__messages" id="messages"></div>
         <div class="chat__status" id="status">Connecting…</div>
@@ -49,18 +39,9 @@
         class="drawer"
         id="settings-drawer"
         aria-label="Configurazione"
-        aria-hidden="true"
       >
         <div class="drawer__header">
           <h2 class="drawer__title">Configurazione</h2>
-          <button
-            class="drawer__close"
-            id="settings-close"
-            type="button"
-            aria-label="Chiudi"
-          >
-            ✕
-          </button>
         </div>
         <form class="drawer__form">
           <label class="drawer__field">
@@ -128,11 +109,13 @@
             />
             <output class="drawer__value">20</output>
           </label>
-          <label for="drawer__field">
+          <label class="drawer__field">
             <span class="drawer__label">Prompts</span>
-            <!-- TODO -->
-            <!-- Here i need a select -->
-            <!-- {% for prompt in prompts %} {{ prompt.name }} {{ prompt.id }} {% endfor %} -->
+            <select class="drawer__select" id="config-prompt">
+              {% for prompt in prompts %}
+              <option value="{{ prompt.id }}">{{ prompt.name }}</option>
+              {% endfor %}
+            </select>
           </label>
         </form>
       </aside>