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

{% block body %}
{% block nav %}{{ parent() }}{% endblock %}
<table class="table datatable">
    <thead>
        <th class="col-2">{{ 'table.visit_date'|trans }}</th>
        <th>{{ 'table.invoice'|trans }}</th>
    </thead>
    <tbody>
        {% for prestation in prestations %}
        {% if prestation.stripeInvoiceId %}
        {% if prestation.status.value == 'CANCELED' %}
        <tr class="table-danger">
            {% else %}
        <tr>
            {% endif %}
            {# <td>{{ prestation.date|format_datetime('full', 'short', locale: app.session.get('_locale')) }}</td> #}
            <td>
                <ul class="list-group">
                    {% if prestation.reccurence %}
                    {% for date in prestation.reccurenceDates %}
                    <li class="list-group-item">{{date.date|format_datetime('full', 'short', locale:
                        app.session.get('_locale'))}}</li>
                    {% endfor %}
                    {% else %}
                    <li class="list-group-item">{{prestation.date|format_datetime('full', 'short', locale:
                        app.session.get('_locale')) }}</li> 
                    {% endif %}
                </ul>
            </td>
            <td class="col-4">
                <div class="card ">
                    <h6 class="text-center">{{ prestation.invoiceNumber }} | {{ prestation.invoiceDate|date('d/m/Y') }}
                    </h6>
                    {% for product in prestation.products %}
                    <ul class="list-group">
                        <li class="list-group-item d-flex justify-content-between">
                            <p>
                                {{ product.name|trans }}
                            </p>
                        </li>
                        <li class="list-group-item">{{ product.description|trans }}</li>
                        <li class="list-group-item">{{ product.duree }} min</li>
                        <li class="list-group-item"><span class="float-end">{{ (product.price / 100)|number_format(2, '.', ',') }}€</span></li>
                    </ul>
                    
                    {% endfor %}                                
                    <p class="px-2">Total: <b class="float-end">{{ (prestation.total / 100)|number_format(2, '.', ',') }} € TTC</b> </p>

                    <div>
                        {# {% if prestation.stripePaiementIntent and prestation.status.value == 'PAID' %}
                        <a href="{{path('app_user_refund', {id:prestation.id})}}" class="btn btn-sm btn-danger">{{
                            'btn.refund'|trans }}</a>
                        {% endif %} #}
                        <a class="btn btn-sm btn-outline-primary w-100"
                            href="{{path('app_user_invoice',{invoiceId: prestation.stripeInvoiceId})}}"
                            target="_blank">{{ 'btn.invoiceDl'|trans }}{{ ux_icon('material-icon-theme:pdf', { height:
                            32, width: 32 }) }}</a>
                    </div>
                </div>
            </td>
        </tr>
        {% endif %}
        {% endfor %}
    </tbody>
</table>

{% endblock %}