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

{% block pageName %} 
Edit 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 'update_company_admin' company.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-6">
          <label for="name" class="form-label">Sub Unit Name</label>
          <input
            type="text"
            class="form-control"
            id="name"
            name="name"
            value="{{ company.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 {% if battalion.id == company.battalion.id %} selected {% endif %} value="{{ battalion.id }}">{{ battalion.name }}</option>
            {% endfor %}
            <option >...</option>
          </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"
                class="form-control"
                id="offr"
                name="offr"
                value={{ company.offr }}
                required
              />
              <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"
                class="form-control"
                id="mwo"
                name="mwo"
                value={{ company.mwo }}
                required
              />
              <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"
                class="form-control"
                id="smo"
                name="smo"
                value={{ company.smo }}
                required
              />
              <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"
                class="form-control"
                id="wo"
                name="wo"
                value={{ company.wo }}
                required
              />
              <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"
                class="form-control"
                id="sgt"
                name="sgt"
                value={{ company.sgt }}
                required
              />
              <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"
                class="form-control"
                id="cpl"
                name="cpl"
                value={{ company.cpl }}
                required
              />
              <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"
                class="form-control"
                id="lcpl"
                name="lcpl"
                value={{ company.lcpl }}
                required
              />
              <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"
                class="form-control"
                id="snk"
                name="snk"
                value={{ company.snk }}
                required
              />
              <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"
                class="form-control"
                id="clk"
                name="clk"
                value={{ company.clk }}
                required
              />
              <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"
                class="form-control"
                id="tailor"
                name="tailor"
                value={{ company.tailor }}
                required
              />
              <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"
                class="form-control"
                id="e_br"
                name="e_br"
                value={{ company.e_br }}
                required
              />
              <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"
                class="form-control"
                id="ck_mm"
                name="ck_mm"
                value={{ company.ck_mm }}
                required
              />
              <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"
                class="form-control"
                id="carp"
                name="carp"
                value={{ company.carp }}
                required
              />
              <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"
                class="form-control"
                id="rco"
                name="rco"
                value={{ company.rco }}
                required
              />
              <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"
                class="form-control"
                id="nc_e"
                name="nc_e"
                value={{ company.nc_e }}
                required
              />
              <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"
                class="form-control"
                id="nc_u"
                name="nc_u"
                value={{ company.nc_u }}
                required
              />
              <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"
                class="form-control"
                id="att"
                name="att"
                value={{ company.att }}
                required
              />
              <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 mb-3 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"
                class="form-control"
                id="ere_offr"
                name="ere_offr"
                value={{ company.ere_offr }}
                required
              />
              <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"
                class="form-control"
                id="ere_mwo"
                name="ere_mwo"
                value={{ company.ere_mwo }}
                required
              />
              <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"
                class="form-control"
                id="ere_smo"
                name="ere_smo"
                value={{ company.ere_smo }}
                required
              />
              <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"
                class="form-control"
                id="ere_wo"
                name="ere_wo"
                value={{ company.ere_wo }}
                required
              />
              <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"
                class="form-control"
                id="ere_sgt"
                name="ere_sgt"
                value={{ company.ere_sgt }}
                required
              />
              <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"
                class="form-control"
                id="ere_cpl"
                name="ere_cpl"
                value={{ company.ere_cpl }}
                required
              />
              <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"
                class="form-control"
                id="ere_lcpl"
                name="ere_lcpl"
                value={{ company.ere_lcpl }}
                required
              />
              <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"
                class="form-control"
                id="ere_snk"
                name="ere_snk"
                value={{ company.ere_snk }}
                required
              />
              <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"
                class="form-control"
                id="ere_clk"
                name="ere_clk"
                value={{ company.ere_clk }}
                required
              />
              <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"
                class="form-control"
                id="ere_tailor"
                name="ere_tailor"
                value={{ company.ere_tailor }}
                required
              />
              <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"
                class="form-control"
                id="ere_e_br"
                name="ere_e_br"
                value={{ company.ere_e_br }}
                required
              />
              <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"
                class="form-control"
                id="ere_ck_mm"
                name="ere_ck_mm"
                value={{ company.ere_ck_mm }}
                required
              />
              <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"
                class="form-control"
                id="ere_carp"
                name="ere_carp"
                value={{ company.ere_carp }}
                required
              />
              <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"
                class="form-control"
                id="ere_rco"
                name="ere_rco"
                value={{ company.ere_rco }}
                required
              />
              <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"
                class="form-control"
                id="ere_nc_e"
                name="ere_nc_e"
                value={{ company.ere_nc_e }}
                required
              />
              <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"
                class="form-control"
                id="ere_nc_u"
                name="ere_nc_u"
                value={{ company.ere_nc_u }}
                required
              />
              <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"
                class="form-control"
                id="ere_att"
                name="ere_att"
                value={{ company.ere_att }}
                required
              />
              <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"
                class="form-control"
                id="g"
                name="g"
                value={{ company.g }}
                required
              />
              <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"
                class="form-control"
                id="lg"
                name="lg"
                value={{ company.lg }}
                required
              />
              <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"
                class="form-control"
                id="mg"
                name="mg"
                value={{ company.mg }}
                required
              />
              <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"
                class="form-control"
                id="bg"
                name="bg"
                value={{ company.bg }}
                required
              />
              <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"
                class="form-control"
                id="c"
                name="c"
                value={{ company.c }}
                required
              />
              <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"
                class="form-control"
                id="lc"
                name="lc"
                value={{ company.lc }}
                required
              />
              <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"
                class="form-control"
                id="m"
                name="m"
                value={{ company.m }}
                required
              />
              <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"
                class="form-control"
                id="cp"
                name="cp"
                value={{ company.cp }}
                required
              />
              <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"
                class="form-control"
                id="l"
                name="l"
                value={{ company.l }}
                required
              />
              <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"
                class="form-control"
                id="sl"
                name="sl"
                value={{ company.sl }}
                required
              />
              <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"
                class="form-control"
                id="ere_g"
                name="ere_g"
                value={{ company.ere_g }}
                required
              />
              <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"
                class="form-control"
                id="ere_lg"
                name="ere_lg"
                value={{ company.ere_lg }}
                required
              />
              <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"
                class="form-control"
                id="ere_mg"
                name="ere_mg"
                value={{ company.ere_mg }}
                required
              />
              <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"
                class="form-control"
                id="ere_bg"
                name="ere_bg"
                value={{ company.ere_bg }}
                required
              />
              <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"
                class="form-control"
                id="ere_c"
                name="ere_c"
                value={{ company.ere_c }}
                required
              />
              <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"
                class="form-control"
                id="ere_lc"
                name="ere_lc"
                value={{ company.ere_lc }}
                required
              />
              <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"
                class="form-control"
                id="ere_m"
                name="ere_m"
                value={{ company.ere_m }}
                required
              />
              <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"
                class="form-control"
                id="ere_cp"
                name="ere_cp"
                value={{ company.ere_cp }}
                required
              />
              <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"
                class="form-control"
                id="ere_l"
                name="ere_l"
                value={{ company.ere_l }}
                required
              />
              <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"
                class="form-control"
                id="ere_sl"
                name="ere_sl"
                value={{ company.ere_sl }}
                required
              />
              <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>
        <button type="submit" class="btn btn-primary">Update Sub Unit</button>
      </div>
    </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 %}