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

{% block meta_og_title %}
{% spaceless %}
    {% if app.request.locale == 'fr' %}
    Resultats de la recherche de {{ rechercheMot }} sur Le Musee des Jeux Video
    {% else %}
    Search results for {{ rechercheMot }} on The Video Games Museum
    {% endif %}
{% endspaceless %}
{% 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 %}
{% spaceless %}
    {% if app.request.locale == 'fr' %}
    Resultats de la recherche de {{ rechercheMot }} sur Le Musee des Jeux Video
    {% else %}
    Search results for {{ rechercheMot }} on The Video Games Museum
    {% endif %}
{% endspaceless %}
{% endblock %}

{% block meta_description %}{% endblock %}

{% block chemin %}<div><a href="{{ path('homepage') }}">{% trans %}Accueil{% endtrans %}</a> > {% trans %}Collection{% endtrans %}</div>{% endblock %}

{% block sous_chemin %}
<div class="container">
    <div class="row">
        <div class="col-md-12 nbresultats_pagination1">
            <h2 class="h2_normal">{% trans %}Rajouter un jeu &agrave; votre collection{% endtrans %}</h2>
        </div>
    </div>
    <div class="row">
<script>
<!--
function verifier_form_recherche_page()
{
    if( ( $('#recherche_mot').val() != '' ) && ( $('#recherche_mot').val().length < 3 ) )
        return false;

    var mot = $('#recherche_mot').val();
    if ( mot == '' )
        mot = 'empty';

    window.location.href = '{{ path('homepage') }}/gestion-collection/' + mot + '/' + $('#recherche_systeme').val() + '/' + $('#recherche_genre').val();
    return false;
}
-->
</script>
        <div class="col-md-12 nbresultats_pagination1">
            <form onsubmit="return verifier_form_recherche_page();">
                <dl class="dl-horizontal">
                    <dt>{% trans %}Nom du jeu{% endtrans %} :</dt>
                    <dd><input type="text" class="" id="recherche_mot" name="recherche_mot" value="{% if rechercheMot != 'empty' %}{{ rechercheMot }}{% endif %}" onfocus="this.value='';" style="width:250px; height:30px;"></dd>
                    <dt>{% trans %}Syst&egrave;me{% endtrans %} :</dt>
                    <dd>
                        <select id="recherche_systeme" name="recherche_systeme" onfocus="$('#recherche_systeme').val('all');" class="" style="width:250px; height:30px;">
                            <option value="all">{% trans %}Tous les syst&egrave;mes{% endtrans %}</option>
                             <option value=""> </option>
                             <option class="cel" value="Arcade">ARCADE</option>
                             <option value="">---------------</option>
                             {% for systeme in listeSystemes %}
                                 {% if systeme.categorie == 'Arcade' %}
                                 <option value="{{ systeme.id }}">{{ systeme.nom }}</option>
                                 {% endif %}
                             {% endfor %}
                             <option value=""> </option>
                             <option class="cel" value="Consoles">CONSOLES</option>
                             <option value="">---------------</option>
                             {% for systeme in listeSystemes %}
                                 {% if systeme.categorie == 'Consoles' %}
                                 <option value="{{ systeme.id }}">{{ systeme.nom }}</option>
                                 {% endif %}
                             {% endfor %}
                             <option value=""> </option>
                             <option class="cel" value="Ordinateurs">{% trans %}ORDINATEURS{% endtrans %}</option>
                             <option value="">---------------</option>
                             {% for systeme in listeSystemes %}
                                 {% if systeme.categorie == 'Ordinateurs' %}
                                 <option value="{{ systeme.id }}">{{ systeme.nom }}</option>
                                 {% endif %}
                             {% endfor %}
                             <option value=""> </option>
                             <option class="cel" value="Autres">{% trans %}AUTRES{% endtrans %}</option>
                             <option value="">---------------</option>
                             {% for systeme in listeSystemes %}
                                 {% if systeme.categorie == 'Autres' %}
                                     {% if app.request.locale == 'fr' %}
                                     <option value="{{ systeme.id }}">{{ systeme.nom }}</option>
                                     {% else %}
                                     <option value="{{ systeme.id }}">{{ systeme.nomEn }}</option>
                                     {% endif %}
                                 {% endif %}
                             {% endfor %}
                        </select>
{% if rechercheSysteme != '' %}
<script>
<!--
$('#recherche_systeme').val( '{{ rechercheSysteme }}' );
-->
</script>
{% endif %}
                    </dd>
                    <dt>{% trans %}Genre{% endtrans %} :</dt>
                    <dd>
                        <select id="recherche_genre" name="recherche_genre" onfocus="$('#recherche_genre').val('all');" class="" style="width:250px; height:30px;">
                            <option value="all">{% trans %}Tous les genres{% endtrans %}</option>
                            <option value="">---------------</option>
                            {% for genre in listeGenres %}
                                {% if app.request.locale == 'fr' %}
                                <option value="{{ genre.id }}">{{ genre.genre }}</option>
                                {% else %}
                                <option value="{{ genre.id }}">{{ genre.genreEn }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
{% if rechercheGenre != '' %}
<script>
<!--
$('#recherche_genre').val( '{{ rechercheGenre }}' );
-->
</script>
{% endif %}
                    </dd>
                    <dt></dt>
                    <dd><input type="submit" value="{% trans %}Rechercher{% endtrans %}" style="height:30px;"></dd>
                </dl>
            </form>
        </div>
    </div>
</div>
{% endblock %}

{% block pagination1 %}
<div class="text-center text-bold container container_search">
    {% if nombrePages > 1 %}
    <div class="row">
        <div class="col-md-12 nbresultats_pagination1">
            {% if app.request.locale == 'fr' %}
            {{ debutPagination }} &agrave; {{ finPagination }} sur {{ totalDesJeux }} jeux
            {% else %}
            {{ debutPagination }} - {{ finPagination }} of {{ totalDesJeux }} games
            {% endif %}
        </div>
    </div>
    {% endif %}
    <div class="row">
        <div class="col-md-12">
            <div class="newtab-grid">
            <ul class="sync-pagination pagination">
            {% for page in listingNumerotationPagination %}
                {% if ( page.numeroAffiche != 'laquo' ) and ( page.numeroAffiche != 'raquo' ) %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero, 'tri': tri}) }}">{{ page.numeroAffiche }}</a></li>{% endif %}
                {% if page.numeroAffiche == 'laquo' %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero, 'tri': tri}) }}">&laquo;</a></li>{% endif %}
                {% if page.numeroAffiche == 'raquo' %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero, 'tri': tri}) }}">&raquo;</a></li>{% endif %}
            {% endfor %}
            </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block body %}
