{% extends 'base.html.twig' %}
{% block style %}
    #ticket1 {
        width: 300px;
        background: #f9f9f9;
        padding: 1px 5px;
        margin: 15px auto;
        border: 1px solid #000;
    }

    hr {
        margin: 5px 0px;
    }

    p {
        margin: 0px;
    }

    table tr th:first-child, table tr td:first-child {
        width: 16.66%;
    }

    table tr th:nth-child(2) {
        width: 58.33%;
    }

    table tr th:last-child, table tr td:last-child {
        width: 25%;
    }

    .text-left {
        text-align: left;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }
   .order-footer h4, .order-footer h5 {
        margin: 2px 0;
    }
{% endblock %}
{% block body %}
    <p>Merci pour votre commande!</p>
    <p>Voici votre récapitulatif :</p>
    <div id="ticket1" name="ticket">
        <div class="basket-bottom"></div>
        <div class="header text-center">
            <h5>{{ order.createdAt | date('d/m/y à H:i') }}</h5>
            <h4>** {{ order.type }} **</h4>
            <h5>Prévue pour {{ order.orderProg | date('H:i') }}</h5>
        </div>
        <hr width="100%" noshade="" size="1">
        <div id="elements">
            <table width="100%">
                <thead>
                <tr>
                    <th valign="top" class="text-left">QTE</th>
                    <th class="text-center">PRODUIT</th>
                    <th valign="top" class="text-right">PRIX</th>
                </tr>
                </thead>
                <tbody>
                {% for el in elements %}
                    <tr>
                        <td valign="top" class="text-left">{{ el.quantity }}</td>
                        <td class="text-left">
                            <div>{{ el.name }}
                                {% if el.size!='' and el.level>0 %}
                                    <span>({{ el.size }})</span>
                                {% endif %}
                            </div>
                        </td>
                        <td class="text-right">{{ el.price * el.quantity | number_format(2, '.', ',') }} {{order.currency}}</td>
                    </tr>
                    {% if el.removedCompositions|length > 0 %}
                        <tr>
                            <td></td>
                            <td>
                                <span class="ingTitle">Sans :</span>
                                {% for comp in el.removedCompositions %}
                                    <span>{{ comp.name }}, </span>
                                {% endfor %}
                            </td>
                            <td class="text-right">compris</td>
                        </tr>
                    {% endif %}
                    {% if el.optionIngredients|length > 0 %}
                        <tr>
                            <td></td>
                            <td>
                                <span class="ingTitle">Avec :</span>
                                {% for opt in el.optionIngredients %}
                                    <span>{{ opt.name }}, </span>
                                {% endfor %}
                            </td>
                            <td class="text-right">compris</td>
                        </tr>
                    {% endif %}
                    {% for supp in el.supplements %}
                        <tr>
                            <td>{{ el.quantity }}</td>
                            <td>
                                <span class="ingTitle">Supp : {{ supp.name }}</span>
                            </td>
                            <td class="text-right">{{ supp.cout*el.quantity }} {{order.currency}}</td>
                        </tr>
                    {% endfor %}
                    <tr>
                        <td></td>
                        <td>
                            {{ el.comment }}
                        </td>
                        <td></td>
                    </tr>
                {% endfor %}
                {% for menu in menus %}
                    <tr>
                        <td valign="top">{{ menu.quantity }}</td>
                        <td>
                            <div>{{ menu.title }}</div>
                        </td>
                        <td class="text-right">{{ menu.price*menu.quantity | number_format(2, '.', ',') }} {{order.currency}}</td>
                    </tr>
                    {% for el in menu.elements %}
                        <tr>
                            <td valign="top"></td>
                            <td class="text-left">
                                <div>{{ el.quantity }} {{ el.name }}
                                    {% if el.size!='' and el.level>0 %}
                                        <span>({{ el.size }})</span>
                                    {% endif %}
                                </div>
                            </td>
                            <td class="text-right">{{ el.price | number_format(2, '.', ',') }} {{order.currency}}</td>
                        </tr>
                        {% if el.removedCompositions|length > 0 %}
                            <tr>
                                <td></td>
                                <td>
                                    <span class="ingTitle">Sans :</span>
                                    {% for comp in el.removedCompositions %}
                                        <span>{{ comp.name }}, </span>
                                    {% endfor %}
                                </td>
                                <td class="text-right">compris</td>
                            </tr>
                        {% endif %}
                        {% if el.optionIngredients|length > 0 %}
                            <tr>
                                <td></td>
                                <td>
                                    <span class="ingTitle">Avec :</span>
                                    {% for opt in el.optionIngredients %}
                                        <span>{{ opt.name }}, </span>
                                    {% endfor %}
                                </td>
                                <td class="text-right">compris</td>
                            </tr>
                        {% endif %}
                        {% for supp in el.supplements %}
                            <tr>
                                <td>{{ el.quantity }}</td>
                                <td>
                                    <span class="ingTitle">Supp : {{ supp.name }}</span>
                                </td>
                                <td class="text-right">{{ supp.cout }} {{order.currency}}</td>
                            </tr>
                        {% endfor %}
                    {% endfor %}
                    <tr>
                        <td></td>
                        <td>
                            {{ menu.comment }}
                        </td>
                        <td></td>
                    </tr>
                {% endfor %}
                {% if order.discount>0 %}
                    <tr>
                        <td></td>
                        <td style="font-size: 13px;font-weight: 600;">Remise {{ order.discount }} %</td>
                        <td style="font-size: 13px;text-align: right;">
                            - {{ (order.amount*order.discount)/100 }} {{order.currency}}
                        </td>
                    </tr>
                {% endif %}
                {% if order.couponValue is defined and order.couponValue>0 %}
                    <tr>
                        <td></td>
                        <td style="font-size: 13px;font-weight: 600;">
                            Coupon {{order.couponValue}} {% if order.couponType==1 %} {{order.currency}} {% else %} % {% endif %}
                        </td>
                        <td style="font-size: 13px;text-align: right;">
                            - {{order.couponAmount}} {{order.currency}}
                        </td>
                    </tr>
                {% endif %}
                {% if order.fees is defined and order.fees>0 %}
                    <tr>
                        <td></td>
                        <td style="font-size: 13px;font-weight: 600;">{{ order.feesLabel }}</td>
                        <td style="font-size: 13px;text-align: right;">{{ order.fees }} {{order.currency}}</td>
                    </tr>
                {% endif %}
                </tbody>
            </table>
        </div>
        <hr width="100%" noshade="" size="1">
        <div class="order-footer">
            {% set totalHT = order.total/1.1|number_format(2) %}
            {% set totalTVA = order.total/11|number_format(2) %}

            <h4>Total TTC : {{ order.total | number_format(2) }} {{order.currency}} </h4>
            <h5>Total HT : {{ totalHT | number_format(2) }} {{order.currency}} </h5>
            <h5>TVA 10% : {{ totalTVA | number_format(2) }} {{order.currency}}</h5>
            {% if paymentModes|length > 0 %}
                <h5>
                    Paiement:
                    {% for paymentMode in paymentModes %}
                        <span>{{ paymentMode.label }}, </span>
                    {% endfor %}
                </h5>
            {% endif %}
        </div>
        <p>{{ order.comment }} </p>
        <hr width="100%" noshade="" size="1">
        <h3 class="text-center">Merci pour votre visite</h3>
    </div>
    {% if order.paid is defined and order.paid %}
        <hr style="margin: 5px 0;">
        <p style="text-align:center;margin: 0px;background:black;color:white;padding: 5px 0;">
            Commande payée en ligne
        </p>
    {% endif %}
    <p>Bon appétit et à très vite chez {{ restaurant }}</p>
    <p>Toute l'équipe vous remercie pour votre fidélité.</p>
{% endblock %}