{% extends 'backend/reservations/service/summaryService.html.twig' %}
{% block icon %}terrain{% endblock %}

{% block service_info %}
    <div class="row">
        <div class="col-md-12">
                <strong>{{ "tour" |trans |capitalize }}: </strong> {{ service.tour.name  }}<br>
            {{ service.tour.address  }}
        </div>

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

        <div class="col-md-6">
            <strong>{{ "adult count" |trans |capitalize }}: </strong> {{ service.adultsCount }}
        </div>
        <div class="col-md-6">
            <strong>{{ "kids count" |trans |capitalize }}: </strong> {{ service.kidsCount }}
        </div>

    </div>

    <div class="col-md-12 images-container">
        <button class="btn btn-success pull-right show-destination-image" data-destination-id="{{ service.tour.id }}">Mostrar imágenes <i style="color: white;" class="fa fa-angle-double-down"> </i></button>
    </div>

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

{% endblock %}