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

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

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

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

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

            <div class="col-xs-12" style="text-align: center">
                {% if cruise['images']|length >0 %}
                    <div class="service-image">
                        {% for key, image in cruise['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>
                <div style="background-color: white">
                    <table class="table table-bordered">
                        <thead>
                        <th>{{ "rooms" |trans |capitalize }}</th>
                        <th>{{ "price" |trans |capitalize }}</th>
                        </thead>
                        <tbody>
                        {% for option in cruise['options'] %}
                            <tr>
                                <td>
                                    {% for room in option['rooms'] %}
                                        <div class="service-content">
                                            <div class="row">
                                                <div class="col-xs-3"><span>{{ "Tipo de camarote" |trans |capitalize }} : <b> {{ room.cabinType.name }}</b> </span></div>
                                                {% if room.cabinName %}<div class="col-xs-3"><span>{{ "Nombre del camadote" |trans |capitalize }} : <b> {{ room.cabinName.name}}</b> </span></div>{% endif %}

                                                {% if room.titularName %}
                                                    <div class="col-xs-3">
                                                        <span>{{ "titular name" |trans |capitalize }}: <b>{{ room.titularName }}</b> </span>
                                                    </div>
                                                {% endif %}
                                            </div>

                                            <div class="row">
                                                <div class="col-xs-3">
                                                    <span>{{ "adult count" |trans |capitalize }}: <b>{{ room.adultCount }} </b></span>
                                                </div>
                                                <div class="col-xs-3">
                                                    <span> {{ "kids" |trans |capitalize }}: <b>{{ room.kids|length }} </b></span>
                                                    {% if room.kids|length>0 %}
                                                        <span> {{ " - " }}{{ "age(s)" |trans |capitalize }}:
                                                            {% for key, kid in room.kids %}
                                                                <b>
                                                {% if room.kids|length == 1 %}
                                                    {{ kid.age }} {{ "año" }}
                                                {% elseif (key|last and key !=0) or room.kids|length == 1 %}
                                                    {{ kid.age }} {{ "años" }}
                                                {% else %}
                                                    {{ kid.age }}{{", "}}
                                                {% endif %}
                                            </b>
                                                            {% endfor %}
                                        </span>
                                                    {% endif %}
                                                </div>
                                                <div class="col-xs-3">
                                                    <span>{{ "nightsNumber" |trans |capitalize }}: <b>{{ option['nights'] }} </b></span>
                                                </div>
                                                <div class="col-xs-3">
                                                    Del <b>{{ option['startDate']|date('d') }} de {{ option['startDate']|date('M') }}</b> al <b>{{ option['endDate']|date('d') }} de {{ option['endDate']|date('M') }}</b> de <b>{{ option['startDate']|date('Y') }}</b>
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}

                                    {% if option['observations'] %}
                                        <div class="col-xs-12">
                                            <strong>{{ "observations" |trans |capitalize }}: </strong> {{ option['observations']|raw }}
                                        </div>
                                    {% endif %}
                                </td>
                                <td><span class="blue bigger">{{ option['price']|price(option['currency'])  }}</span></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>



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


    {% endfor %}


{% endblock %}