{% load crispy_forms_tags %}

<div class="table-area">
  <div class="table-title">
    <div class="row">
      <div class="col-md-4">
        <div>
          <h4>Costing</h4>
        </div>
      </div>
    </div>
  </div>
  <div class="table-header bg-white">
    <form method="post" id="personForm" data-cities-url="" novalidate>
      {% csrf_token %}
      
      <div class="row">
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-3 fw-bold">
              {{form.mother_organization|as_crispy_field }}
            </div> 
            <div class="col-md-3 fw-bold">
              {{form.sister_organization|as_crispy_field }}
            </div> 
            <div class="col-md-3 fw-bold">
              {{form.branch|as_crispy_field }}
            </div> 
            <div class="col-md-3 fw-bold">
              {{status_form.approval_is_cost_submit_status|as_crispy_field}}
            </div>
            <div class="col-md-3" style="margin-top: 31px;">
              <button type="submit" class="cus-btn">Show</button>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>