{% extends 'SonataAdminBundle:CRUD:edit.html.twig' %}
{#{% block stylesheets %}#}
{#    {{ parent() }}#}
{#    <link rel="stylesheet" href="{{ asset('css/datatables.min.css') }}"/>#}
{#    <style>#}
{#        .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {#}
{#            border: 1px solid #474747;#}

{#        }#}
{#    </style>#}
{#{% endblock %}#}

{#{% block javascripts %}#}
{#    {{ parent() }}#}
{#    <script src="{{ asset('js/datatables.min.js') }}" type="text/javascript"></script>#}

{#{% endblock %}#}
{% block form %}
    {{ parent() }}
    <script type="text/javascript">




        // $('select.myniveau-js option').remove();
        $('select.myspecialite-js option').remove();

        if( $('input.myspecialiteniveau-js').val() !== "" ) {
            let datat = {}
            datat['specialiteNiveau'] = $('input.myspecialiteniveau-js').val()

            $.post('{{path('setSpecialiteAndNiveauAjax')}}', datat).then(function (data) {
                console.log(data)
                var $elsp = $("select.myspecialite-js");
                var $elniv = $("select.myniveau-js");
                $.each(data, function(key,value) {
                    if (key === 'niveau'){
                        $elniv.val(value);
                    }
                    if (key === 'specialiteid'){
                        $elsp.val(value);
                    }
                    if (key === 'specialite'){
                        $('select.myspecialite-js option').remove();
                        console.log(value)
                        $.each(value, function(key,val) {
                            $elsp.append($("<option></option>").attr("value", val).text(key))  ;
                        });
                    }
                });
            })
        } else {
            var $myniv = $("select.myniveau-js").val();

            if ($myniv !== "") {
                let data = {}
                data['niveau'] = $myniv
                $.post('{{path('getSpecialiteByNiveauAjax')}}', data).then(function (data) {
                    var $el = $("select.myspecialite-js");
                    $('select.myspecialite-js option:gt(0)').remove();
                    $.each(data, function(key,value) {
                        $el.append($("<option></option>").attr("value", value).text(key)).trigger('change') ;
                    });
                })
            }
        }


        $(document).on('change', '.myniveau-js', function () {
            let $field = $(this)
            let id_token = $field.attr('id').replace('_niveau','')
            console.log(id_token)
            let data = {}

            // var $eld = $("select.myspecialite-js");
            // $eld.empty().trigger('change'); // remove old options
            $('select.myspecialite-js option').remove();
            data['niveau'] = $field.val()

            $.post('{{path('getSpecialiteByNiveauAjax')}}', data).then(function (data) {

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

        $(document).on('change', '.myspecialite-js', function () {
            var $eld = $("select.myniveau-js");
            let $field = $(this)
            let data = {}

            data['niveau'] = $eld.val()
            data['specialite'] = $field.val()

            $.post('{{path('getSpecialiteNiveauAjax')}}', data).then(function (data) {

                var $ell = $("input.myspecialiteniveau-js");
                $.each(data, function(key,value) {
                    $ell.attr("value", value);
                });

            })
        })

        let ll = [];
        ll['fr']= {
            "sProcessing":     "Traitement en cours...",
            "sSearch":         "Rechercher&nbsp;:",
            "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
            "sInfo":           "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
            "sInfoEmpty":      "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
            "sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            "sInfoPostFix":    "",
            "sLoadingRecords": "Chargement en cours...",
            "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
            "sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
            "oPaginate": {
                "sFirst":      "Premier",
                "sPrevious":   "Pr&eacute;c&eacute;dent",
                "sNext":       "Suivant",
                "sLast":       "Dernier"
            },
            "oAria": {
                "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
                "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
            },
        };
        ll['en']={
            "sEmptyTable":     "No data available in table",
            "sInfo":           "Showing _START_ to _END_ of _TOTAL_ entries",
            "sInfoEmpty":      "Showing 0 to 0 of 0 entries",
            "sInfoFiltered":   "(filtered from _MAX_ total entries)",
            "sInfoPostFix":    "",
            "sInfoThousands":  ",",
            "sLengthMenu":     "Show _MENU_ entries",
            "sLoadingRecords": "Loading...",
            "sProcessing":     "Processing...",
            "sSearch":         "Search:",
            "sZeroRecords":    "No matching records found",
            "oPaginate": {
                "sFirst":    "First",
                "sLast":     "Last",
                "sNext":     "Next",
                "sPrevious": "Previous"
            },
            "oAria": {
                "sSortAscending":  ": activate to sort column ascending",
                "sSortDescending": ": activate to sort column descending"
            },
        };
        ll['ar_TN']={
            "sProcessing":   "جاري التحميل...",
            "sLengthMenu":   "أظهر مُدخلات _MENU_",
            "sZeroRecords":  "لم يُعثر على أية سجلات",
            "sInfo":         "إظهار _START_ إلى _END_ من أصل _TOTAL_ مُدخل",
            "sInfoEmpty":    "يعرض 0 إلى 0 من أصل 0 سجلّ",
            "sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)",
            "sInfoPostFix":  "",
            "sSearch":       "ابحث:",
            "sUrl":          "",
            "oPaginate": {
                "sFirst":    "الأول",
                "sPrevious": "السابق",
                "sNext":     "التالي",
                "sLast":     "الأخير"
            },
        }
        $('.data-table-js').dataTable( {
            "searching":   false,
            "ordering": true,
            "order": [[ 1, 'asc' ]],
            "lengthMenu": [[-1]],
            "bLengthChange" : false,
            "language":
                {% if app.request.locale == 'ar_Tn' %}
                ll['ar_TN'],
                {% elseif app.request.locale == 'en' %}
                ll['en'],
                {% elseif app.request.locale == 'fr' %}
                ll['fr'],
                {% else %}
                ll['{{ default_locale }}'],
                {% endif %}
            "fnDrawCallback": function( oSettings ) {
                $('input.replace-with-text-js').each(function(){
                    $(this).closest('td').append($(this).val());
                    $(this).remove();
                });

                $('input.replace-with-text-div-js').each(function(){
                    $(this).closest('div').append($(this).val());
                    $(this).remove();
                });

                $( "input.note-validation20-js" ).keyup(function() {
                    let $valnot = $(this).val();
                    let $maxnot = $(this).attr("data-noteMax");
                    if (!($valnot.match(/^-?\d*(\.\d+)?$/)) || parseFloat($valnot,10)>parseFloat($maxnot,10) || parseFloat($valnot,10)<0) {
                        $(this).addClass("has-error-notMax");
                        $(".btn-success").prop("disabled",true);
                    } else {
                        $(this).removeClass("has-error-notMax");
                        $(".btn-success").prop("disabled",false);
                    }
                });
                $('input[type="checkbox"]').iCheck({
                    checkboxClass: 'icheckbox_square-blue',
                    radioClass: 'iradio_square-blue'
                });
            }
        } );

    </script>

{% endblock %}