[TASK] style planned events and sidebar forms

templates/includes/macros.html.tera

@@ -20,4 +20,15 @@
       </div>
     </header>
     <div class="h-8"></div>
-{% endmacro input %}
+{% endmacro header %}
+
+{% macro input(label, name, type, required=false) %}
+  <label for="{{ name }}" class="sr-only">{{ label }}</label>
+  <input id="{{ name }}" name="{{ name }}" type="{{ type }}" {% if required %} required {% endif %} class="relative block w-full rounded-md border-0 py-1.5 px-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6" placeholder="{{ label }}">
+{% endmacro input %}
+
+{% macro checkbox(label, name, checked=false) %}
+  <label for="{{ name }}" class="flex items-center cursor-pointer hover:text-gray-900">
+    <input type="checkbox" id="{{ name }}" name="{{ name }}"  {% if checked %} checked {% endif %}  class="h-4 w-4 accent-primary-600 mr-2"/> {{ label }}
+  </label>
+{% endmacro checkbox %}