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

{% block serviceName %}{{ 'bus'|trans|upper }}{% endblock %}

{% block service_info %}
    <div class="row">
        <div class="col-md-12">
            <strong>{{ "Travels" |trans |capitalize }}: </strong>
                {% for travel in service.travels %}
                    <div class="service-content">
                        <div class="row">
                            <div class="col-xs-6"><span>{{ "travel" |trans |capitalize }} : <b> {{ loop.index }}</b> </span></div>
                            <div class="col-xs-6"><span>{{ "start date" |trans |capitalize }} : <b> {{ travel.startDate |date("d-m-Y") }}</b> </span></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-6">
                                <span>{{ "origin" |trans |capitalize }}: <b>{{ travel.originBusTerminal.name }}</b> </span><br>
                                <span>{{ travel.originBusTerminal.address }}</span>
                            </div>
                            <div class="col-xs-6">
                                <span>{{ "destination" |trans |capitalize }}: <b>{{ travel.destinationBusTerminal.name }}</b></span><br>
                                <span>{{ travel.destinationBusTerminal.address }}</span>
                            </div>

                            <div class="col-xs-6">
                                <span>{{ "adult count" |trans |capitalize }}: <b>{{ travel.adultsCount }} </b></span>
                            </div>

                            <div class="col-xs-4">
                                <span>{{ "kids count" |trans |capitalize }}: <b>{{ travel.kidsCount }} </b></span>
                            </div>
                            <div class="col-md-2">
                                <strong>{{ "Class bus travel type" |trans |capitalize }}: </strong> {{ travel.classBusTravelType.name }}
                            </div>
                        </div>

                    </div>

                {% endfor %}
        </div>

    </div>


{% endblock %}