{% extends "forms/layouts/default.html" %}

{% block fields %}
  <div class="col-span-full">
    {{ form.title.as_field_group }}
  </div>

  <div class="col-span-full sm:col-span-3">
    {{ form.date.as_field_group }}
  </div>
  <div class="col-span-full sm:col-span-3">
    {{ form.end_date.as_field_group }}
  </div>

  <div class="col-span-full">
    {{ form.category.as_field_group }}
  </div>

  <div class="col-span-full sm:col-span-3">
    {{ form.duration.as_field_group }}
  </div>
  <div class="col-span-full sm:col-span-3">
    {{ form.distance.as_field_group }}
  </div>

  {% if "level" in form.fields and "project" in form.fields %}
    <div class="col-span-full sm:col-span-3">
      {{ form.level.as_field_group }}
    </div>
    <div class="col-span-full sm:col-span-3">
      {{ form.project.as_field_group }}
    </div>
  {% elif "level" in form.fields %}
    <div class="col-span-full">
      {{ form.level.as_field_group }}
    </div>
  {% elif "project" in form.fields %}
    <div class="col-span-full">
      {{ form.project.as_field_group }}
    </div>
  {% endif %}

  <div class="col-span-full">
    {{ form.description.as_field_group }}
  </div>
{% endblock %}