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

{% block main %}
    <div class="page-title">
        <div class="title_left">
            <h3>Clonar Proyecto. <small>Copiar preguntas y respuestas a otro proyecto.</small></h3>
        </div>
    </div>
    <div class="clearfix"></div>
    {% for label, messages in app.flashes() %}
        {% for message in messages %}
            <div class="alert alert-{{ label }}">
                {% autoescape false %}{{ message }}{% endautoescape %}
            </div>
        {% endfor %}
    {% endfor %}
    {{ form_start(form) }}
    <div class="row">
        <div class="col-md-6">
            {{ form_row(form.proyecto_fuente) }}
        </div>
        <div class="col-md-6">
            {{ form_row(form.proyecto_destino) }}
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-success">
                Clonar
            </button>
        </div>
    </div>
    {{ form_end(form) }}
    <script>
        function cambiar_proyecto()
        {
            if ($('#clonar_proyecto_form_proyecto_fuente option:selected').val() == $('#clonar_proyecto_form_proyecto_destino option:selected').val()) {
                if ($('#clonar_proyecto_form_proyecto_destino option:selected').val() == $('#clonar_proyecto_form_proyecto_destino option').eq(0).val()) {
                    $('#clonar_proyecto_form_proyecto_destino').val($('#clonar_proyecto_form_proyecto_destino option').eq(1).val());
                } else {
                    $('#clonar_proyecto_form_proyecto_destino').val($('#clonar_proyecto_form_proyecto_destino option').eq(0).val());
                }
            }
        }

        $( function () {
            cambiar_proyecto();

            $('#clonar_proyecto_form_proyecto_fuente').on('change', function () {
                cambiar_proyecto();
            });
        });
    </script>
{% endblock main %}