{% extends 'admin/settings/index.html.twig' %}

{% block extra_scripts %}
<script src="{{ asset('js/admin/settings-taxes.js') }}"></script>
{% endblock %}

{% block settings_content %}

{# Header page #}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="mb-0">Taxes & TVA</h4>
        <small class="text-muted">Gérez les taxes fixes et les taux de TVA</small>
    </div>

    <div class="d-flex gap-2">
        <button class="btn btn btn-secondary">
            <i class="fas fa-sync-alt"></i>
        </button>
        <button class="btn btn-primary">
            <i class="fas fa-plus me-1"></i>Nouvelle taxe
        </button>
    </div>
</div>

{# =======================
   TAXES
   ======================= #}
<fieldset class="crm-fieldset p-3 mb-4">
    <legend class="crm-legend">
        <i class="fas fa-receipt me-2"></i>Taxes
    </legend>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Nom</th>
                    <th>Valeur</th>
                    <th>Type</th>
                    <th>Statut</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for tax in taxes %}
                    <tr>
                        <td>{{ tax.name }}</td>
                        <td>
                            {% if tax.type == 'percent' %}
                                {{ tax.value }} %
                            {% else %}
                                {{ tax.value }} DT
                            {% endif %}
                        </td>
                        <td>
                            <span class="badge {{ tax.type == 'percent' ? 'bg-primary' : 'bg-secondary' }}">
                                {{ tax.type == 'percent' ? 'Pourcentage' : 'Fixe' }}
                            </span>
                        </td>
                        <td>
                            <div class="form-check form-switch">
                                <input class="form-check-input"
                                       type="checkbox"
                                       {{ tax.isActive ? 'checked' : '' }}>
                            </div>
                        </td>
                        <td class="text-end">
                            <button class="btn btn-sm btn-primary">
                                <i class="fas fa-edit"></i>
                            </button>
                            <button class="btn btn-sm btn-outline-danger">
                                <i class="fas fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5" class="text-center text-muted">
                            Aucune taxe définie
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</fieldset>

{# =======================
   TVA
   ======================= #}
<fieldset class="crm-fieldset p-3">
    <legend class="crm-legend">
        <i class="fas fa-percent me-2"></i>TVA
    </legend>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Nom</th>
                    <th>Taux</th>
                    <th>Par défaut</th>
                    <th>Statut</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for tva in tvas %}
                    <tr>
                        <td>TVA {{ tva.number }}%</td>
                        <td>{{ tva.number }} %</td>
                        <td>
                            {% if tva.isDefault %}
                                <span class="badge bg-success">Par défaut</span>
                            {% else %}
                                <span class="badge bg-light text-dark">—</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="form-check form-switch">
                                <input class="form-check-input"
                                       type="checkbox"
                                       {{ tva.isActive ? 'checked' : '' }}>
                            </div>
                        </td>
                        <td class="text-end">
                            <button class="btn btn-sm btn-primary">
                                <i class="fas fa-edit"></i>
                            </button>
                            <button class="btn btn-sm btn-outline-danger">
                                <i class="fas fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5" class="text-center text-muted">
                            Aucune TVA définie
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</fieldset>
{% include 'admin/settings/_modal_tax_form.html.twig' %}
{% endblock %}