{% extends 'base.html' %}

{% block title %}
  Create Education
{% endblock %}

{% block content %}
  <section class="w-full px-5 md:px-10">
    <div class="w-full flex items-center gap-10">
      <a href="/education">
        {% include 'components/button.html' with variant='btn-primary' text='< Back' %}
      </a>
      <h1 class="text-xl md:text-3xl font-bold">Create Education</h1>
    </div>
    <form method="post" class="space-y-4 md:w-96 ">
      {% csrf_token %}
      {% for field in form %}
        {% if field.name == 'tingkat_pendidikan' %}
          <label for="{{ field.id_for_label }}" class="block text-sm font-medium text-gray-700">TINGKAT PENDIDIKAN</label>
        {% endif %}
        {{ field }}
        {% if field.errors %}
          <p class="text-red-500 text-xs mt-1">{{ field.errors.0 }}</p>
        {% endif %}
      {% endfor %}
      <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
    </form>
  </section>
{% endblock %}