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

{% block page_title %}{% trans %}validate.title{% endtrans %}{% endblock %}


{% block page_content %}
    <div class="card card-primary">

        {{ form_start(form) }}
            <div class="card-body">    
                
                {% if is_granted('ROLE_MANAGER') %}
                    {{ form_row(form.type) }}
                    {{ form_row(form.entite) }}
                {% endif %}
                {{ form_row(form.direction) }}
                {{ form_row(form.programm) }}
                {{ form_row(form.action) }}
                {{ form_row(form.code) }}
                {{ form_row(form.name) }}
                {{ form_row(form.amount) }}
                
                <div class="form-group row">
                    <div class="col-sm-2">
                        <a href="{{ path('app_validate') }}" 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>
        let $code = $('#activity_code');
        let $name = $('#activity_name');
        let $year = $('#activity_year');
        let $ministry = $('#activity_ministry');
        let $programm = $('#activity_programm');

        $(document).on('change', '#activity_ministry, #activity_programm', function () {
            //let $ministry = $('#activity_ministry')
            let $form = $(this).closest('form')

            let data = {}
            data[$code.attr('name')] = $code.val()
            data[$name.attr('name')] = $name.val()
            data[$year.attr('name')] = $year.val()
            data[$ministry.attr('name')] = $ministry.val()
            data[$(this).attr('name')] = $(this).val()
            
            let $field = $(this).attr('id')
            $.ajax({
                url: $form.attr('action'),
                type: $form.attr('method'),
                data: data,
                success: function(html) {
                    if ($field == 'activity_ministry') {
                        $('#activity_direction').replaceWith(
                            $(html).find('#activity_direction')
                        )
                        $('#activity_programm').replaceWith(
                            $(html).find('#activity_programm')
                        )
                        $('#activity_action').replaceWith(
                            $(html).find('#activity_action')
                        )
                    }
                    if ($field == 'activity_programm') {
                        $('#activity_action').replaceWith(
                            $(html).find('#activity_action')
                        )
                    }
                }
            });
        });

    </script>
{% endblock %}