{% 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 busService in service %}
        <div class="row">
            <br>
            <div class="col-xs-6">
                <strong>{{ "price" |trans |capitalize }}: </strong> <span class="blue bigger">{{ busService['price']|price(busService['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>{{ "fecha" |trans |capitalize }}</th>
                        <th>{{ "salida" |trans |capitalize }}</th>
                        <th>{{ "llegada" |trans |capitalize }}</th>
                        <th>{{ "clase" |trans |capitalize }}</th>
                        <th>{{ "adultos" |trans |capitalize }}</th>
                        <th>{{ "niños" |trans |capitalize }}</th>
                        </thead>
                        <tbody>
                        {% for option in busService['options'] %}
                            <tr>
                                <td>{{ option.origin }}<br>{{ option.originAddress }}</td>
                                <td>{{ option.destination }}<br>{{ option.destinationAddress }}</td>
                                <td>{{ option.startDate|date('d-M') }}</td>
                                <td>{{ option.startDate|date('H:i') }}</td>
                                <td>{{ option.endDate|date('H:i') }}</td>
                                <td>{{ option.class }}</td>
                                <td>{{ option.adults }}</td>
                                <td>{{ option.kids }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

            </div>
            <div class="col-xs-12">
                <strong>{{ "observations" |trans |capitalize }}: </strong> {{ busService['observations']|raw }}
            </div>
        </div>
        <hr style="width: 100%">
        <br>

    {% endfor %}


{% endblock %}