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

{% block meta_og_title %}{% trans %}Collection de{% endtrans %} {{ nomUser }}{% endblock %}
{% block meta_og_type %}website{% endblock %}
{% block meta_og_image %}{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}images/logo-mjv-1.png{% else %}{{ base_url_en_sans_langue }}images/logo-vgm-1.png{% endif %}{% endblock %}

{% block meta_title %}{% trans %}Collection de{% endtrans %} {{ nomUser }}{% endblock %}
{% block meta_description %}{% trans %}La collection de jeux-vidéo de{% endtrans %} {{ nomUser }}{% endblock %}

{% block chemin %}<div>{% trans %}Accueil{% endtrans %}</div>{% endblock %}

{% block sous_chemin %}{% endblock %}

{% block body %}

{% if ( (app.user) and (app.user.id == idUser) ) %}
{% include 'Collection/inclusion_form_collection.html.twig' %}
{% endif %}

<div class="row">
    <div class="col-md-12" style="margin-top: 10px; margin-bottom: 10px;">
        <div>
			<h1>{% trans %}Collection de{% endtrans %} {{ nomUser }}</h1>
			<h4>&nbsp;&nbsp;<a href="{{ path('collection_tout', {'idUser': idUser, 'nomUser': nomUser}) }}">{% trans %}Afficher tous les syst&egrave;mes sur 1 seule page{% endtrans %}</a></h4>
			{% if ( (app.user) and (app.user.id==idUser) ) %}
            <div style="float: left; margin-bottom: 10px; margin-top: 10px;">
			<a class="simple-ajax-popup btn-collection" href="#form-collection-systeme-ajout"><img src="{{ asset('images/142-Upload-26.png') }}"> &nbsp;{% trans %}Ajouter un syst&egrave;me{% endtrans %}</a>
			</div>
			<div style="float: left; margin-left: 45px; margin-top: 10px;">
			<a class="simple-ajax-popup btn-collection" href="#form-collection-ajout"><img src="{{ asset('images/142-Upload-26.png') }}"> &nbsp;{% trans %}Ajouter un jeu{% endtrans %}</a>
			</div>
			{% endif %}
		</div>

        {% set counter = 0 %}
        {% for systeme in listeSystemes %}
            {% if systeme.categorie == 'Arcade' %}
            {% if counter == 0 %}
            <div><h2>{% trans %}ARCADE{% endtrans %}</h2></div>
            {% endif %}
            <div class="blocs-systeme">
                <div class="photo_systeme"><a href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}"><img src="{{ asset( 'screenshots/' ~ systeme.repertoire ~ '/system_site.png' ) }}" width="194" height="120" border="0" alt="{{ systeme.systemePropre }}" title="{{ systeme.systemePropre }}"></a></div>
                <div style="margin-left: 6px; margin-top: 4px;">
                    <a class="lien_noir" href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}">{{ systeme.systemePropre }}{% if systeme.nbJeux > 0 %} ({{ systeme.nbJeux }}){% endif %}</a>
                </div>
            </div>
            {% set counter=counter+1 %}
            {% endif %}
        {% endfor %}

        {% set counter = 0 %}
        {% for systeme in listeSystemes %}
            {% if systeme.categorie == 'Consoles' %}
            {% if counter == 0 %}
            <div style="clear:both;"><br /><h2>{% trans %}CONSOLES{% endtrans %}</h2></div>
            {% endif %}
            <div class="blocs-systeme">
                <div class="photo_systeme"><a href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}"><img src="{{ asset( 'screenshots/' ~ systeme.repertoire ~ '/system_site.png' ) }}" width="194" height="120" border="0" alt="{{ systeme.systemePropre }}" title="{{ systeme.systemePropre }}"></a></div>
                <div style="margin-left: 6px; margin-top: 4px;">
                    <a class="lien_noir" href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}">{{ systeme.systemePropre }}{% if systeme.nbJeux > 0 %} ({{ systeme.nbJeux }}){% endif %}</a>
                </div>
            </div>
            {% set counter=counter+1 %}
            {% endif %}
        {% endfor %}

        {% set counter = 0 %}
        {% for systeme in listeSystemes %}
            {% if systeme.categorie == 'Ordinateurs' %}
            {% if counter == 0 %}
            <div style="clear:both;"><br /><h2>{% trans %}ORDINATEURS{% endtrans %}</h2></div>
            {% endif %}
            <div class="blocs-systeme">
                <div class="photo_systeme"><a href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}"><img src="{{ asset( 'screenshots/' ~ systeme.repertoire ~ '/system_site.png' ) }}" width="194" height="120" border="0" alt="{{ systeme.systemePropre }}" title="{{ systeme.systemePropre }}"></a></div>
                <div style="margin-left: 6px; margin-top: 4px;">
                    <a class="lien_noir" href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}">{{ systeme.systemePropre }}{% if systeme.nbJeux > 0 %} ({{ systeme.nbJeux }}){% endif %}</a>
                </div>
            </div>
            {% set counter=counter+1 %}
            {% endif %}
        {% endfor %}

        {% set counter = 0 %}
        {% for systeme in listeSystemes %}
            {% if systeme.categorie == 'Autres' %}
            {% if counter == 0 %}
            <div style="clear:both;"><br /><h2>{% trans %}AUTRES{% endtrans %}</h2></div>
            {% endif %}
            <div class="blocs-systeme">
                <div class="photo_systeme"><a href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}"><img src="{{ asset( 'screenshots/' ~ systeme.repertoire ~ '/system_site.png' ) }}" width="194" height="120" border="0" alt="{{ systeme.systemePropre }}" title="{{ systeme.systemePropre }}"></a></div>
                <div style="margin-left: 6px; margin-top: 4px;">
                    <a class="lien_noir" href="{{ path('collection2', {'idUser': idUser, 'nomUser': nomUser, 'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'page': 0}) }}">{{ systeme.systemePropre }}{% if systeme.nbJeux > 0 %} ({{ systeme.nbJeux }}){% endif %}</a>
                </div>
            </div>
            {% set counter=counter+1 %}
            {% endif %}
        {% endfor %}
    </div>
</div>
{% endblock %}