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

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

{% block service_info %}
    {% for hotel in service %}
        <div class="row hotel-section {{ loop.index==1?'first' }}">
            <br>
            <div class="col-xs-12">
                <span class="service-name"><h4 class="blue"><b>{{ hotel['hotel'] }}</b></h4></span><br>
                {{ hotel['address'] }}
            </div>

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

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

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

            {% if hotel['description'] %}
                <div class="col-xs-12">
                    <strong>Detalles del hotel: </strong>
                    <br>
                    {{ hotel['description']|raw }}
                </div>
            {% endif %}
            <div class="col-xs-12" style="page-break-inside: avoid">
                <br>
                <strong>{{ "options" |trans |upper }}: </strong>
                <div style="background-color: white">
                    <table class="table table-bordered">
                        <thead>
                        <th>{{ "rooms" |trans |capitalize }}</th>
                        {% if not hotel['hideQuotingPrice']%}
                            <th>{{ "price" |trans |capitalize }}</th>
                        {% endif %}
                        </thead>
                        <tbody>
                        {% for option in hotel['options'] %}
                            <tr>
                                <td>
                                    {% for room in option['rooms'] %}
                                        <div class="service-content">
                                            <div class="row">
                                                {% if room.roomName %}
                                                    <div class="col-xs-3">
                                                    <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 class="col-xs-3">
                                                    <span>{{ "titular name" |trans |capitalize }}: <b>{{ room.titularName?room.titularName:'No asignado' }}</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 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 %} <b> </b>
                                                     </span>
                                                    {% endif %}
                                                </div>
                                                <div class="col-xs-3">
                                                    <span>{{ "nightsNumber" |trans |capitalize }}: <b>{{ option['nights'] }} </b></span>
                                                </div>
                                                {% if room.quotingPrice and not room.hideQuotingPrice %}
                                                    <div class="col-xs-3">
                                                        <span>Precio: <b><span
                                                                        class="bigger blue">${{ room.quotingPrice|price(option['currency']) }}</span></b></span>
                                                    </div>
                                                {% endif %}
                                            </div>

                                        </div>
                                    {% endfor %}

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


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


    {% endfor %}


{% endblock %}