{% load crispy_forms_tags %}

<form method="post" id="personForm" data-cities-url="" novalidate>
    {% csrf_token %}
    <div class="table-header">
      <div>
        <div class="row">
          <div class="col-md-3 fw-bold">
            {{search_form.sister_organization|as_crispy_field }}
          </div> 
          <div class="col-md-3 fw-bold">
            {{search_form.branch|as_crispy_field }}
          </div> 

          <div class="col-md-3 fw-bold">
            {{search_form.department|as_crispy_field }}
          </div> 
          <div class="col-md-3 fw-bold">
            {{search_form.designation|as_crispy_field }}
          </div> 
        </div>
        <div class="row">
          <div class="col-md-3 fw-bold">
            {{year_month_wise_form.month|as_crispy_field }}
          </div> 
          <div class="col-md-3 fw-bold">
            {{year_month_wise_form.year|as_crispy_field }}
          </div> 
          <div class="col-md-3 fw-bold">
            {{search_form.work_place|as_crispy_field }}
          </div> 
          <div class="col-md-1" style="margin-top: 31px;">
            <button type="submit" class="cus-btn">Show</button>
          </div>
        </div>
      </div>
    </div>
  </form>