{% extends '@AdminLTE/layout/suiodd-layout.html.twig' %}

{% block page_title %}{% trans %}suivi.osc.edit{% endtrans %}{% endblock %}


{% block page_content %}
    <div class="card card-primary">
        {{ form_start(form) }}
            <div class="card-body">    
              
                <div class="form-group row">
                    <label class="col-form-label col-sm-2" for="suivi_osc_model_accelerator">{% trans %}basics.accelerator{% endtrans %}</label>
                    <div class="col-sm-offset-2 col-sm-10">{{ model.activity.accelerator }}</div>
                </div>
                <div class="form-group row">
                    <label class="col-form-label col-sm-2" for="suivi_osc_model_activity">{% trans %}basics.activity{% endtrans %}</label>
                    <div class="col-sm-offset-2 col-sm-10">{{ model.activity.name }}</div>
                </div>

                {{ form_widget(form) }}

                <div class="form-group row">
                    <div class="col-sm-2"><a href="{{ path('app_suiviOSC', { 'id': model.activity.mainstay.id }) }}" class="btn btn-block btn-default">{% trans %}basics.cancel{% endtrans %}</a></div>
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-block btn-primary">{% trans %}basics.save{% endtrans %}</button>
                    </div>
                </div>

            </div>
        {{ form_end(form) }}
    </div>
{% endblock %}

{% block javascripts %}
<script>
    window.onload = function(){
        executedChange()
    };

    function executedChange() {
        if ($('#suivi_osc_model_executed').is(':checked')) {
            $('#suivi_osc_model_achievement').closest('div.row').show();
            $('#suivi_osc_model_factors').closest('div.row').show();
            $('#suivi_osc_model_constraints').closest('div.row').hide();
            $('#suivi_osc_model_observations').closest('div.row').hide();
            document.getElementById('suivi_osc_model_achievement').disabled = false;
            document.getElementById('suivi_osc_model_factors').disabled = false;
            document.getElementById('suivi_osc_model_constraints').disabled = true;
            document.getElementById('suivi_osc_model_observations').disabled = true;
        } else {
            $('#suivi_osc_model_achievement').closest('div.row').hide();
            $('#suivi_osc_model_factors').closest('div.row').hide();
            $('#suivi_osc_model_constraints').closest('div.row').show();
            $('#suivi_osc_model_observations').closest('div.row').show();
            document.getElementById('suivi_osc_model_achievement').disabled = true;
            document.getElementById('suivi_osc_model_factors').disabled = true;
            document.getElementById('suivi_osc_model_constraints').disabled = false;
            document.getElementById('suivi_osc_model_observations').disabled = false;
        }
    }
</script>
{% endblock %}