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

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

{% block service_info %}
    {% for tour in service %}
        <div class="row">
            <br>
            <div class="col-xs-12">
                <span class="service-name"><h4 class="blue"><b>{{ tour['tour'] }}</b></h4></span><br>
                {{ tour['address'] }}
            </div>

            {#<div class="col-xs-3">#}
                {#<strong>{{ "start date" |trans |capitalize }}: </strong> {{ tour['startDate'] |date("d-m-Y") }}#}
            {#</div>#}

            {#<div class="col-xs-3">#}
                {#<strong>{{ "end date" |trans |capitalize }}: </strong> {{ tour['endDate'] |date("d-m-Y")  }}#}
            {#</div>#}

            <div class="col-xs-12" style="text-align: center">
                {% if tour['images']|length >0 %}
                    <div class="service-image">
                        {% for key, image in tour['images']  %}
                            {%  if key < 9 and image|generateUrl  %}
                                <img src="{{ image|generateUrl }}" class="img-responsive" >
                            {% else %}
                                {% set break = true %}
                            {% endif %}
                        {% endfor %}
                    </div>
                {% endif %}
            </div>


            <div class="col-xs-12">
                <br>
                <strong>{{ "options" |trans |upper }}: </strong>
                {% for option in tour['options'] %}
                <div style="background-color: white">
                    <table class="table table-bordered">
                        <thead>
                        <th>{{ "start date" |trans |capitalize }}</th>
                        <th>{{ "end date" |trans |capitalize }}</th>
                        <th>{{ "adults" |trans |capitalize }}</th>
                        <th>{{ "kid(s)" |trans |capitalize }}</th>
                        <th>{{ "precio" |trans |capitalize }}</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ option["startDate"]|date('d-m-Y')  }}</td>
                                <td>{{ option["endDate"]|date('d-m-Y')  }}</td>
                                <td>{{ option["adults"] }}</td>
                                <td>{{ option["kids"] }}</td>
                                <td><span class="blue bigger">{{  option["price"]|price(option["currency"])  }}</span></td>
                            </tr>
                            {% if option.observations %}
                                <tr>
                                    <td colspan="8"><b>{{ 'observations'|trans|capitalize }}:</b> {{ option.observations|raw }}</td>
                                </tr>
                            {% endif %}

                        </tbody>
                    </table>
                </div>
                    <hr style="width: 100%">
                    <br>
                {% endfor %}

            </div>
        </div>


    {% endfor %}


{% endblock %}