{#
    ceci est un commentaire "twig"
    il n'est pas visible dans le html

    ce fichier est utilisé quand l'utilisateur n'a pas encore de site

#}

{#
    on commence par lui dire que ce fichier est inclu dans " YOUCommercantBundle:Site:layout.html.twig "
    de cette façon, la bar de droite "confier nous votre site" est global à tous et simple a modifier
    dans cette page j'ai créer un block "site_content" qui contiendra cette page
#}
{% extends "YOUCommercantBundle:Site:layout.html.twig" %}

{# ici je dit donc d'include mon contenu dans le block "site_content" #}
{% block site_content %}

    <div id="site_nosite">

        {# permet d'utilisé la fonction ariane que j'ai fait qui génére le fil d'ariane #}
        {% import 'YOUCommercantBundle::macros.html.twig' as macros %}

        <br/>
        {{ macros.ariane({
        'Tableau de bord':{'url':path('you_commercant_secured_homepage')},
        'Mon site vitrine':{}
        }) }}

        <h1 class="titretdb">Mon site vitrine</h1>
        <br/><br/>
        {% for flashMessage in app.session.flashbag.get('success') %}
            <div class="flash-message alert alert-success ">
                {{ flashMessage }}
            </div>
        {% endfor %}
        <br/>


        <div class="infos-create">
            <a href="{{ path('you_commercant_monsite_addpage') }}" class="btn btn-blue">Ajouter une page</a>
            <a href="{{ path('you_commercant_monsite_menu') }}" class="btn btn-blue">Modifier mon menu</a>
        </div>
        <br/>
        <p>Pour modifier une page ou la changer de rubrique, cliquez sur le "crayon".
        <br/>Pour la visualiser sur votre boutique, cliquez sur la "loupe".</p>
        <br/>
        <div class="box">

            <div class="box-header">
                <ul class="nav nav-tabs nav-tabs-left">
                    {% for rub in rubriques %}
                        <li {% if loop.first %}class="active"{% endif %}><a href="#{{ rub.slug }}" data-toggle="tab">{{ rub.name }}</a></li>
                    {% endfor %}
                </ul>
            </div>

        </div>
        <div class="tab-content">
            {% for rub in rubriques %}
                <div class="tab-pane {% if loop.first %}active{% endif %}" id="{{ rub.slug }}">
                    {% if rub.pages|length <= 0 %}
                        <p>Vous n'avez pas encore de page pour cette rubrique.</p>
                        <a href="{{ path('you_commercant_monsite_addpage') }}" class="btn btn-blue">Ajouter une page</a>
                    {% endif %}
                    {% for page in rub.pages %}

                        <div class="span6">
                            <div class="box">
                                <div class="box-header">
                                    <span class="title">{{ page.titre }}</span>
                                    <ul class="box-toolbar">
                                        <li class="toolbar-link" style="margin-left: 0;"><a target="_blank" href="http://{{ mainhost }}{{ path('you_boutique_site_page',{slug:app.user.customer.enterprise.boutique.slug,page_slug:page.slug}) }}"><i class="icon-search"></i></a></li>
                                        <li class="toolbar-link" style="margin-left: 0;"><a href="{{ path('you_commercant_monsite_editpage',{id:page.id}) }}" class=""><i class="icon-edit"></i></a></li>
                                        <li class="toolbar-link" style="margin-left: 0;"><a href="{{ path('you_commercant_monsite_removepage',{id:page.id}) }}" onclick="return confirm('Supprimer cette page ?');" class=""><i class="icon-trash"></i></a></li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
        {#

        #}

    </div>

{% endblock %}