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

{% block serviceName %}{{ 'readyPackag service'|trans|upper }}{% endblock %}

{% block service_info %}
    <div class="row">
        <div class="col-xs-5">
            <strong>{{ "Package key" |trans |capitalize }}: </strong> {{ service.package.packageKey |capitalize }}
            {% if is_granted("RESERV_PACKAGE_SHOW") %}
            <a class="loadinmodal" data-action="{{ path('package_show', { 'id': service.package.id }) }}"><i class="fa fa-eye"></i></a>
            {% endif %}
        </div>
        <div class="col-xs-7">
            <strong>{{ "Package name" |trans |capitalize }}: </strong> {{ service.package.packageName }}
        </div>

        <div class="col-md-3">
            <strong>{{ "adults" |trans |capitalize }}: </strong> {{ service.adultsCount }}
        </div>
        <div class="col-md-2">
            <strong>{{ "kids" |trans |capitalize }}: </strong> {{ service.kidsCount }}
        </div>
        <div class="col-xs-5">
            <strong>{{ "date" |trans |capitalize }}: </strong>Del  {{ service.dateRange.start|date('d-m-Y') }} al  {{ service.dateRange.end|date('d-m-Y') }}
        </div>
        <div class="col-xs-2">
            <strong>{{ "days" |trans |capitalize }}: </strong> {{ service.package.days }}
        </div>

        <div class="col-xs-5">
            <strong>{{ "effectiveDate" |trans |capitalize }}: </strong> {{ service.package.effectiveDate|date("d-m-Y") }}
        </div>
        <div class="col-xs-5">
            <strong>{{ "departure" |trans |capitalize }}: </strong> {{ service.package.departure }}
        </div>
        {% if service.package.airline %}
        <div class="col-xs-2">
            <strong>{{ "airline" |trans |capitalize }}: </strong> {{ service.package.airline.name }}
        </div>
        {% endif %}

        {% if service.package.itineraries %}
            <div class="col-xs-12">
                <strong><ins>{{ "itineraries" |trans |capitalize }}:</ins> </strong> <br>
                {% for i in service.package.itineraries %}
                <strong>{{ i.day }}</strong>
                <br>
                {{ i.description }}<br>
                {% endfor %}
                <br>
            </div>
        {% endif %}

        {% if service.package.getIncludedPackageObservations > 0 %}
            <div class="col-xs-6">
                <strong><ins>{{ "Lo que incluye" |trans |capitalize }}:</ins><br>
                    {% for o in service.package.getIncludedPackageObservations %}
                        {{ o.description }}
                    {% endfor %}
            </div>
        {% endif %}

        {% if service.package.getNotIncludedPackageObservations > 0 %}
            <div class="col-xs-6">
                <strong><ins>{{ "No incluye" |trans |capitalize }}:</ins><br>
                    {% for o in service.package.getNotIncludedPackageObservations %}
                        {{ o.description }}
                    {% endfor %}
            </div>
        {% endif %}

        {% if service.package.hotelDetails %}
            <div class="col-xs-12 text-justify"><br>
                <strong><ins>{{ "hotelDetails" |trans |capitalize }}:</ins></strong><br>
                {{ service.package.hotelDetails|raw }}
            </div>
        {% endif %}

        {% if service.package.conditions %}
            <div class="col-xs-12"><br>
                <strong><ins>{{ "Política de cancelación" |trans |capitalize }}:</ins> </strong> <br>
                {{ service.package.conditions|raw }}
            </div>
        {% endif %}

        {% if service.package.comments %}
            <div class="col-xs-12"><br>
                <strong><ins>{{ "Otra información" |trans |capitalize }}:</ins> </strong><br>
                {{ service.package.comments|raw }}
            </div>
        {% endif %}

        <div class="row">
            {% if service.package.images|length>0 %}
                <div class="service-image">
                    {% for key, image in service.package.images  %}
                        {%  if key < 9 and image|generateUrl  %}
                            <img src="{{ image|generateUrl }}" class="img-responsive" >
                        {% else %}
                            {% set break = true %}
                        {% endif %}
                    {% endfor %}
                </div>
            {% endif %}
        </div>

    </div>

{% endblock %}