djadhere/todo/templates/todo/task_form.html

{% extends "base.html" %}
{% load bootstrap4 %}

{% block todotab %} active{% endblock %}

{% block extrahead %}
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#id_assigned_to').select2();
});
</script>
{% endblock %}

{% block content %}
  <h1>{% if task %}Ajouter{% else %}Modifier{% endif %} une tâche</h1>

  <form action="" method="post">
    {% csrf_token %}
    {% bootstrap_form form %}
    {% buttons %}
    {% if task %}
    {% bootstrap_button "Modifier" button_type="submit" button_class="btn-primary" %}
    {% else %}
    {% bootstrap_button "Ajouter" button_type="submit" button_class="btn-primary" %}
    {% endif %}
    {% bootstrap_button "Annuler" button_type="link" href=cancel_url %}
    {% endbuttons %}
  </form>

{% endblock %}