{% extends "basic/base_template.html" %}

{% block pageName %} 
Edit Unit 
{% endblock pageName %} 


{% block content %}
<!--begin::Form Validation-->
<div class="card card-info card-outline mb-4">
  <!--begin::Header-->
  <!--end::Header-->
  <!--begin::Form-->
  <form action="{% url 'update_battalion_admin' battalion.id %}" method="post" class="needs-validation" novalidate>
    {% csrf_token %}
    <!--begin::Body-->
    <div class="card-body">
      <!--begin::Row-->
      <div class="row g-3">
                <!--begin::Col-->
                <div class="col-md-12">
                    <label for="name" class="form-label">Unit Name</label>
                    <input
                      type="text"
                      class="form-control"
                      id="name"
                      name="name"
                      value="{{battalion.name}}"
                      required
                    />
                    <div class="invalid-feedback">Please provide a valid name.</div>
                </div>
                <!--end::Col-->
      </div>
      <!--end::Row-->
    </div>
    <!--end::Body-->
  </form>
</div>

  <!--end::Form-->
  <!--begin::JavaScript-->
  <script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (() => {
      "use strict";

      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      const forms = document.querySelectorAll(".needs-validation");

      // Loop over them and prevent submission
      Array.from(forms).forEach((form) => {
        form.addEventListener(
          "submit",
          (event) => {
            if (!form.checkValidity()) {
              event.preventDefault();
              event.stopPropagation();
            }

            form.classList.add("was-validated");
          },
          false
        );
      });
    })();
  </script>
  <!--end::JavaScript-->
</div>
<!--end::Form Validation-->
{% endblock content %}