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

{% block pageName %} 
ADD Sub 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 'create_company_admin' %}" 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-6">
            <label for="name" class="form-label">Sun Unit Name</label>
            <input
              type="text"
              class="form-control"
              id="name"
              name="name"
              required
            />
            <div class="invalid-feedback">Please provide a valid name.</div>
        </div>
        <!--end::Col-->     
        <!--begin::Col-->
        <div class="col-md-6">
          <label for="battalion" class="form-label">Unit</label>
          <select class="form-select" id="battalion" name="battalion" required>
            <option selected disabled value="">Choose...</option>
            {% for battalion in battalions %}
            <option value="{{ battalion.id }}">{{ battalion.name }}</option>
            {% endfor %}
          </select>
          <div class="invalid-feedback">Please select a Unit.</div>
        </div>
        <!--end::Col-->
      </div>
      <!--end::Row-->
      <!--begin::row-->
      <div class="row mt-3">
        <!--begin::Col-->
        <div class="col-md-6 border-end border-2 border-secondary mb-3">
          <h5 class="bg-secondary text-center p-1 text-white">TO&amp;E</h5>
          <!---begin::row-->
          <div class="row">
            <!--begin::Col-->
            <div class="col-4">
              <label for="offr" class="form-label">OFFR</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="offr"
                name="offr"                
              />
              <div class="invalid-feedback">Please provide a valid OFFR number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="mwo" class="form-label">MWO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="mwo"
                name="mwo"                
              />
              <div class="invalid-feedback">Please provide a valid MWO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="smo" class="form-label">SWO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="smo"
                name="smo"                
              />
              <div class="invalid-feedback">Please provide a valid SWO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="wo" class="form-label">WO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="wo"
                name="wo"                
              />
              <div class="invalid-feedback">Please provide a valid WO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="sgt" class="form-label">SGT</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="sgt"
                name="sgt"                
              />
              <div class="invalid-feedback">Please provide a valid SGT number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="cpl" class="form-label">CPL</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="cpl"
                name="cpl"                
              />
              <div class="invalid-feedback">Please provide a valid CPL number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="lcpl" class="form-label">Lt ColPL</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="lcpl"
                name="lcpl"                
              />
              <div class="invalid-feedback">Please provide a valid Lt ColPL number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="snk" class="form-label">SNK</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="snk"
                name="snk"                
              />
              <div class="invalid-feedback">Please provide a valid SNK number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="clk" class="form-label">CLK</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="clk"
                name="clk"                
              />
              <div class="invalid-feedback">Please provide a valid CLK number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="tailor" class="form-label">Tailor</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="tailor"
                name="tailor"                
              />
              <div class="invalid-feedback">Please provide a valid Tailor number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="e_br" class="form-label">E&amp;BR</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="e_br"
                name="e_br"                
              />
              <div class="invalid-feedback">Please provide a valid E&amp;BR number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ck_mm" class="form-label">CK(U/M)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ck_mm"
                name="ck_mm"                
              />
              <div class="invalid-feedback">Please provide a valid CK(U/M) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="carp" class="form-label">CARP</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="carp"
                name="carp"                
              />
              <div class="invalid-feedback">Please provide a valid CARP number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="rco" class="form-label">RCO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="rco"
                name="rco"                
              />
              <div class="invalid-feedback">Please provide a valid RCO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="nc_e" class="form-label">NC(E)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="nc_e"
                name="nc_e"                
              />
              <div class="invalid-feedback">Please provide a valid NC(E) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="nc_u" class="form-label">NC(U)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="nc_u"
                name="nc_u"                
              />
              <div class="invalid-feedback">Please provide a valid NC(U) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="att" class="form-label">ATT</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="att"
                name="att"                
              />
              <div class="invalid-feedback">Please provide a valid ATT number.</div>
            </div>
            <!--end::Col--> 
          </div>
          <!---end::row-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-md-6 border-end border-2 border-secondary">
          <h5 class="bg-secondary text-center p-1 text-white">ERE</h5>
          <!---begin::row-->
          <div class="row">
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_offr" class="form-label">OFFR</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_offr"
                name="ere_offr"                
              />
              <div class="invalid-feedback">Please provide a valid OFFR number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_mwo" class="form-label">MWO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_mwo"
                name="ere_mwo"                
              />
              <div class="invalid-feedback">Please provide a valid MWO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_smo" class="form-label">SWO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_smo"
                name="ere_smo"                
              />
              <div class="invalid-feedback">Please provide a valid SWO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_wo" class="form-label">WO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_wo"
                name="ere_wo"                
              />
              <div class="invalid-feedback">Please provide a valid WO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_sgt" class="form-label">SGT</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_sgt"
                name="ere_sgt"                
              />
              <div class="invalid-feedback">Please provide a valid SGT number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_cpl" class="form-label">CPL</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_cpl"
                name="ere_cpl"                
              />
              <div class="invalid-feedback">Please provide a valid CPL number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_lcpl" class="form-label">Lt ColPL</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_lcpl"
                name="ere_lcpl"                
              />
              <div class="invalid-feedback">Please provide a valid Lt ColPL number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_snk" class="form-label">SNK</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_snk"
                name="ere_snk"                
              />
              <div class="invalid-feedback">Please provide a valid SNK number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_clk" class="form-label">CLK</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_clk"
                name="ere_clk"                
              />
              <div class="invalid-feedback">Please provide a valid CLK number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_tailor" class="form-label">Tailor</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_tailor"
                name="ere_tailor"                
              />
              <div class="invalid-feedback">Please provide a valid Tailor number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_e_br" class="form-label">E&amp;BR</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_e_br"
                name="ere_e_br"                
              />
              <div class="invalid-feedback">Please provide a valid E&amp;BR number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_ck_mm" class="form-label">CK(U/M)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_ck_mm"
                name="ere_ck_mm"                
              />
              <div class="invalid-feedback">Please provide a valid CK(U/M) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_carp" class="form-label">CARP</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_carp"
                name="ere_carp"                
              />
              <div class="invalid-feedback">Please provide a valid CARP number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_rco" class="form-label">RCO</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_rco"
                name="ere_rco"                
              />
              <div class="invalid-feedback">Please provide a valid RCO number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_nc_e" class="form-label">NC(E)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_nc_e"
                name="ere_nc_e"                
              />
              <div class="invalid-feedback">Please provide a valid NC(E) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_nc_u" class="form-label">NC(U)</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_nc_u"
                name="ere_nc_u"                
              />
              <div class="invalid-feedback">Please provide a valid NC(U) number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_att" class="form-label">ATT</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_att"
                name="ere_att"                
              />
              <div class="invalid-feedback">Please provide a valid ATT number.</div>
            </div>
            <!--end::Col--> 
          </div>
          <!---end::row-->
        </div>
        <!--end::Col-->
      </div>
      <!--end::row-->
      <!--begin::row-->
      <div class="row mt-3">
        <!--begin::Col-->
        <div class="col-md-6 border-end border-2 border-secondary mb-3">
          <h5 class="bg-secondary text-center p-1 text-white">OFFR TO&amp;E</h5>
          <!---begin::row-->
          <div class="row">
            <!--begin::Col-->
            <div class="col-4">
              <label for="g" class="form-label">General</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="g"
                name="g"                
              />
              <div class="invalid-feedback">Please provide a valid General number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="lg" class="form-label">Lt Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="lg"
                name="lg"                
              />
              <div class="invalid-feedback">Please provide a valid Lt Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="mg" class="form-label">Maj Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="mg"
                name="mg"                
              />
              <div class="invalid-feedback">Please provide a valid Maj Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="bg" class="form-label">Brig Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="bg"
                name="bg"                
              />
              <div class="invalid-feedback">Please provide a valid Brig Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="c" class="form-label">Colonel</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="c"
                name="c"                
              />
              <div class="invalid-feedback">Please provide a valid Colonel number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="lc" class="form-label">Lt Col</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="lc"
                name="lc"                
              />
              <div class="invalid-feedback">Please provide a valid Lt Col number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="m" class="form-label">Major</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="m"
                name="m"                
              />
              <div class="invalid-feedback">Please provide a valid Major number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="cp" class="form-label">Captain</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="cp"
                name="cp"                
              />
              <div class="invalid-feedback">Please provide a valid Captain number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="l" class="form-label">Lieutenant</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="l"
                name="l"                
              />
              <div class="invalid-feedback">Please provide a valid Lieutenant number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="sl" class="form-label"> 2nd Lt</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="sl"
                name="sl"                
              />
              <div class="invalid-feedback">Please provide a valid  2nd Lt number.</div>
            </div>
            <!--end::Col--> 
          </div>
          <!---end::row-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-md-6 border-end border-2 border-secondary mb-3">
          <h5 class="bg-secondary text-center p-1 text-white">OFFR ERE</h5>
          <!---begin::row-->
          <div class="row">
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_g" class="form-label">General</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_g"
                name="ere_g"                
              />
              <div class="invalid-feedback">Please provide a valid General number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_lg" class="form-label">Lt Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_lg"
                name="ere_lg"                
              />
              <div class="invalid-feedback">Please provide a valid Lt Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_mg" class="form-label">Maj Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_mg"
                name="ere_mg"                
              />
              <div class="invalid-feedback">Please provide a valid Maj Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_bg" class="form-label">Brig Gen</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_bg"
                name="ere_bg"                
              />
              <div class="invalid-feedback">Please provide a valid Brig Gen number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_c" class="form-label">Colonel</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_c"
                name="ere_c"                
              />
              <div class="invalid-feedback">Please provide a valid Colonel number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_lc" class="form-label">Lt Col</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_lc"
                name="ere_lc"                
              />
              <div class="invalid-feedback">Please provide a valid Lt Col number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_m" class="form-label">Major</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_m"
                name="ere_m"                
              />
              <div class="invalid-feedback">Please provide a valid Major number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_cp" class="form-label">Captain</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_cp"
                name="ere_cp"                
              />
              <div class="invalid-feedback">Please provide a valid Captain number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_l" class="form-label">Lieutenant</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_l"
                name="ere_l"                
              />
              <div class="invalid-feedback">Please provide a valid Lieutenant number.</div>
            </div>
            <!--end::Col--> 
            <!--begin::Col-->
            <div class="col-4">
              <label for="ere_sl" class="form-label"> 2nd Lt</label>
              <input
                type="number"
                value="0"
                class="form-control"
                id="ere_sl"
                name="ere_sl"                
              />
              <div class="invalid-feedback">Please provide a valid  2nd Lt number.</div>
            </div>
            <!--end::Col--> 
          </div>
          <!---end::row-->
        </div>
        <!--end::Col-->
      </div>
      <!--end::row-->
    </div>
    <!--end::Body-->

  </form>
  <!--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 %}