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

{% block title %}Invoice Revised - #{{ invoice.displayInvoiceNumber }}{% endblock %}

{% block content %}
<div class="icon-badge icon-info">
    <span>&#128221;</span>
</div>

<h2 class="text-center">Invoice Has Been Revised</h2>
<p class="text-center text-muted">
    Hi {{ customer.name }}, your invoice has been updated with revisions.
</p>

<div class="alert alert-info">
    <h4>Revision {{ invoice.revision }}</h4>
    <p>Invoice #{{ invoice.invoiceNumber }} has been revised. Please review the updated details below.</p>
</div>

<div class="info-box">
    <table>
        <tr>
            <td class="label">Invoice Number</td>
            <td class="value">#{{ invoice.displayInvoiceNumber }}</td>
        </tr>
        <tr>
            <td class="label">Revision</td>
            <td class="value">Rev. {{ invoice.revision }}</td>
        </tr>
        <tr>
            <td class="label">Invoice Date</td>
            <td class="value">{{ invoice.invoiceDate|date('F d, Y') }}</td>
        </tr>
        <tr>
            <td class="label">Due Date</td>
            <td class="value">{{ invoice.dueDate|date('F d, Y') }}</td>
        </tr>
        {% if previousTotal is defined and previousTotal != invoice.total %}
        <tr>
            <td class="label">Previous Total</td>
            <td class="value" style="text-decoration: line-through; color: #999;">{{ invoice.currency.symbol }}{{ previousTotal|number_format(2, '.', ',') }}</td>
        </tr>
        {% endif %}
        <tr>
            <td class="label">New Total</td>
            <td class="value" style="font-size: 18px; color: #e94560;">{{ invoice.formattedTotal }}</td>
        </tr>
    </table>
</div>

<h3>Updated Invoice Items</h3>
<table class="data-table">
    <thead>
        <tr>
            <th>Description</th>
            <th>Qty</th>
            <th class="amount">Amount</th>
        </tr>
    </thead>
    <tbody>
        {% for item in invoice.items %}
        <tr>
            <td>{{ item.description }}</td>
            <td>{{ item.quantity }}</td>
            <td class="amount">{{ invoice.currency.symbol }}{{ item.amount|number_format(2, '.', ',') }}</td>
        </tr>
        {% endfor %}
        {% if invoice.taxAmount > 0 %}
        <tr>
            <td colspan="2" style="text-align: right;">Subtotal</td>
            <td class="amount">{{ invoice.currency.symbol }}{{ invoice.subtotal|number_format(2, '.', ',') }}</td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: right;">Tax ({{ invoice.taxRate }}%)</td>
            <td class="amount">{{ invoice.currency.symbol }}{{ invoice.taxAmount|number_format(2, '.', ',') }}</td>
        </tr>
        {% endif %}
        <tr class="total-row">
            <td colspan="2" style="text-align: right;">Total</td>
            <td class="amount">{{ invoice.formattedTotal }}</td>
        </tr>
    </tbody>
</table>

{% if revisionNotes is defined and revisionNotes %}
<div class="alert alert-warning">
    <h4>Revision Notes</h4>
    <p>{{ revisionNotes|nl2br }}</p>
</div>
{% endif %}

{% if statusUrl %}
<div class="btn-wrapper">
    <a href="{{ statusUrl }}" class="btn btn-primary">View Updated Invoice</a>
</div>
{% endif %}

<div class="steps">
    <h4>What Changed?</h4>
    <p style="color: #1565c0; font-size: 14px; margin: 0;">
        This revised invoice supersedes all previous versions. Please refer to this version for accurate billing information.
    </p>
</div>
{% endblock %}