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

{% block pageName %}
INFO
{% endblock pageName %}

{% block content %}
<div class="container my-4">
  <div class="row g-3">
    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Auth</span>
        <span>=</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Posted</span>
        <span>=</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Def</span>
        <span>= Auth - Posted</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Out Of Unit Emp</span>
        <span>=</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Held</span>
        <span>= Posted - Out Of Unit Emp</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Ration Out</span>
        <span>= Total - W/Lve - Line Sick</span>
      </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
      <div class="d-flex justify-content-between align-items-center border p-2 rounded bg-light">
        <span class="fw-bold">Rear</span>
        <span>= Present - Ops Depl</span>
      </div>
    </div>
  </div>
</div>

{% endblock content %}