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

{% block title %}Parcours{% endblock %}

{% block body %}
    <div id="main" class="site-main">
        <div id="main-content" class="single-page-content">
            <div id="primary" class="content-area">

                <div class="page-title">
                    <h1>Parcours</h1>
{#                    <div class="page-subtitle">#}
{#                        <h4> 8 Years of Experience</h4>#}
{#                    </div>#}
                </div>

                <div id="content" class="page-content site-content single-post" role="main">
                    <div class="row">

                        <div class=" col-xs-12 col-sm-6 ">
                            <div class="block-title">
                                <h2>Formation</h2>
                            </div>

                            <div id="timeline_1" class="timeline clearfix">
                                {% for formation in formations %}
                                    <div class="timeline-item clearfix">
                                    <h5 class="item-period ">{{ formation.startDate|format_datetime(pattern="MMM Y", locale='fr') }} - {{ formation.endDate|format_datetime(pattern="MMM Y", locale='fr') }}</h5>
                                    <span class="item-company">{{ formation.organism }}</span>
                                    <h4 class="item-title">{{ formation.title }}</h4>
                                        <p>
                                            {{ formation.description|raw }}
                                        </p>
                                </div>
                                {% endfor %}
                            </div>
                        </div>

                        <div class=" col-xs-12 col-sm-6 ">
                            <div class="block-title">
                                <h2>Expérience</h2>
                            </div>

                            <div id="timeline_2" class="timeline clearfix">
                                {% for experience in experiences %}
                                    <div class="timeline-item clearfix">
                                        <h5 class="item-period current">
                                            {{ experience.startDate|format_datetime(pattern="MMM Y", locale='fr') }} -
                                            {% if experience.endDate %}
                                                {{ experience.endDate|format_datetime(pattern="MMM Y", locale='fr') }}
                                            {% else %}
                                                aujourd'hui
                                            {% endif %}
                                        </h5>
                                        <span class="item-company">{{ experience.organism }}</span>
                                        <h4 class="item-title">{{ experience.title }}</h4>
                                        <p>{{ experience.description|raw }}</p>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}