{{-- regular object attribute --}}


<script>
    $('#crudTable').on('draw.dt', function () {
        $('#crudTable input').on('blur', function(){
            if($(this).prop("tagName").toLowerCase() == 'input'){
                value = $(this).val();

                if(isNaN(value) || value == ''){
                    $(this).val('');
                    loadingToggle(false);
                    return ;
                }
            }
        });


        $('#crudTable input,#crudTable select').on('change', function(){
            loadingToggle(true);

            var field = $(this).attr('name');
            var row_id = $(this).data('row_id');

            if(!(field && row_id)){
                loadingToggle(false);
                return ;
            }

            var value;
            if($(this).prop("tagName").toLowerCase() == 'input'){
                value = $(this).val();

                if(isNaN(value) || value == ''){
                    $(this).val('');
                    loadingToggle(false);
                    return ;
                }
            }else if($(this).prop("tagName").toLowerCase() == 'select'){
                value = $(this).find(':selected').val();
            }

            var url = '{{route('list_of_participants.update_single_field', ['sub_programme_id' => request()->route()->sub_programme_id, 'section_id' => request()->route()->section_id])}}';

            if(url.search('/section_id/') != -1){
                var pathname_array = window.location.pathname.split('/');
                var section_id = pathname_array[pathname_array.indexOf('attendance_section')+1];

                url = url.replace('/section_id/', '/' + section_id + '/');
            }

            $.ajax({
                type: 'POST',
                url: url,
                data:{
                    row_id:row_id,
                    field:field,
                    value:value,
                    // checking_field:{}
                },
                success:function (_data) {
                    loadingToggle(false);
                }
            });

        });
    });

    function loadingToggle(isLoading){
        if(isLoading){
            $('.loading_cover').show();
            $('#attendance_section_save').attr('disabled', true);
        }else{
            $('.loading_cover').hide();
            $('#attendance_section_save').removeAttr('disabled');
        }
    }

</script>