{% extends 'front.html.twig' %}
{% block title %} {{ 'page.pres.title' | trans }} {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <!-- breadcrumb area start -->
    <section class="breadcrumb-area" id="home">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-area-content">
                        <h2>{{ 'page.pres.title' | trans }} </h2>
                        <ul>
                            <li><a href="{{ path('front_home')}}">{{ 'title.Ac' | trans }}</a></li>
                            <li class="active"><a href="{{ path("presentation") }}">{{ 'page.pres.title' | trans }}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb area end -->
    <!-- about section start -->
    <section class="our-about ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-50">
                        <h2>{{ 'page.pres.title' | trans }} <span class="title-span">{{ 'page.pres.cnfce'| trans}}</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                {% if page!= null %}
                <div class="col-lg-6">

                    <div class="single-success-box">
                        <p>
                            {{ page[0].content|raw }}
                        </p>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <div class="single-success-box">
                        <img src="{{ asset('uploads/pages/'~page[0].path) }}" alt="">
                    </div>
                </div>
                {% else %}
                &Aucune dONNE
                {% endif %}
            </div>
        </div>
    </section>
    <!-- about section end -->


{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    {#<script type="text/javascript" src="{{ asset('maps/jquery.vmap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('maps/jquery.vmap.tunisia.js')}}" charset="utf-8"></script>
    <script>
        jQuery(document).ready(function () {
            jQuery('#vmap').vectorMap({
                map: 'tunisia',
                onRegionClick: function (element, code, region) {
                    var message = 'You clicked "'
                        + region
                        + '" which has the code: '
                        + code.toUpperCase();

                    alert(message);
                }
            });
        });
    </script>#}
{% endblock %}