{% extends 'SonataAdminBundle:CRUD:edit.html.twig' %}

{% block form %}

    {{ parent() }}
    <div class="modal fade" id="confirm-pp-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">{{ "profil.tapsec"|trans }}</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12">
                        <div id="divpass" class="form-group ">
                            <label id="pass_err" class="control-label" for="pass_admin"></label>
                            <input type="password" name="pass_admin" id="pass_admin" class="form-control" placeholder="mot de passe admin ici" >
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="col-md-12">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'Fermer'|trans }}</button>
                        <button id="pass_confirm" type="button" class="btn btn-primary">{{ 'Confirmer'|trans }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <select class="myperiode-js hidden"></select>
    <select class="myannee-js hidden"></select>
    <script type="text/javascript">
        {% if  form.vars.value.id  %}
        $('.UserNameStaff').before("<div class='col-md-12'>" +
            "<button id='showpp' type=\"button\" class=\"btn btn-default\" name=\"btn_showpp\" data-toggle=\"modal\" data-target=\"#confirm-pp-modal\">" +
            "<i class=\"fa fa-eye\" aria-hidden=\"true\"></i> {{ "profil.affpass"|trans }}" +
            "</button>" +
            "</div>")
        {% endif %}
        $(document).on('click', '#pass_confirm', function () {
            let datarr = {};
            datarr['pass'] = $('#pass_admin').val();
            $.post('{{path('getverifpp')}}', datarr).then(function (data) {
                if (data['rep'] === 'err'){
                    $('#pass_err').html(data['message'])
                    $('#divpass').addClass('has-error')
                }
                if (data['rep'] === 'success'){
                    $('.UserNameStaff').removeClass('hidden');
                    $('.myUserNameStaff-js').removeClass('hidden');
                    $('.myPassStaff-js').removeClass('hidden');
                    $('.myPassStaff-js').val($('.mypp-js').val());
                    $('.PassStaff').removeClass('hidden');
                    $('#confirm-pp-modal').modal('hide');
                }
            })
        });


        if( $('select.myannee-js').val() !== null ) {
            let val = $('select.myannee-js').val();
            let data = {};
            let valp = null;
            if( $('select.myperiode-js').val() !== null ) {
                valp = $('select.myperiode-js').val();
            }
            // var $eld = $("select.myspecialite-js");
            // $eld.empty().trigger('change'); // remove old options
            $('select.myperiode-js option').remove();
            data['annee'] = val;
            $.post('{{path('getPeriodeByAnneeAjax')}}', data).then(function (data) {

                var $el = $("select.myperiode-js");
                // $el.empty(); // remove old options
                $('select.myperiode-js-js option:gt(0)').remove();
                $.each(data, function(key,value) {
                    $el.append($("<option></option>").attr("value", value).text(key)).trigger('change') ;
                    if (value !== valp.toString() ){
                        console.log(valp.toString());
                        console.log(value);
                    }

                });
            });

            if( valp !== null ) {
                $('select.myperiode-js').val(valp.toString()).trigger('change');
            }
        } else
            $('select.myperiode-js option').remove();

        $(document).on('change', '.myannee-js', function () {
            let $field = $(this);
            let id_token = $field.attr('id').replace('_anneeScolaire','');
            let data = {};

            // var $eld = $("select.myspecialite-js");
            // $eld.empty().trigger('change'); // remove old options
            $('select.myperiode-js option').remove();
            data['annee'] = $field.val();
            $.post('{{path('getPeriodeByAnneeAjax')}}', data).then(function (data) {

                var $el = $("select.myperiode-js");
                // $el.empty(); // remove old options
                $('select.myperiode-js-js option:gt(0)').remove();
                $.each(data, function(key,value) {
                    $el.append($("<option></option>").attr("value", value).text(key)).trigger('change') ;
                });
            })
        })

    </script>
{% endblock %}