$(document).ready(function () {
    $('.bootstrap-select-picker').selectpicker({
        size:             10,
        iconBase:         'fa',
        tickIcon:         'fa-check',
        noneSelectedText: "All workspaces"
    });

    $('#submit').click(function( event ) {
        event.preventDefault();
        $('#report-form').submit();
    });

    $('#report-form').submit(function (event) {
        event.preventDefault();

        var searchParams =
                {
                    "report":              "generate",
                    "option-older-than":   $('#option-older-than').val(),
                    "option-workspaces[]": $('#option-workspaces').val()
                };

        if ($('#option-display-uptodate').prop("checked"))
            searchParams["option-display-uptodate"] = 1;

        if ($('#option-display-web-liaisons').prop("checked"))
            searchParams["option-display-web-liaisons"] = 1;

        var strSearchQuery = $.param(searchParams, true);

        $('#results').empty();  //Clear prior results
        $('#processing-status').show();

        $.ajax({
            method:   'POST',
            dataType: 'html',
            url:      "/apps/web-liaison-report/",
            data:     strSearchQuery,
            success:  function (data) {

                $('#results').html(data);
                $('#processing-status').hide();

                var $workspace = $('.workspace');

                $workspace.find('.icon').addClass('open');

                $workspace.click(function () {
                    if ($(this).next('.workspace-content').is(':visible'))
                        $(this).find('.icon').removeClass('open');
                    else
                        $(this).find('.icon').addClass('open');

                    $(this).next('.workspace-content').stop().fadeToggle('fast', 'swing', function () {
                        if ($(this).is(':visible'))
                            $(this).prev().find('.icon').addClass('open');
                        else
                            $(this).prev().find('.icon').removeClass('open');
                    });
                });

                //Hook up the browse page buttons
                $('.pagetree-btn').click(function (event) {
                    event.preventDefault();

                    var workspaceID = $(this).data("workspace-id");

                    var pagetreeSearchParams = {
                        "option-workspaces":        workspaceID,
                        "option-display-page-tree": workspaceID
                    };

                    $(this).html('<i class="fa fa-cog fa-spin fa-fw"></i> Processing ...');

                    //We found a page tree button. Make it do magic.
                    $.ajax({
                        method:   'POST',
                        dataType: 'html',
                        url:      "/apps/web-liaison-report/",
                        data:     $.param(pagetreeSearchParams),
                        success:  function (data) {
                            $('#pagetree-processing-status-' + workspaceID).hide();
                            $('#btn-pagetree-results-' + workspaceID).remove();
                            $('#pagetree-results-' + workspaceID).html(data);
                            $('.tooltips').tooltip();
                        }
                    });
                });
            }
        });
    });
});