{% extends "MobileBundle::layout.html.twig" %}

{% block body %}

    <div id="main">

        <div class="page-header valign-wrapper more-p" data-parallax="active" style="background-image:url({{ asset("assets/uploads/airports/"~airport[0].getAbr()~".jpg")}});transform: translate3d(0px, 0px, 0px);">
            <div class="opacity-overlay"></div>
            <div class="container not-center">
                <div class="row valign">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="brand">
                            <h1 class="title">{{ airport[0].getTitle() }}</h1>


                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section white main main-raised m-b-40">

        <div class="container-fluid">


        <div class="row">
        {% for pack in packs %}
        <div class="col-sm-6 col-md-3">
            <div class="card card-product">
                <div class="card-image">
                    <a href="{{ path("book_fasttrack_mobile",{"airport":airport[0].getAbr(),"fasttrack":pack.getTitle(),"idpack":pack.getId()}) }}">
                        <img class="img" src="{{ asset("assets/uploads/offers/"~pack.getImage()~"")}}" alt="">
                    </a>
                </div>

                <div class="content">
                    <h6 class="category text-rose">FAST TRACK</h6>
                    <h4 class="card-title">
                        <a href="{{ path("book_fasttrack_mobile",{"airport":airport[0].getAbr(),"fasttrack":pack.getTitle(),"idpack":pack.getId()}) }}">{{ pack.getTitle() }}</a>
                    </h4>
                    <div class="card-description">
                        


                        {% set description = pack.getDescription()|split('/') %}


                            {% if(app.request.getLocale()=='fr') %}
                                {{ description[1] }}.
                            {% else %}
                                {{ description[0] }}.
                            {% endif %}


                    </div>
                    <div class="footer">
                        <div class="price">
						{% set pricedh= pack.getPriceAdlt()*10 %}
                            <h4>{{ pack.getPriceAdlt() }} € / {{ pricedh }} MAD</h4>
                        </div>
                        <div class="stats">
                            <a href="{{ path("book_fasttrack_mobile",{"airport":airport[0].getAbr(),"fasttrack":pack.getTitle(),"idpack":pack.getId()}) }}" class="btn btn-rose btn-primary btn-round" >{% trans %}Book{% endtrans %}...</a>

                        </div>
                    </div>

                </div>

            </div>
        </div>
        {% endfor %}
    </div>
    </div>
    </div>
    </div>
    <script src="{{ asset("assets/js/jquery-3.2.1.min.js")}}"></script>
{% endblock %}