$(document).ready(function() {
    // revoke third party application access
    $("a.app-btn").bind("click", function(e) {
        e.preventDefault();
        var $this = $(this);
        $.ajax({
            type:"GET",
            url : $this.attr("href"),
            dataType: 'json',
            data : {revoke : $this.hasClass("authorize") ? 1 : 0},
            success : function(data) {
                if(data.success) {
                    var li =  $this.closest('li');

                    var hidden = $('.app-btn.hidden , .status.hidden', li);
                    var notHidden = $('.app-btn:not(.hidden), .status:not(.hidden)', li);

                    hidden.removeClass('hidden');
                    notHidden.addClass('hidden');
                }
            }
        });
    });

    // generate new access token
    $("a#generate_access").bind("click", function(e) {
        e.preventDefault();
        var $this = $(this);
        $.ajax({
            type:"POST",
            url : $this.attr("href"),
            dataType: 'json',
            data : {
                usr_id : $this.closest("div").attr("id")
            },
            success : function(data){
                if(data.success) {
                    $("#my_access_token").empty().append(data.token);
                }
            }
        });
    });

    //modify application callback url
    $(".modifier_callback").bind("click", function() {
        var modifierBtn = $(this);
        var saveBtn = $("a.save_callback");
        var input = $(".url_callback_input");
        var inputVal = input.html();

        modifierBtn.hide();
        saveBtn.show();
        // wrapp current calback in an input
        input
        .empty()
        .wrapInner(''
            + '<input value = "'+inputVal+'"'
            + ' name="oauth_callback" size="50" type="text"/>'
        );

        $(".url_callback").die();

        // save new callback
        saveBtn.bind("click", function(e) {
            e.preventDefault();
            var callback = $("input[name=oauth_callback]").val();
            $.ajax({
                type:"POST",
                url : saveBtn.attr("href"),
                dataType: 'json',
                data :{callback : callback},
                success : function(data) {
                    if(data.success) {
                       input.empty().append(callback);
                    } else {
                       input.empty().append(inputVal);
                    }
                }
            });
        });
    });

    // hide or show callback url input whether user choose a web or dektop application
    $("#form_create input[name=type]").bind("click", function() {
        if($(this).val() === "desktop") {
            $("#form_create .callback td").hide().find("input").val('');
        } else {
            $("#form_create .callback td").show();
        }
    });

    // authorize password grant type or not
    $('.grant-type').bind('click', function(){
        var $this = $(this);
        $.ajax({
            type:"POST",
            url : $this.attr("value") ,
            dataType: 'json',
            data : {grant : $this.is(":checked") ? "1": "0"},
            success : function(data){}
        });
    });

    // delete an application
    $("a.delete-app").bind("click", function(e) {
        e.preventDefault();
        var $this = $(this);
        var li = $this.closest("li");

        $.ajax({
            type:"DELETE",
            url : $this.attr('href'),
            dataType: 'json',
            data : {},
            success : function(data){
                if(data.success) {
                    li.find('.modal').modal('hide');
                    li.remove();
                }
            }
        });
    });
});