jQuery(document).ready(function($){


    $('#atlex_options').find('span#protocol-type').html( $('#atlex_options').find('select#adapter option:selected').attr('data-protocol') );

    $('#atlex_options').find('select#adapter').on('change',function() {
        $('#atlex_options').find('span#protocol-type').html($(this.options[this.selectedIndex]).attr('data-protocol'));
    });


    $('#atlex_options').find('input#submit').on('click',function(e){
        var adapter = $('#atlex_options').find('select#adapter').val();
        var host = $('#atlex_options').find('input#host').val();
        var user = $('#atlex_options').find('input#user').val();
        var password = $('#atlex_options').find('input#password').val();
        var project = $('#atlex_options').find('input#project').val();
        var container = $('#atlex_options').find('input#container').val();
        var local_path = $('#atlex_options').find('input#local_path').val();
        var cdn_sync = 'off';

        if($('#atlex_options').find('input#cdn_sync')[0].checked){
            cdn_sync = 'on';
            $('#atlex_options').find('div#atlex-sync-off').hide();
            $('#atlex_options').find('div#atlex-synchronized').hide();
            $('#atlex_options').find('div#atlex-sync-process').show();
        }

        var cdn_url = $('#atlex_options').find('input#cdn_url').val();
        var cdn_change_url = 'off';
        if($('#atlex_options').find('input#cdn_change_url')[0].checked) {
            cdn_change_url = 'on';
        }

        $('#atlex_options').find('input#submit').attr('disabled','disabled');

        $.ajax({
            url: atlexOptions.ajax_url,
            type: 'POST',
            data: {
                nonce: atlexOptions.nonce,
                action: 'atlex_ajax_options_save',
                adapter: adapter,
                host: host,
                user: user,
                password: password,
                project: project,
                container: container,
                local_path: local_path,
                cdn_sync: cdn_sync,
                cdn_url: cdn_url,
                cdn_change_url: cdn_change_url,
            },
            success: function (result) {

                if(cdn_sync == 'on'){

                    $.ajax({
                        url: atlexOptions.ajax_url,
                        type: 'POST',
                        data: {
                            nonce: atlexOptions.nonce,
                            action: 'atlex_ajax_mediafiles_upload',
                        },
                        success: function (result) {
                            $('#atlex_options').find('div#atlex-sync-off').hide();
                            $('#atlex_options').find('div#atlex-sync-process').hide();
                            $('#atlex_options').find('div#atlex-synchronized').show();

                            $('#atlex_options').find('input#submit').removeAttr('disabled');

                        },
                        error: function (response) {
                            alert(response.statusText);
                            $('#atlex_options').find('input#submit').removeAttr('disabled');
                        }
                    });


                }else{
                    $('#atlex_options').find('input#submit').removeAttr('disabled');
                }
                alert(result);

            },
            error: function (response) {
                alert(response.statusText);
                $('#atlex_options').find('input#submit').removeAttr('disabled');
            }
        });
    });

});