{%extends 'base.html' %}
{%load static%}
{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}

{%block styles%}


{% if LANGUAGE_CODE == 'ar' %}
<!-- BEGIN: Custom CSS-->
<link rel="stylesheet" type="text/css" href="{%static 'css-rtl/custom-rtl.css'%}">
<link rel="stylesheet" type="text/css" href="{%static 'assets/css/style-rtl.css'%}">
custom-rtl.
<!-- END: Custom CSS-->
{%else%}
<!-- BEGIN: Custom CSS-->
<link rel="stylesheet" type="text/css" href="{%static 'assets/css/style.css'%}">
<!-- END: Custom CSS-->

{%endif%}




  
{%endblock%}

{%block content%}

<!-- Overview Start -->
<div class="content-header row">
  <div class="content-header-left col-md-12 col-12 mb-2">
      <div class="row breadcrumbs-top">
          <div class="col-12">
              <h2 class="content-header-title float-left mb-0">{% trans "الحضور" %} > </h2>
              <div class="breadcrumb-wrapper">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="/">{% trans "الرئيسية" %} </a>
                      </li>
                      <li class="breadcrumb-item"><a href="#">{% trans "الأيدي العاملة" %}</a>
                      </li>
                      <li class="breadcrumb-item"><a href="/hr/list-of-attendance">{% trans "الحضور" %}</a>
                      </li>

                      {% if typeOfReq == 'new' %}
                        <li class="breadcrumb-item active">{% trans "إضافة حضور" %}
                        </li>
                      {% else %}
                        <li class="breadcrumb-item active">{% trans "Export Data" %} 
                        </li>
                      {% endif %}
                  </ol>
              </div>
          </div>
      </div>
  </div>
</div>

<!-- Table Start -->
<div class="row" {% if not EnglishLanguage %} style="direction: rtl;" {% endif %}>
  <div class="col-lg-12">
    <section class="panel">
      <form class="form-horizontal" id="attendance-add-form" method="POST">
        {% csrf_token %}
        <div class="container" {% if not EnglishLanguage %} style="direction: rtl;" {% endif %}>

          <!-- Filters -->
          <div class="row" style="padding-top: 20px;">
            {% if user.is_superuser %}
            <div class="col-sm-4">
              <div class="form-group bmd-form-group">
                <label for="employee">{% trans "Employees" %}</label>
                <select id="employee" class="form-control" name="employee">
                  <option value="0">{% trans "All Employees" %}</option>
                  {% for data in employee_objs %}
                  <option value="{{ data.id }}">{{ data.name }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            {% endif %}

            <div class="col-sm-4">
              <div class="form-group bmd-form-group">
                <label for="project">{% trans "Projects" %}</label>
                <select id="project" class="form-control" name="project">
                  <option value="0">{% trans "All Projects" %}</option>
                  {% for data in projects_objs %}
                  <option value="{{ data.id }}">{{ data.name_english }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>

          <!-- Date Filter -->
          <div class="row" style="padding-top: 20px;">
            <div class="col-sm-4">
              <div class="form-group bmd-form-group">
                <label for="date-from">{% trans "Date From" %}</label>
                <input type="date" class="form-control" id="date-from" name="date-from">
              </div>
            </div>

            <div class="col-sm-4">
              <div class="form-group bmd-form-group">
                <label for="date-to">{% trans "Date To" %}</label>
                <input type="date" class="form-control" id="date-to" name="date-to">
              </div>
            </div>

            <div class="col-3" style="margin-top: 25px;">
              <button type="submit" class="btn btn-primary pull-right w-100"
                formaction="/hr/export-csv-attendance/">{% trans "Export as CSV" %}</button>
              <div class="clearfix"></div>
            </div>

          </div>

        </div>
      </form>
    </section>
  </div>
</div>
{% endblock  %}

{% block Extrajavascripts %}

<script>
  $('#hr-menu').addClass('open active')
  $('#attendance-export-settings').addClass('active')
</script>
{% endblock  %}