{% 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-5">
                  <div class="row">
      
                  {{form.employee|as_crispy_field}}                    
                </div>
                <div class="row">
                 
                      {{form.date|as_crispy_field}}         
                  
                </div>
                <div class="row">
                    {{form.in_time|as_crispy_field}}       
                  </div>
                <div class="row">
                         
                    {{form.out_time|as_crispy_field}}
                        
                  </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>

            <div class="col-md-5 offset-md-2">
              <div id ='log-card'>

              </div>
              
                
              </div>

            </div>
          

          </div>

        </div>
        
         
        
        </div>
   
      
  
      
</div>
</form>