{% extends 'backend/reservations/service/summaryService.html.twig' %}
{% block icon %}directions_boat{% endblock %}
{% block service_info %}
    <div class="row">
        <div class="col-md-6">
            <strong>{{ "cruise" |trans |capitalize }}: </strong> {{ service.cruiseTrajectory.ship.name  }}
        </div>
        <div class="col-md-6">
            <strong>{{ "nights count" |trans |capitalize }}: </strong> {{ service.nightsNumber }}
        </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-12">
            <strong>{{ "cruise trajectory" |trans |capitalize }}: </strong> {{ service.cruiseTrajectory.path  }}
        </div>

        <div class="col-md-12">
            <strong>{{ "cabins" |trans |capitalize }}: </strong>
            <ul>
                {% for room in service.rooms %}
                    <li>
                        <strong>{{ "cabin" |trans |capitalize }} {{ loop.index }}: </strong>
                        <ul>
                            <li>
                                <strong>{{ "Cabin type" |trans |capitalize }}: </strong>  {{ room.cabinType.name }}
                            </li>
                            {% if  room.cabinName %}
                            <li>
                                <strong>{{ "Cabin name" |trans |capitalize }}: </strong>  {{ room.cabinName.name }}
                            </li>
                            {% endif %}
                            <li>
                                <strong>{{ "titular name" |trans |capitalize }}: </strong>  {{ room.titularName? room.titularName : "No asignado" }}
                            </li>
                            <li>
                                <strong>{{ "adult count" |trans |capitalize }}: </strong>  {{ room.adultCount }}
                            </li>

                            {% if room.kids|length>0 %}
                                <li>
                                    <strong>{{ "kids" |trans |capitalize }}: </strong>
                                    <ul>
                                        {% for kid in room.kids %}
                                            <li>
                                                <strong>{{ "age" |trans |capitalize }}: </strong>{{ kid.age }}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </li>
                            {% endif %}

                        </ul>
                    </li>
                {% endfor %}
            </ul>
        </div>

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

    </div>

{% endblock %}