{% extends 'base.html.twig' %}
{% block body %}
    {#<img src="{{logo}}" style="width:50px;" />#}
    {% block content %}
        <div id="content">
            <div style="font-size:20px;"><img alt="Service" height="50" src="{{logo}}"><h1>{{service.nom}} </h1></div>
            <h2 style="text-align:center;">TARIFICATION</h2>
            <div>
                {% if service.isTarificationFixe != 1  %}
                    <table class="table" style="width:100%; font-size:16px;">
                        <thead>
                        <tr>
                            <th style="text-align:right;" scope="col">Début</th>
                            <th style="text-align:right;" scope="col">Fin</th>
                            <th style="text-align:right;" scope="col">Montant</th>
                        </tr>
                        </thead>
                        <tbody>
                            {% for palier in service.paliers %}
                                <tr>
                                    <td style="text-align:right;">{{ palier.debut|number_format(0, '.', ' ')}}</td>
                                    <td style="text-align:right;">{{ palier.fin|number_format(0, '.', ' ')}}</td>
                                    <td style="text-align:right;">{{ palier.montant|number_format(0, '.', ' ')}}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    <table class="table" style="width:100%; font-size:16px;">
                        <thead>
                        <tr>
                            <th style="text-align:right;" scope="col">Montant</th>
                            <th style="text-align:right;" scope="col">Par taux</th>
                            <th style="text-align:right;" scope="col">Taux</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="text-align:right;">{{ service.fraisFixe.montant|number_format(0, '.', ' ')}}</td>
                                <td style="text-align:right;">{{ service.fraisFixe.parTaux == 1 ? "OUI" : "NON" }}</td>
                                <td style="text-align:right;">{{ service.fraisFixe.taux != 0 ? service.fraisFixe.taux : '' }}</td>
                            </tr>
                        </tbody>
                    </table>
                {% endif %}
            </div>
        </div>
    {% endblock %}
{% endblock %}