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

{% block title %}Jeu vidéo{% endblock %}

{% block body %}
<h1>Sortie pour {{ gameRelease.game.name }}</h1>
    <p>
        <a href="{{ path('admin_game_edit', {id: gameRelease.game.id}) }}">
            < Retour à la fiche jeu
        </a>
    </p>

    {{ form_start(form) }}
    {{ form_row(form.name) }}

     <div class="form-group row">
         <label class="col-form-label col-sm-2">
             Date de sortie
             {{ form_errors(form.releaseDateYear) }}
         </label>
         <div class="col-sm-10">
             <div class="row text-center">
                 <div class="col-2">
                     Année (AAAA) {{ form_widget(form.releaseDateYear) }}
                 </div>
                 <div class="col-2">
                     Mois (MM) {{ form_widget(form.releaseDateMonth) }}
                 </div>
                 <div class="col-2">
                     Jour (JJ) {{ form_widget(form.releaseDateDay) }}
                 </div>
             </div>

             <div class="row mtop20">
                 <div class="col">
                    {{ form_widget(form.isReleased, {label: 'est sorti'}) }}
                 </div>
             </div>
         </div>
     </div>

    {{ form_row(form.place) }}
    {{ form_row(form.placeType) }}

    <div class="form-group row">
        <label class="col-form-label col-sm-2">Lieu de sortie</label>
        <div class="col-sm-10">
            <select id="continentSelect" class="select2">
                <option value="0" selected>--- Continent ---</option>
                {% for continent in continentList %}
                    <option value="{{ continent.id }}">{{ continent }}</option>
                {% endfor %}
            </select>
            ou
            <select id="countrySelect" class="select2">
                <option value="0" selected>--- Pays ---</option>
                {% for country in countryList %}
                    <option value="{{ country.id }}">{{ country }}</option>
                {% endfor %}
            </select>
        </div>
    </div>

     <div class="form-group row">
        <label class="col-form-label col-sm-2">Références</label>
        <div class="col-sm-5">
            {{ form_row(form.productCode) }}
        </div>
         <div class="col-sm-5">
             {{ form_row(form.ean) }}
         </div>
     </div>

    {{ form_row(form.releaseSupport) }}
    {{ form_row(form.reference) }}
    {{ form_row(form.machines, {attr: {class: 'select2', multiple: 'multiple'}}) }}
    {{ form_row(form.summary) }}

    <div class="form-group row">
        <label class="col-form-label col-sm-2">
            Officialité<br/>
            <span class="small-desc">Valeur parente : {{ gameRelease.game.officiality }}</span>
        </label>
        <div class="col-sm-10">
            {{ form_errors(form.officiality) }}
            {{ form_widget(form.officiality) }}
        </div>
    </div>

    <hr/>
    <h2>Images et vidéos</h2>
    <hr/>

    {% for imgField, imgFieldLabel in imgFieldList %}
        <div class="form-group row">
            <label class="col-form-label col-sm-2">{{ imgFieldLabel }}</label>
            <div class="col-sm-5">
                {{ form_widget(form[imgField~'File']) }}
            </div>
            <div class="col-sm-5">
                {% if gameRelease.getImgField(imgField) %}
                    {% include 'admin/_print.uploadedfile.html.twig' with {file: gameRelease.getImgField(imgField)} %}
                {% endif %}
            </div>
        </div>
        <hr/>
    {% endfor %}

    <div class="form-group row">
        <label class="col-form-label col-sm-2">Ecran jeux</label>
        <div class="col-sm-5">
            {{ form_widget(form.imagesScreenFiles) }}
        </div>
        <div class="col-sm-5">
            <div class="img-gallery">
                {% for img in gameRelease.imagesScreen %}
                    <div class="text-center" style="display: inline-block">
                        <a href="{{ img.filename }}" target="_blank">
                            <img src="{{ img.filename }}" alt="{{ img.title }}" title="{{ img.title }}" />
                        </a><br/>
                        <a href="{{ path('admin_game_release_delete_image_screen', {
                            gamerelease_id: gameRelease.id,
                            uploadedfile_id: img.id
                        }) }}">
                            <i class="fa fa-trash"></i>
                        </a>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>

    {{ form_row(form.save) }}
    {{ form_end(form) }}
{% endblock %}


{% block js %}
<script>
    $(function() {
        function setCountryGamePlace() {
            $('#game_release_place').val($('#countrySelect').val());
            $('#game_release_placeType').val('country');
            $('#continentSelect').val(0).trigger('change');
        }

        function setContinentGamePlace() {
            $('#game_release_place').val($('#continentSelect').val());
            $('#game_release_placeType').val('continent');
            $('#countrySelect').val(0).trigger('change');
        }

        $('.select2').select2();

        //init
        if ('country' === $('#game_release_placeType').val()) {
            $('#countrySelect').val($('#game_release_place').val()).trigger('change');
        }

        if ('continent' === $('#game_release_placeType').val()) {
            $('#continentSelect').val($('#game_release_place').val()).trigger('change');
        }

        $('#countrySelect').on('select2:select', setCountryGamePlace);
        $('#continentSelect').on('select2:select', setContinentGamePlace);

        tinymce.init({
            selector: 'textarea.tinymce',
            plugins: 'advlist autolink lists link',
            toolbar_mode: 'default',
        });
    });
</script>
{% endblock %}