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

{% block serviceName %}{{ 'cruise'|trans|upper }}{% endblock %}

{% block service_info %}
    <h4 class="blue"><b>{{ service.cruiseTrajectory.ship.name }}</b> del <strong>{{ service.startDate |date("d-m-Y") }}</strong> al <strong>{{ service.endDate |date("d-m-Y")  }}</strong></h4>

    <div class="row">


        <div class="col-xs-2">
            <strong>{{ "nights count" |trans |capitalize }}: </strong> {{ service.nightsNumber }}
        </div>
        <div class="col-xs-5">
            <strong>{{ "cruise trajectory" |trans |capitalize }}: </strong> {{ service.cruiseTrajectory.path  }}
        </div>



        <div class="col-xs-12">
            <strong>{{ "cabins" |trans |capitalize }}: </strong>
            {% for room in service.rooms %}
                <div class="service-content">
                    <div class="row">
                        <div class="col-xs-5"><span>{{ "cabin" |trans |capitalize }} : <b> {{ loop.index }}</b> </span></div>
                        <div class="col-xs-5"><span>{{ "Cabin type" |trans |capitalize }} : <b> {{ room.cabinType.name }}</b> </span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-5">
                            <span>{{ "titular name" |trans |capitalize }}: <b>{{ room.titularName? room.titularName : "No asignado" }}</b> </span>
                        </div>
                        <div class="col-xs-3">
                            <span>{{ "adult count" |trans |capitalize }}: <b>{{ room.adultCount }} </b></span>
                        </div>

                        <div class="col-xs-4">
                            <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 %}
                                                {{ kid.age }} {{ "años" }}
                                            {% else %}
                                                {{ kid.age }}{{", "}}
                                            {% endif %}
                                        </b>
                            {% endfor %} <b> </b>
                            </span>{% endif %}
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>

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

    <div class="row">
        <div class="col-xs-12 habitation-condition">
            <p>*Los camarotes que se muestran, son sólo un ejemplo de los que ofrece el crucero*</p>
        </div>
    </div>

{% endblock %}