{% extends 'base.html.twig' %}

{% block title %}OTO {% endblock %}

{% block body %}

{% if flights is defined  %}


<section id="search">

     <div class="container">

                        {% if flights.status is defined  %}
                        {{ flights.code }}  : {{ flights.message }}
                        {% else %}
                            <i class="fas fa-user"></i> {{ flights.sessionid }}

                            {% for key, flight in flights %}
                                {% if key != "sessionid" %}

                                    <form action='/misterfly/oto/v1/public/demo/flight/check/' method='POST' class='booking-form row border mb-4'>

                                         <legend>[{{ flight.pointToPoints[0].id }}/
                                             
                                             {{ flight.pointToPoints[1].id }} ]
                                           

                                         </legend>

                                         <div class="col-md-5">

                                             <span class="d-block">
                                                 <b><i class="fas fa-plane"></i> Aller</b> :
                                             {{ flight.pointToPoints[0].startAirport }}
                                                 <i class="fas fa-long-arrow-alt-right"></i>
                                             {{ flight.pointToPoints[0].endAirport }}
                                               - N° vol: {{ flight.pointToPoints[0].segments[0].flightNum }}
                                               - Prix : <b>{{ flight.fare.net}}€</b>
                                             </span>

                                             <span class="d-block">Départ :

                                              le {{ flight.pointToPoints[0].segments[0].startDate }}
                                              à  {{ flight.pointToPoints[0].segments[0].startTime }}

                                             </span>

                                             <span class="d-block">Arrivée :

                                             le {{ flight.pointToPoints[0].segments[0].endDate }}
                                              à   {{ flight.pointToPoints[0].segments[0].endTime }}
                                             </span>

                                             <span class="d-block">
                                                 Prix : {{ flight.fare.net}}€
                                                 - Compagnie : {{ flight.pointToPoints[0].segments[0].company }}
                                                 - Vol {% if  flight.pointToPoints[0].segments[0].numberOfStop ==0 %} direct
                                                   {% else %} avec escale
                                                   {% endif %}
                                             </span>

                                         </div>




                                         <div class="col-md-5">
                                             
                                             <span class="d-block">
                                                 <b><i class="fas fa-plane"></i> Retour</b> :
                                                 {{ flight.pointToPoints[1].startAirport }}
                                                 <i class="fas fa-long-arrow-alt-right"></i>
                                                {{ flight.pointToPoints[1].endAirport }}
                                                - N° vol {{ flight.pointToPoints[1].segments[0].flightNum }}
                                                - Prix : <b>{{ flight.fare.net}}€</b>
                                             </span>

                                             <span class="d-block">Départ :
                                              le {{ flight.pointToPoints[1].segments[0].startDate }}
                                              à  {{ flight.pointToPoints[1].segments[0].startTime }}
                                             </span>

                                             <span class="d-block">Arrivée :
                                             le {{ flight.pointToPoints[1].segments[0].endDate }}
                                              à {{ flight.pointToPoints[1].segments[0].endTime }}
                                             </span>
                                             <span class="d-block">

                                                 - Compagnie : {{ flight.pointToPoints[1].segments[0].company }}
                                                 - Vol {% if  flight.pointToPoints[1].segments[0].numberOfStop ==0 %} direct
                                                 {% else %} avec escale
                                                 {% endif %}
                                             </span>

                                             
                                         </div>

                                         <div class="col-md-2">

                                             <input
                                                     type  ="hidden"
                                                     name  ="pointToPoint"
                                                     value ="{{ flight.pointToPoints[0].id }}-{{ flight.pointToPoints[1].id }}" />
                                             <input type="submit"  value="Reserver ce vol" />

                                         </div>
                                    </form>

                                 {% endif %}
                            {% endfor %}
                        {% endif %}
	{% endif %}

    {{ dump(search) }}


{% block javascripts %}

<script type="text/javascript">
/*
	$("#submit-search").on( "click", function() {
                $(".spinner").removeClass('d-none').addClass('d-block');
    });
*/

{% endblock %}  <!-- /Optional js -->

{% endblock %}