{% extends 'backend/reservations/service/summaryService.html.twig'%}
{% block icon %}flight_takeoff{% endblock %}
{% block service_info %}
    {% set reservation = service.quotation.reservation %}
    <div class="row">
        <div class="col-md-12">
            <strong>{{ "Travels" |trans |capitalize }}: </strong>
            <ul>
                {% for travel in service.travels %}
                    <li>
                        <strong>{{ "travel" |trans |capitalize }} {{ loop.index }}: </strong>
                        <div class="row">
                            <div class="col-md-6">
                                <strong>{{ "start date" |trans |capitalize }}: </strong> {{ travel.startDate |date("d-m-Y | H:i") }}
                            </div>
                            <div class="col-md-6">
                                <strong>{{ "end date" |trans |capitalize }}: </strong> {{ travel.endDate |date("d-m-Y | H:i") }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <strong>{{ "origin" |trans |capitalize }}: </strong> {{ travel.originAirport.name }}
                            </div>
                            <div class="col-md-6">
                                <strong>{{ "destination" |trans |capitalize }}: </strong> {{ travel.destinationAirport.name }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <strong>{{ "Adults count" |trans |capitalize }}: </strong>
                                {{ travel.adultsCount is not null? travel.adultsCount:'-' }}
                            </div>
                            <div class="col-md-6">
                                <strong>{{ "kids count" |trans |capitalize }}: </strong>
                                    {{ travel.kidsCount is not null? travel.kidsCount:'-' }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <strong>{{ "airline" |trans |capitalize }}: </strong> {{ travel.airLine.name }}
                            </div>
                            <div class="col-md-6">
                                <strong>{{ "Class air travel type" |trans |capitalize }}: </strong> {{ travel.classAirTravelType?travel.classAirTravelType.name:'-' }}
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>

    </div>


{% endblock %}