{% extends 'SagecesWebsiteBundle::layout.html.twig' %}

{% block title %}
    Nos Réalisations
{% endblock %}
{% block description %}
    Découvrez nos projets et réalisations que ce soit dans le domain public ou privé.
{% endblock %}

{% block content %}

    <section id="realisation_map" class="hide-for-small">
    </section>

    <section class="row">
        <div style="width: 100%; height: 25px;"></div>
        <div class="small-12 columns" id="category-filters">
            <div data-category="">
                Toutes
            </div>
            <div data-category="Public">
                Public
            </div>
            <div data-category="Privé">
                Privé
            </div>
        </div>
    </section>
    
    <section id="realisations" class="small-12">
        <div class="row">
            <section class="realisation small-12 columns" data-lat="44.889543" data-lng="6.633658">
            </section>
            {% for realisation in realisations %}
                {% include 'SagecesWebsiteBundle:Layout:realisation.html.twig' %}
            {% endfor %}
        </div>
    </section>

    <section id="realisation_map" class="hide-for-small">
        <div id="gmaps"></div>
        <div id="expand_map" class="small-12 text-center columns">
            <i class="fa fa-plus"></i>
        </div>
        <div style="width: 100%; height: 60px;"></div>
    </section>

{% endblock %}

{% block js %}
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
{% endblock %}