[TASK] layout trip_types and add onclick join msg javascript

templates/includes/macros.html.tera

@@ -37,6 +37,15 @@
   </label>
 {% endmacro checkbox %}
 
+{% macro select(trip_types, select_name='trip_type', default='') %}
+  <select name="{{ select_name }}" class="input rounded-md h-10">
+    <option selected value>{{ default }}</option>
+    {% for trip_type in trip_types %}
+          <option value="{{ trip_type.id }}">{{ trip_type.name }}</option>
+    {% endfor %}
+  </select>
+{% endmacro select %}
+
 {% macro alert(message, type, class='') %}
 <div class="{{ class }} alert-{{ type }} text-white px-3 py-1 rounded-md text-center">
   {{ message }}