{% load crispy_forms_tags %}

<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
  {% csrf_token %}
  <div class="accordion-item">
      <div class="card">
        <div class="card-header">
          <h5 class="mb-0 fw-bold"> 
            Add Attendance
          </h5>
        </div>
        <div class="card-body">
          <div class="row">
            <div class="col-md-4">
                {{form.mother_organization|as_crispy_field}}
            </div>
            <div class="col-md-4">
                {{form.sister_organization|as_crispy_field}}
            </div> 
            <div class="col-md-4">
                {{form.branch|as_crispy_field}}
            </div> 
            </div>
          <div class="row">
            <div class="col-md-6">
              {{form.department|as_crispy_field}}
            </div>
            <div class="col-md-6">
              {{form.employee|as_crispy_field}}
            </div> 
          </div>

          <div class="row">
            <div class="col-md-6">
              {{form.device_id|as_crispy_field}}
            </div>
            <div class="col-md-6">
                <label for="datetime">Date Time</label>
                <input class="form-control" type="datetime-local"  id="id_datetime" name="datetime">
            </div>
          </div>
          
          <div class="row">
            <div class="col-md-6">
                {{form.log_type|as_crispy_field}}
              </div>
          </div>   
        </div>
   
      </div>
  
      <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
        <div class="col-md-12 text-center">
            <button type="submit" class="cus-btn" >Submit</button>
        </div>
    </div>
</div>
</form>