{% extends 'app/base.html' %}
    {% block content %}
        <div class="container">
            <div class="row">
                <div class="col align-self-center">
                    <h5>Flight Details</h5> <hr>
                    <h6>Flight ID: {{ flight.id }}</h6>
                    <h6>Origin: {{ flight.origin }}</h6>
                    <h6>Destination {{ flight.destination }}</h6>
                    <h6>Duration: {{ flight.duration }} Minutes</h6><br><br>

                    {% if no_pass == 1 %}
                        <h5>{{ no_pass }} Passenger</h5><hr>
                    {% else %}
                        <h5>{{ no_pass }} Passengers</h5><hr>
                    {% endif %}
                    {% for passenger in passengers %}
                        <h6>{{ passenger.first_name }} {{ passenger.last_name }}</h6>
                    {% endfor %}
                </div>
            </div>
        </div>

{% endblock content %}