{% extends 'backend/reservations/service/summaryService.html.twig' %}
{% block icon %}group_work{% endblock %}
{% block service_info %}
    <div class="row">
        <div class="col-md-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-md-7">
            <strong>{{ "Package name" |trans |capitalize }}: </strong> {{ service.package.packageName }}
        </div>
    </div>
    <div class="row">
        <div class="col-md-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-md-3">
            <strong>{{ "days" |trans |capitalize }}: </strong> {{ service.package.days }}
        </div>
        <div class="col-md-2">
            <strong>{{ "adults" |trans |capitalize }}: </strong> {{ service.adultsCount }}
        </div>
        <div class="col-md-2">
            <strong>{{ "kids" |trans |capitalize }}: </strong> {{ service.kidsCount }}
        </div>

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

    </div>


{% endblock %}