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

{% block serviceName %}{{ 'Servicio de Avión' }}{% endblock %}

{% block service_info %}

    {% for airService in service %}
        <div class="row">
            <div class="col-xs-6">
                <strong>{{ "price" |trans |capitalize }}: </strong> <span class="blue bigger">{{ airService['price']|price(airService['currency']) }}</span>
            </div>
            <div class="col-xs-12">

                <div style="background-color: white">
                    <table class="table table-bordered">
                        {% for option in airService['options'] %}
                        <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>{{ "airline" |trans |capitalize }}</th>
                        <th>{{ "clase" |trans |capitalize }}</th>
                        </thead>
                        <tbody>

                            <tr>
                                <td>{{ option.origin }}</td>
                                <td>{{ option.destination }}</td>
                                <td>{{ option.startDate|date('d-M') }}</td>
                                <td>{{ option.startDate|date('H:i') }}</td>
                                <td>{{ option.endDate|date('H:i') }}</td>
                                <td><span class="blue bigger">{{ option.airline }}</span></td>
                                <td>{{ option.class?option.class:'-' }}</td>
                            </tr>
                            <tr>
                                <td colspan="7">
                                    <div class="col-xs-3"><b>{{ 'adult count'|trans|capitalize }}</b>: {{ option.adults?option.adults:'-' }}</div>
                                    <div class="col-xs-2"><b>{{ 'kids'|trans|capitalize }}</b>: {{ option.kids? option.kids:'-' }}</div>

                                </td>
                            </tr>

                        </tbody>
                        {% endfor %}
                    </table>
                </div>

            </div>
            {% if  airService['observations'] %}
               <div class="col-xs-12">
                    <strong>{{ "observations" |trans |capitalize }}: </strong> {{ airService['observations']|raw }}
                </div>
            {% endif %}
        </div>

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

    {% endfor %}


{% endblock %}