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

{% block title %}Fiscal Profiles{% 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" aria-current="page">Fiscal Profiles</li>
        </ul>
    </nav>
{% endblock %}

{% block page_title %}Fiscal Profiles — Country Modes{% endblock %}

{% block page_actions %}
    <a href="{{ path('app_fiscal_profile_new') }}" class="btn btn--primary"><i class="fa fa-plus" aria-hidden="true"></i> New Profile</a>
    <a href="{{ path('app_fiscal_profile_new', {mode: 'US'}) }}" class="btn btn--secondary"><i class="fa fa-flag" aria-hidden="true"></i> Quick: US / Wyoming</a>
{% endblock %}

{% block content %}
    <div class="card">
        <div class="card__header">
            <h3 class="card__title">Active Fiscal Profiles</h3>
        </div>
        <div class="card__body">
            <div class="table-responsive">
                <table id="table" class="data-table table-full">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Company</th>
                            <th>Country</th>
                            <th>Currency</th>
                            <th>Tax ID</th>
                            <th>Default</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for profile in profiles %}
                            <tr>
                                <td><span class="status-pill" data-status="{{ profile.code|lower }}">{{ profile.code }}</span></td>
                                <td>{{ profile.companyName }}</td>
                                <td>{{ profile.countryName }}</td>
                                <td>{{ profile.defaultCurrency }}</td>
                                <td>
                                    {% if profile.taxIdLabel %}
                                        {{ profile.taxIdLabel }}: {{ profile.taxIdValue }}
                                    {% else %}
                                        —
                                    {% endif %}
                                </td>
                                <td>
                                    {% if profile.isDefault %}
                                        <span class="status-pill" data-status="active">Default</span>
                                    {% endif %}
                                </td>
                                <td class="text-nowrap">
                                    <div class="action-inline">
                                        <a href="{{ path('app_fiscal_profile_show', {id: profile.id}) }}" class="tone-info" title="View" aria-label="View fiscal profile"><i class="fa fa-search" aria-hidden="true"></i></a>
                                        <a href="{{ path('app_fiscal_profile_edit', {id: profile.id}) }}" class="tone-warning" title="Edit" aria-label="Edit fiscal profile"><i class="fa fa-edit" aria-hidden="true"></i></a>
                                        <a href="{{ path('app_invoice_index', {profile: profile.id}) }}" class="tone-info" title="Invoices" aria-label="View invoices"><i class="fa fa-file-invoice" aria-hidden="true"></i></a>
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr><td colspan="7" class="text-center">No fiscal profiles configured. Create one to get started.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}