{% extends 'backend/reservations/pdf/transformed/service.html.twig' %}

{% block serviceName %}{{ 'Servicio de '~ type|trans|capitalize }}{% endblock %}

{% block service_info %}
    <br>
    <strong>{{ "options" |trans |upper }}: </strong>
    {% for carService in service %}
        <div class="row">
            <br>
            <div class="col-xs-6">
                <strong>{{ "price" |trans |capitalize }}: </strong> <span class="blue bigger">{{ carService['price']|price(carService['currency']) }}</span>
            </div>
            <div class="col-xs-12">
                <div style="background-color: white">
                    <table class="table table-bordered">
                        <thead>
                        <th>{{ "origen" |trans |capitalize }}</th>
                        <th>{{ "destino" |trans |capitalize }}</th>
                        <th>{{ "salida" |trans |capitalize }}</th>
                        <th>{{ "entrega" |trans |capitalize }}</th>
                        <th>{{ "type" |trans |capitalize }}</th>
                        <th>{{ "transmisión" |trans |capitalize }}</th>
                        <th>{{ "places" |trans |capitalize }}</th>
                        </thead>
                        <tbody>
                        {% for option in carService['options'] %}
                            <tr>
                                <td>{{ option.origin }}</td>
                                <td>{{ option.destination }}</td>
                                <td>{{ option.startDate|date('d-m-Y') }}</td>
                                <td>{{ option.endDate|date('d-m-Y') }}</td>
                                <td>{{ option.type }}</td>
                                <td>{{ option.transmission|trans }}</td>
                                <td>{{ option.places }}</td>
                            </tr>
                            {% if option.observations %}
                                <tr>
                                    <td colspan="8"><b>{{ 'observations'|trans|capitalize }}:</b> {{ option.observations|raw }}</td>
                                </tr>
                            {% endif %}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
        <hr style="width: 100%">
        <br>

    {% endfor %}


{% endblock %}