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

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

{% block service_info %}
    <div class="row">
        <div class="col-xs-9">
            <span class="service-name"><h4><b>{{ service.hotel.name }}</b></h4></span><br>
            <span>{{ service.hotel.address }}</span>
        </div>
        <div class="col-xs-3">
            <strong>{{ "nights count" |trans |capitalize }}: </strong> {{ service.nightsNumber }}
        </div>
    </div>
    <div class="row">

        <div class="col-xs-5">
            <strong>{{ "start date" |trans |capitalize }}: </strong> {{ service.startDate |date("d-m-Y") }}
        </div>
        <div class="col-xs-6">
            <strong>{{ "end date" |trans |capitalize }}: </strong> {{ service.endDate |date("d-m-Y")  }}
        </div>


        <div class="col-xs-12">
            <strong>{{ "rooms" |trans |capitalize }}: </strong>
            {% for room in service.rooms %}
                <div class="service-content">
                    <div class="row">
                        <div class="col-xs-5"><span>{{ "room" |trans |capitalize }} : <b> {{ loop.index }}</b> </span></div>
                        {% if room.roomName %}<div class="col-xs-4"><span>{{ "roomname" |trans |capitalize }} : <b> {{ room.roomName.name}}</b> </span></div>{% endif %}
                        <div class="col-xs-3"><span>{{ "roomplan" |trans |capitalize }} : <b> {{ room.roomPlan.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-4">
                            <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 %} <b> </b>
                                        </span>
                            {% endif %}
                        </div>
                    </div>

                </div>

            {% endfor %}
        </div>

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

        {% if service.hotel.images|length>0 %}
            <div class="row">
                <div class="col-xs-12">
                    <p><strong style="color: red">* </strong>Las habitaciones que se muestran, son sólo un ejemplo de las habitaciones que ofrece el hotel.</p>
                </div>
            </div>
        {% endif %}


    </div>


{% endblock %}