<div class="row">
    <div class="col-md-12">
        {% if totalDesJeux == '0' %}
        {% trans %}Aucun jeu trouv&eacute !{% endtrans %}
        {% endif %}
        {% if totalDesJeux > '0' %}
        <table id="simple-example-table" cellspacing="0">
            <tbody>
                <tr class="thead" align="left">
                    <th width="15%"><a class="{% if tri != 'default' %}tri_tab_recherche{% endif %}" href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': 0, 'tri': 'default'}) }}">{% trans %}Syst&egrave;me{% endtrans %}</a></th>
                    <th width="61%"><a class="{% if tri != 'game' %}tri_tab_recherche{% endif %}" href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': 0, 'tri': 'game'}) }}">{% trans %}Titre{% endtrans %}</a></th>
                    <th width="12%"><a class="{% if tri != 'year' %}tri_tab_recherche{% endif %}" href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': 0, 'tri': 'year'}) }}">{% trans %}Ann&eacute;e{% endtrans %}</a></th>
                    <th width="12%">{% trans %}Genre{% endtrans %}</th>
                    <th width="12%">{% trans %}Action{% endtrans %}</th>
                </tr>
                {% for jeu in listeDesJeux %}
                <tr>
                    <td>{{ jeu.systemePropre }}</td>
                    <td>{{ jeu.titrePropre }}</td>
                    <td>{% if ( jeu.annee != 0 ) %}{{ jeu.annee }}{% endif %}{% if ( jeu.annee == 0 ) %}????{% endif %}</td>
                    {% if app.request.locale == 'fr' %}
                    <td>{{ jeu.genre }}</td>
                    {% else %}
                    <td>{{ jeu.genre.genreEn }}</td>
                    {% endif %}
                    <td>
                        <a class="simple-ajax-popup" href="#form-collection-ajout" onclick="$('#collection_ajout_idjeu').val({{ jeu.idReel }}); $('#collection_ajout_nomjeu').html('{{ jeu.titrePropreJs }}');">{% trans %}Ajouter{% endtrans %}</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
