{% extends 'base_admin.html.twig' %}

{% block title %}Employee index{% endblock %}

{% block body %}
    <h1 class="text-danger">Employees</h1>

    <div class="row">
        <div class="col-md-8">
            Show:-
            <a class="btn btn-outline-info" href="{{ path('employee_index', {'show' : 'active'}) }}">Active</a>
            <a class="btn btn-outline-info" href="{{ path('employee_index', {'show' : 'inactive'}) }}">InActive</a>
            <a class="btn btn-info" href="{{ path('employee_index') }}">All</a>
        </div>
        <div class="col-md-4">
            <a class="btn btn-outline-success" href="{{ path('employee_new') }}">Add employee</a>
            <a class="btn btn-info" href="{{ path('employee_export') }}">Export to xls</a>
        </div>
    </div>


    <hr>

    <table class="table">
        <thead>
        <tr>
            <th>Full Name <p style="color:red"> Click to edit</p></th>
            <th>Date of Birth</th>
            <th>e-mail<p style="color:red"> Click to email</p></th>
            <th>PA1<br><i class="fa fa-phone" style="color:black; text-align: center"></i></th>
            <th>PA2<br><i class="fa fa-phone" style="color:black; text-align: center"></i></th>
            <th>AX <br><i class="fa fa-phone" style="color:black; text-align: center"></i></th>
            <th>Address <p style="color:red">Hover for address</p></th>
            <th>Nationality</th>
            <th>AVS</th>
            <th>Job</th>
            <th>Primary/ Secondary</th>
            <th>Gross/Net</th>
            <th>Permit</th>
            <th>Impot</th>
            <th>Marital status</th>
            <th>Active</th>
        </tr>
        </thead>
        <tbody>
        {% for employee in employees %}
            {% if  employee.isActive == 'true'  %}
                <tr style="background-color: white; color: darkgray">
            {% else %}
                <tr style= "background-color: whitesmoke; color: gray">
            {% endif %}
                <td><a href="{{ path('employee_edit', {'id': employee.id}) }}">{{ employee.fullName }}</a></td>
                <td style="display: inline-block;width: 110px" data-sort="{{ employee.dateOfBirth ? employee.dateOfBirth|date('Y-m-d') : '' }}"> {{ employee.dateOfBirth ? employee.dateOfBirth|date('d-M-Y') : '' }}</td>
                <td><a href=mailto:{{ employee.email }}>  {{ employee.email }}</a></td>
                <td title= {{ employee.personalMobile1 }}>
                    {% if employee.personalMobile1 is not empty %}
                        <i class="fa fa-phone" style="color:black; text-align: center"></i>
                    {% endif %}

                    {% if employee.isPersonalMobile1WA == 1 and  employee.personalMobile1 is not empty %}
                        <a target="_blank" href="https://wa.me/{{ employee.personalMobile1 }}">
                            <i class="fa fa-whatsapp" style="color:green; text-align: center"></i></a>
                    {% endif %}
                </td>

                <td title= {{ employee.personalMobile2 }}>
                    {% if employee.personalMobile2 is not empty %}
                        <i class="fa fa-phone" style="color:black; text-align: center"></i>
                    {% endif %}

                    {% if employee.isPersonalMobile2WA == 1 and employee.personalMobile2 is not empty %}
                        <a target="_blank" href="https://wa.me/{{ employee.personalMobile2 }}">
                            <i class="fa fa-whatsapp" style="color:green; text-align: center"></i></a>
                    {% endif %}
                </td>

                <td style="display: inline-block;width: 180px" >
                    {% for axMobile in axMobiles %}
                        {% if axMobile.employee is not null %}
                            {% if axMobile.employee.id == employee.id %}
                                {{ axMobile.mobileNumber }}
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </td>
                <td title="{{ employee.addressRoad }},{{ employee.addressCity }}">{{ ( employee.addressCity == "TBA") ?  'N' : 'Y' }}</td>
                <td>{{ (employee.nationality.code is defined) ? employee.nationality.code :'' }}</td>
                <td>{{ employee.avsNumber }}</td>
                <td>{{ employee.jobDescription }}</td>
                <td>{{ employee.primarySecondaryJob }}</td>
                <td>{{ employee.grossNetPaymentSetUp|capitalize }}</td>
                <td>{{ (employee.permit.permitType is defined) ?  employee.permit.permitType : '' }}</td>
                <td>{{ employee.impotclassification }}</td>
                <td>{{ employee.etatCivil }}</td>
                <td>{{ employee.IsActive ? 'Yes' : 'No' }}</td>
            </tr>
        {% else %}
            <tr>
                <td colspan="16">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}
  {% block datatable %}
      <script>
          $(document).ready(function () {
              $('.table').DataTable({
                  'pageLength': 100,
                  "order": [[15, 'desc'], [0, 'asc']]
              });


          });
      </script>
  {% endblock datatable %}