{% extends '_include/base.html.twig' %}

{% block title %}Absences · HR Management{% endblock %}

{% block breadcrumbs %}
<nav aria-label="Breadcrumb">
    <ul class="breadcrumb__list">
        <li class="breadcrumb__item"><a href="{{ path('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb__item"><a href="{{ path('app_hr_management_index') }}">HR Management</a></li>
        <li class="breadcrumb__item" aria-current="page">Absences</li>
    </ul>
</nav>
{% endblock %}

{% block page_title %}Absences{% endblock %}

{% block page_actions %}
<a href="{{ path('app_employee_absence_new') }}" class="btn btn-primary">
    <i class="fa fa-plus" aria-hidden="true"></i> New Absence
</a>
{% endblock %}

{% block content %}
<div class="card">
    <div class="card__header">
        <h3 class="card__title">Absence Records</h3>
        <p class="tone-muted">{{ pagination.total }} total records</p>
    </div>
    <div class="card__body">
        <table class="data-table">
            <thead>
            <tr>
                <th>Employee</th>
                <th>Type</th>
                <th>Start Date</th>
                <th>End Date</th>
                <th>Status</th>
                <th>Excused</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for absence in absences %}
                <tr>
                    <td>{{ absence.employee }}</td>
                    <td><span class="status-pill" data-status="info">{{ absence.type|replace({'_': ' '})|title }}</span></td>
                    <td>{{ absence.startDate ? absence.startDate|date('Y-m-d') : '-' }}</td>
                    <td>{{ absence.endDate ? absence.endDate|date('Y-m-d') : '-' }}</td>
                    <td><span class="status-pill" data-status="{{ absence.status }}">{{ absence.status|title }}</span></td>
                    <td>{{ absence.isExcused ? 'Yes' : 'No' }}</td>
                    <td>
                        <a href="{{ path('app_employee_absence_edit', {'id': absence.id}) }}" class="btn btn-sm btn-secondary">
                            <i class="fa fa-edit" aria-hidden="true"></i>
                        </a>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="7" class="align-center tone-muted">No absence records found</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

        {% if pagination is defined %}
            {% include '_include/_pagination.html.twig' %}
        {% endif %}
    </div>
</div>
{% endblock %}