<script src="{{ asset('/js/stacktable.js') }}" type="text/javascript"></script>
<script type="text/javascript">
<!--
$('#simple-example-table').stacktable({myClass:'your-custom-class'});
-->
</script>
        {% endif %}
    </div>
</div>

<div id="form-collection-ajout" style="max-width:600px; margin: 20px auto;" class="white-popup-block mfp-hide">
<script language="Javascript">
<!--
function verif_form_collection_ajout()
{
    if( $("#etat_du_jeu").val() == '' )
        return false;
    if( $("#zone_du_jeu").val() == '' )
        return false;

    return true;
}
-->
</script>
    <form action="" method="post" enctype="multipart/form-data" onsubmit="return verif_form_collection_ajout();">
        <input type="hidden" name="testform" value="testform">
        <input type="hidden" name="idjeu" id="collection_ajout_idjeu" value="">
        <h2>{% trans %}Ajouter{% endtrans %} <span id="collection_ajout_nomjeu"></span> {% trans %}&agrave; votre collection{% endtrans %}</h2>
        <label for="etat_du_jeu">{% trans %}Etat du jeu{% endtrans %}</label>
        <select id="etat_du_jeu" name="etat_du_jeu">
            <option value="occasion">{% trans %}Occasion{% endtrans %}</option>
            <option value="neuf">{% trans %}Neuf{% endtrans %}</option>
            <option value="neuf_blister">{% trans %}Neuf (sous blister){% endtrans %}</option>
        </select><br />
        <label for="zone_du_jeu">{% trans %}Pays / Zone{% endtrans %}</label>
        <select id="zone_du_jeu" name="zone_du_jeu">
            {% for pays in listePaysBoxarts %}
                {% if pays.fr != '' %}<option value="{{ pays.id }}">{% if app.request.locale == 'fr' %}{{ pays.fr }}{% else %}{{ pays.en }}{% endif %}</option>{% endif %}
            {% endfor %}
        </select><br />
<script type="text/javascript">
<!--
$('#zone_du_jeu').val('21');
-->
</script>
        <label for="description">{% trans %}Description{% endtrans %}</label>
        <textarea id="description" name="description" style="width:250px; height:100px;"></textarea><br />

        <br /><input type="submit" value="{% trans %}Ajouter{% endtrans %}"><br /><br />
    </form>
</div>
{% if app.user %}
<script type="text/javascript">
<!--
$(document).ready(function() {
    $('.simple-ajax-popup').magnificPopup({
        type: 'inline',
        preloader: false,
    });
});
-->
</script>
{% endif %}

{% if affichageFormCollectionAjout == false %}
<div id="form-collection-ajout-ok" style="max-width:600px; margin: 20px auto;" class="white-popup-block mfp-hide">
    <p><b>{% trans %}Merci pour votre ajout{% endtrans %}.</b><br /><br />{% trans %}Le jeu a bien &eacute;t&eacute; ajout&eacute; dans votre collection !{% endtrans %}</p>
</div>
<script type="text/javascript">
<!--
$(document).ready(function() {
    $.magnificPopup.open({
        items: {
            src: '#form-collection-ajout-ok'
        },
        type: 'inline'
    }, 0);
});
-->
</script>
{% endif %}

{% endblock %}

{% block pagination2 %}
<div class="text-center text-bold container">
    <div class="row">
        <div class="col-md-12">
            <div class="newtab-grid">
            <ul class="sync-pagination pagination pagination_bas">
            {% for page in listingNumerotationPagination %}
                {% if ( page.numeroAffiche != 'laquo' ) and ( page.numeroAffiche != 'raquo' ) %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero}) }}">{{ page.numeroAffiche }}</a></li>{% endif %}
                {% if page.numeroAffiche == 'laquo' %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero}) }}">&laquo;</a></li>{% endif %}
                {% if page.numeroAffiche == 'raquo' %}<li class="{{ page.classe }}"><a href="{{ path('recherche', {'mot': rechercheMot, 'systeme': rechercheSysteme, 'genre': rechercheGenre, 'page': page.numero}) }}">&raquo;</a></li>{% endif %}
            {% endfor %}
            </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}