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

{% block body %}
{% block nav %}{{ parent() }}{% endblock %}
<div class="card col-8 mx-auto">
    {% if payment_status == "paid" %}
    <div class="alert alert-success">
        <h4 class="text-center">{{'payment.valid'|trans}}</h4>
    </div>
    {% else %}
    <div class="alert alert-danger">
        <h4 class="text-center">{{'payment.invalid'|trans}}</h4>
    </div>
    {% endif %}
    <div class="card rounded-4 p-4 col-10 mx-auto text-center border-primary shadow">
        <p class="text-center"><span class="badge text-light bg-fc rounded-circle fs-4">{{
                ux_icon('material-symbols:star',{width:64,height:64}) }}</span></p>
        <h1 class="text-primary">{{ prestation.date|format_datetime('full', 'short', locale: app.session.get('_locale'))
            }} </h1>
 
        <table class="table table-striped table-sm">
            <thead>
                <th>{{ 'table.name'|trans }}</th>
                {# <th>Description</th> #}
                <th>{{ 'table.duration'|trans }}</th>
                <th>{{ 'table.price'|trans }}</th>
            </thead>
            <tbody>
                {% for product in prestation.products %}
                <tr>
                    <td>{{ product.name|trans }}</td>
                    {# <td>{{ product.description|trans }}</td> #}
                    <td>{{ product.duree }} min</td>
                    <td>{{ (product.price / 100)|number_format(2, '.', ',') }} €</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <div>
            <p class="fw-bold text-primary float-end">{{ prestation.totalTime }} min - {{ (prestation.total /
                100)|number_format(2, '.', ',') }} €</p>
        </div> 
    </div>
    {% endblock %}