{% extends 'base.html' %}

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

{% block content %}
  <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-3xl font-bold">Create Education</h1>
  </div>
  <form method="post" class="space-y-4 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>
{% endblock %}