{% extends '_include/base.html.twig' %}
{% set currency = display_currency() %}

{% block title %}Salary Advances · 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">Advances</li>
    </ul>
</nav>
{% endblock %}

{% block page_title %}Salary Advances{% endblock %}

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

{% block content %}
<div class="card">
    <div class="card__header">
        <h3 class="card__title">Advance 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>Amount</th>
                <th>Request Date</th>
                <th>Installments</th>
                <th>Remaining</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for advance in advances %}
                <tr>
                    <td>{{ advance.employee }}</td>
                    <td>{{ advance.amount|format_currency(currency) }}</td>
                    <td>{{ advance.requestDate ? advance.requestDate|date('Y-m-d') : '-' }}</td>
                    <td>{{ advance.installments ?? '-' }}</td>
                    <td>{{ advance.remainingAmount ? advance.remainingAmount|format_currency(currency) : '-' }}</td>
                    <td><span class="status-pill" data-status="{{ advance.status }}">{{ advance.status|title }}</span></td>
                    <td>
                        <a href="#" class="btn btn-sm btn-secondary" title="View" aria-label="View advance"><i class="fa fa-eye" aria-hidden="true"></i></a>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="7" class="align-center tone-muted">No advance records found</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

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