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

{% block meta_og_title %}
{% apply spaceless %}
    {% for systeme in infosDuSysteme %}
        {% if app.request.locale == 'fr' %}
            Specs, Spécifications techniques {{ systeme.marque }} {{ systeme.systemePropre }} - Le Musee des Jeux Video
        {% else %}
            Technical specifications, specs {{ systeme.marque }} {{ systeme.systemePropre }} - The Video Games Museum
        {% endif %}
    {% endfor %}
{% endapply %}
{% endblock %}
{% block meta_og_type %}website{% endblock %}
{% block meta_og_image %}{% for systeme in infosDuSysteme %}{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/system.jpg{% endfor %}{% endblock %}

{% block meta_title %}
{% apply spaceless %}
    {% for systeme in infosDuSysteme %}
        {% if app.request.locale == 'fr' %}
            Specs, Spécifications techniques {{ systeme.marque }} {{ systeme.systemePropre }} - Le Musee des Jeux Video
        {% else %}
            Technical specifications, specs {{ systeme.marque }} {{ systeme.systemePropre }} - The Video Games Museum
        {% endif %}
    {% endfor %}
{% endapply %}
{% endblock %}

{% block meta_description %}
{% apply spaceless %}
    {% for systeme in infosDuSysteme %}
        {% if app.request.locale == 'fr' %}
            Specs, Spécifications techniques {{ systeme.marque }} {{ systeme.systemePropre }} - Le Musee des Jeux Video
        {% else %}
            Technical specifications, specs {{ systeme.marque }} {{ systeme.systemePropre }} - The Video Games Museum
        {% endif %}
    {% endfor %}
{% endapply %}
{% endblock %}

{% block chemin %}
    <div>
        <a href="{{ path('homepage') }}">{% trans %}Accueil{% endtrans %}</a> > {% if app.request.locale == 'fr' %}<a class="lien_noir" href="{{ path('browse_systems_fr') }}">{% trans %}Tous les syst&egrave;mes{% endtrans %}</a>{% endif %}{% if app.request.locale == 'en' %}<a class="lien_noir" href="{{ path('browse_systems_en') }}">{% trans %}Tous les syst&egrave;mes{% endtrans %}</a>{% endif %} > 
        {% for systeme in infosDuSysteme %}
        	<h1 class="chemin_h1_normal">Specs {{ systeme.marque }} {{ systeme.systemePropre }}</h1>
        {% endfor %}
    </div>
{% endblock %}

{% block sous_chemin %}
<div id="sous_chemin">
    <div class="container">
        <div class="row" id="browse_version_repliee">
            <div class="col-md-12">
                <div class="row row_lettre">
                    {% for systeme in infosDuSysteme %}
                    <div class="lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_normale" onclick="document.location='{{ path('systeme3', {'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'onglet': systeme.onglet, 'lettre': 'all', 'page': 0}) }}';" onmouseover="ancienneclasse=this.className; if(this.className=='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_normale') { this.className='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_active'; }" onmouseout="if(this.className=='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_active') { this.className=ancienneclasse; }"><p><a href="{{ path('systeme3', {'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'onglet': systeme.onglet, 'lettre': 'all', 'page': 0}) }}">{% trans %}Tout{% endtrans %}</a></p></div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="row" id="browse_version_depliee">
            <div class="col-md-5">
                <div class="row">{% if app.request.locale == 'fr' %}Parcourir les jeux {{ nomDuSysteme }}{% else %}Browse {{ nomDuSysteme }} games{% endif %} :</div>
                <div class="row row_lettre">
                    {% for systeme in infosDuSysteme %}
                    <div class="lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_normale" onclick="document.location='{{ path('systeme3', {'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'onglet': systeme.onglet, 'lettre': 'all', 'page': 0}) }}';" onmouseover="ancienneclasse=this.className; if(this.className=='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_normale') { this.className='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_active'; }" onmouseout="if(this.className=='lettre_systeme_all {% if app.request.locale == 'fr' %}lettre_systeme_all_fr {% endif %}lettre_active') { this.className=ancienneclasse; }"><p><a href="{{ path('systeme3', {'systemePourUrl': systeme.systemePourUrl, 'idSysteme': systeme.id, 'onglet': systeme.onglet, 'lettre': 'all', 'page': 0}) }}">{% trans %}Tout{% endtrans %}</a></p></div>
                    {% endfor %}
                </div>
            </div>
            <div class="col-md-6" style="padding-top: 10px;">
                <div style="float: right;">
                {% for systeme in infosDuSysteme %}
                <div class="icone_systeme"><img src="{{ asset( 'images/deroulant/' ~ systeme.id ~ '.png' ) }}" width="45" height="47" border="0"></div>
                <div class="bloc1_systeme"><p>{{ systeme.systemePropre }}</p>{% if systeme.logo != '0' %}<p class="logo_systeme"><img src="{{ asset( 'images/logos/' ~ systeme.logo ~ '.png' ) }}" border="0"></p>{% endif %}</div>
                <div class="photo_systeme"><img src="{{ asset( 'screenshots/' ~ systeme.repertoire ~ '/system_site.png' ) }}" width="194" height="120" border="0"></div>
                <div class="specs_systeme">
                    {% if systeme.annee != '0' %}
                    <p>{% trans %}Ann&eacute;e{% endtrans %} : {{ systeme.annee }}</p>
                    {% if systeme.cpu != '' %}<p>{% trans %}CPU{% endtrans %} : {{ systeme.cpu }}</p>{% endif %}
                    {% if systeme.vitesseCpu != '' %}<p>{% trans %}Fr&eacute;quence{% endtrans %} : {{ systeme.vitesseCpu }}</p>{% endif %}
                    {% if systeme.resolution != '' %}<p>{% trans %}R&eacute;solution{% endtrans %} : {{ systeme.resolution }}</p>{% endif %}
                    {% endif %}
                </div>
                {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block pagination1 %}{% endblock %}

{% block body %}
<div class="row">
    <div class="col-md-6 screens_page_jeu_new">
		{% for systeme in infosDuSysteme %}
			<br /><br />
			<div style="text-align: center;" class="carousel_system">
				{% for image in listeSystemes %}
				<div><a class="boxart_pour_popup" href="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/{{ image.nomFichier }}" title="{{ image.libelle }}"><img src="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/{{ image.nomFichier }}" title="{{ image.libelle }}" width="{{ image.imgWidth }}" height="{{ image.imgHeight }}" style="max-width:300px; height: auto;"></a></div>
				{% endfor %}
			</div>
			<br />
			{% for gamepad in listeGamepad %}
			<div style="text-align: center;"><br /><br /><div style="display: inline-block;"><a class="boxart_pour_popup" href="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/gamepad.jpg" title="{% trans %}Manette{% endtrans %} {{ systeme.marque }} {{ systeme.systemePropre }}"><img src="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/gamepad.jpg" title="{% trans %}Manette{% endtrans %} {{ systeme.marque }} {{ systeme.systemePropre }}" width="{{ gamepad.imgWidth }}" height="{{ gamepad.imgHeight }}" style="max-width:200px; height: auto;"></a></div></div><br />
	        {% endfor %}
        {% endfor %}
    </div>
    <div class="col-md-6">
        {% for systeme in infosDuSysteme %}
        <h2>{% trans %}Sp&eacute;cifications techniques{% endtrans %} {{ systeme.marque }} {{ systeme.systemePropre }}</h2>
        <table id="simple-example-table" cellspacing="0" class="stacktable">
            <tbody>
                {% if systeme.marque != '' %}
                <tr>
                    <td width="30%">{% trans %}Constructeur{% endtrans %}</td>
                    <td width="70%">{{ systeme.marque }}</td>
                </tr>
                {% endif %}
                {% if systeme.annee != '' %}
                <tr>
                    <td>{% trans %}Date de sortie{% endtrans %}</td>
                    <td>{{ systeme.annee }}</td>
                </tr>
                {% endif %}
                {% if systeme.autres_noms != '' %}
                <tr>
                    <td width="30%">{% trans %}Autres Noms{% endtrans %}</td>
                    <td width="70%">{{ systeme.autres_noms }}</td>
                </tr>
                {% endif %}
                {% if systeme.modeles != '' %}
                <tr>
                    <td width="30%">{% trans %}Autres Modeles{% endtrans %}</td>
                    <td width="70%">{{ systeme.modeles }}</td>
                </tr>
                {% endif %}
                {% if systeme.cpu != '' %}
                <tr>
                    <td>{% trans %}CPU{% endtrans %}</td>
                    <td>{{ systeme.cpu }} , {{ systeme.vitesseCpu }}</td>
                </tr>
                {% endif %}
                {% if systeme.memoire != '' %}
                <tr>
                    <td>{% trans %}M&eacute;moire{% endtrans %}</td>
                    <td>{{ systeme.memoire }}</td>
                </tr>
                {% endif %}
                {% if systeme.carte_graph != '' %}
                <tr>
                    <td>{% trans %}Carte graphique{% endtrans %}</td>
                    <td>{{ systeme.carte_graph }}</td>
                </tr>
                {% endif %}
                {% if systeme.resolution != '' %}
                <tr>
                    <td>{% trans %}Affichage{% endtrans %}</td>
                    <td>{{ systeme.resolution }}{% if systeme.couleurs != '' %} ({{ systeme.couleurs }}{% if systeme.couleurs != 'monochrome' %} {% trans %}couleurs{% endtrans %}{% endif %}){% endif %}</td>
                </tr>
                {% endif %}
                {% if systeme.taille_ecran != '' %}
                <tr>
                    <td>{% trans %}Ecran{% endtrans %}</td>
                    <td>{{ systeme.taille_ecran }}</td>
                </tr>
                {% endif %}
                {% if systeme.son != '' %}
                <tr>
                    <td>{% trans %}Capacit&eacute;s sonores{% endtrans %}</td>
                    <td>{{ systeme.son }}</td>
                </tr>
                {% endif %}
                
                {% if app.request.locale == 'fr' %}
                {% if systeme.media_fr != '' %}
                <tr>
                    <td>Media</td>
                    <td>{{ systeme.media_fr }}</td>
                </tr>
                {% endif %}
                {% endif %}
                {% if app.request.locale == 'en' %}
                {% if systeme.media_en != '' %}
                <tr>
                    <td>Media</td>
                    <td>{{ systeme.media_en }}</td>
                </tr>
                {% endif %}
                {% endif %}
                
                {% if systeme.dimension != '' %}
                <tr>
                    <td>{% trans %}Dimensions{% endtrans %}</td>
                    <td>{{ systeme.dimension }}</td>
                </tr>
                {% endif %}
                {% if systeme.poids_kg != '0.00' %}
                <tr>
                    <td>{% trans %}Poids{% endtrans %}</td>
                    <td>{{ systeme.poids_kg }} kg</td>
                </tr>
                {% endif %}
                {% if systeme.pile != '' %}
                <tr>
                    <td>{% trans %}Piles{% endtrans %}</td>
                    <td>{{ systeme.pile }}</td>
                </tr>
                {% endif %}
                {% if systeme.prix != '' %}
                <tr>
                    <td>{% trans %}Prix &agrave; la sortie{% endtrans %}</td>
                    <td>{{ systeme.prix }}</td>
                </tr>
                {% endif %}
            </tbody>
        </table>
        {% endfor %}

        {% if nombreDesDocuments > 0 %}
        <div>
			<h2>{% trans %}Documents{% endtrans %}</h2>
			<ul>
			{% for doc in listeDesDocuments %}
				<li><a href="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ doc.lien }}" target="_blank">{{ doc.libelle }}</a></li>
		    {% endfor %}
			<ul>
		</div>
		{% endif %}

		<div>
			<h2>{% trans %}Liens externes{% endtrans %}</h2>
			{% for systeme in infosDuSysteme %}
				<ul>
					{% if systeme.wikipedia != '' %}<li><a href="https://en.wikipedia.org/{{ systeme.wikipedia }}" target="_blank">{% trans %}Fiche Wikipedia (EN){% endtrans %}</a></li>{% endif %}
					{% if systeme.emufrance != '' %}<li><a href="https://www.emu-france.com/{{ systeme.emufrance }}" target="_blank">{% trans %}T&eacute;l&eacute;charger les &eacute;mulateurs{% endtrans %} {{ systeme.marque }} {{ systeme.systemePropre }} {% trans %}sur Emu-France{% endtrans %}</a></li>{% endif %}
					{% if systeme.gamefaqs != '' %}<li><a href="https://gamefaqs.gamespot.com/{{ systeme.gamefaqs }}" target="_blank">{% trans %}Cheats / FAQs sur GameFaqs (EN){% endtrans %}</a></li>{% endif %}
					
					{% if systeme.autre_lien_1 != '' %}<li><a href="{{ systeme.autre_lien_1 }}" target="_blank">{{ systeme.libelle_autre_lien_1 }}</a></li>{% endif %}
					{% if systeme.autre_lien_2 != '' %}<li><a href="{{ systeme.autre_lien_2 }}" target="_blank">{{ systeme.libelle_autre_lien_2 }}</a></li>{% endif %}
					{% if systeme.autre_lien_3 != '' %}<li><a href="{{ systeme.autre_lien_3 }}" target="_blank">{{ systeme.libelle_autre_lien_3 }}</a></li>{% endif %}
					
					<li><a href="https://www.google.fr/search?q=roms+{{ systeme.systemePourUrl }}" target="_blank">{% trans %}Trouver les roms, isos sur google{% endtrans %}</a></li>
				<ul>
		    {% endfor %}
        </div>
        <div style="clear:both"><br /><br /></div>
    </div>
</div>

{% if nombrePeripheriques != '0' %}
<div class="row">
    <h2>{% trans %}P&eacute;riph&eacute;riques{% endtrans %}</h2>
    <div class="col-md-12 screens_page_jeu_new carousel_periph">
        {% for systeme in infosDuSysteme %}
            {% for image in listePeripheriques %}
            <div><a class="boxart_pour_popup" href="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/periph/{{ image.nomFichier }}" title="{{ image.libelle }}"><img src="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/periph/{{ image.nomFichier }}" title="{{ image.libelle }}" width="{{ image.imgWidth }}" height="{{ image.imgHeight }}" style="max-width:300px; height: auto;"></a></div>
            {% endfor %}
        {% endfor %}
    </div>
</div>
{% endif %}

{% if nombrePackagings != '0' %}
<div class="row">
    <h2>{% trans %}Packagings{% endtrans %}</h2>
    <div class="col-md-12 screens_page_jeu_new carousel_pack">
        {% for systeme in infosDuSysteme %}
            {% for image in listePackagings %}
            <div><a class="boxart_pour_popup" href="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/{{ image.nomFichier }}" title="{{ image.libelle }}"><img src="{% if app.request.locale == 'fr' %}{{ base_url_fr_sans_langue }}{% else %}{{ base_url_en_sans_langue }}{% endif %}screenshots/{{ systeme.repertoire }}/{{ image.nomFichier }}" title="{{ image.libelle }}" width="{{ image.imgWidth }}" height="{{ image.imgHeight }}" style="max-width:300px; height: auto;"></a></div>
            {% endfor %}
        {% endfor %}
    </div>
</div>
{% endif %}

<div style="clear:both;"><br /><br /></div>

<script type="text/javascript">
<!--
$(document).ready(function() {
	$('.carousel_system').slick({
		autoplay: true,
		slidesToShow: 1,
	});
	
	$('.carousel_periph').slick({
		autoplay: true,
		slidesToShow: 3,
	});
	
	$('.carousel_pack').slick({
		autoplay: true,
		slidesToShow: 3,
	});
	
    $('.screens_page_jeu_new').magnificPopup({
      delegate: 'a.boxart_pour_popup',
      type: 'image',
      tLoading: 'Loading image #%curr%...',
      mainClass: 'mfp-img-mobile',
      gallery: {
        enabled: true,
        navigateByImgClick: true,
        preload: [0,1]
      },
      image: {
        tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
        titleSrc: function(item) {
          return item.el.attr('title');
        }
      }
    });
  });
-->
</script>
{% endblock %}

{% block pagination2 %}{% endblock %}