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

{% block title %}Accounting Periods{% 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_accounting_dashboard') }}">Accounting</a></li>
            <li class="breadcrumb__item" aria-current="page">Periods</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}Accounting Periods{% if profile %} — {{ profile.companyName }}{% endif %}{% endblock %}

{% block content %}
    {% if not profile %}
        <div class="card">
            <div class="card__body"><p class="text-center">Select a fiscal profile to view accounting periods.</p></div>
        </div>
    {% else %}
        <div class="card">
            <div class="card__header">
                <h3 class="card__title">Fiscal Periods</h3>
            </div>
            <div class="card__body">
                <div class="table-responsive">
                    <table id="table" class="data-table table-full finance-table">
                        <thead>
                            <tr>
                                <th scope="col">Label</th>
                                <th scope="col">Fiscal Year</th>
                                <th scope="col">Start Date</th>
                                <th scope="col">End Date</th>
                                <th scope="col">Status</th>
                                <th scope="col">Closed At</th>
                                <th scope="col">Closed By</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for period in periods %}
                                <tr class="{% if current_period and current_period.id == period.id %}period-current{% endif %}">
                                    <td>
                                        {{ period.label }}
                                        {% if current_period and current_period.id == period.id %}
                                            <span class="status-pill" data-status="active">Current</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ period.fiscalYear }}</td>
                                    <td>{{ period.startDate|date('Y-m-d') }}</td>
                                    <td>{{ period.endDate|date('Y-m-d') }}</td>
                                    <td><span class="status-pill" data-status="{{ period.status }}">{{ period.status|capitalize }}</span></td>
                                    <td>{{ period.closedAt ? period.closedAt|date('Y-m-d H:i') : '—' }}</td>
                                    <td>{{ period.closedBy ? period.closedBy : '—' }}</td>
                                </tr>
                            {% else %}
                                <tr><td colspan="7" class="text-center">No accounting periods defined.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}