{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}
<title>Add Attendance</title>
{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}

{% if messages %}
  {% for message in messages %}
    <div class="alert alert-dismissible fade show alert-danger" role="alert">{{ message }}
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
  {% endfor %}
{% endif %}

{% if request.user.is_superuser == True  or request.user.user_type == 'Mother_Organization_admin' or request.user.user_type == 'Sister_Organization_admin' or request.user.user_type == 'Branch' or request.user.user_type == 'Regular' %}
<div class="contents">
  <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"> 
              Update Attendance
            </h5>
          </div>
          <div class="card-body">
              <div class="row">
                <div class="col-md-4 m-auto">
                    {{form.employee|as_crispy_field}}
                </div> 
              </div>
              <div class="row">
                <div class="col-md-4 m-auto">
                  {{form.date|as_crispy_field}}
                </div> 
              </div>
              <div class="row">
                <div class="col-md-4 m-auto">
                  {{form.in_time|as_crispy_field}}
                </div> 
              </div>
              <div class="row">
                <div class="col-md-4 m-auto">
                  {{form.out_time|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" >Update</button>
          </div>
      </div>
    </div>
  </form>
</div>
{% endif %}

{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}
<script type=text/javascript>
    var load_branch_url = "{% url 'ajax_load_branchs' %}"
    var load_emp = "{% url 'salary-employee-load' %}"
    var load_sister_organization_url = "{% url 'sister-organization-load' %}"
    var load_branch_organization_url = "{% url 'load-branch-organization' %}"
    var load_department_url = "{% url 'ajax-load-department' %}"
    var load_attendance_device_url = "{% url 'branch-attendance-device-load' %}"


    $("#id_in_time").attr("type","datetime-local");
    $("#id_out_time").attr("type","datetime-local");
    $('#id_in_time').attr("value",'{{form.in_time.value|date:'c'}}');
    $('#id_date').attr("value",'{{form.date.value|date:'c'}}');
    $('#id_out_time').attr("value",'{{form.out_time.value|date:'c'}}');
</script>

<script src="{% static 'js/attendance_app/attendance_log/create.js' %} "></script>

{% endblock JS %}