jQuery(function() {
    "use strict";
    var $groupInput = jQuery('#plugin__approve_group_input');
    if ($groupInput.length === 0) return;

    var $form = $groupInput.closest('form');
    var $select = $form.find('select');

    //Add option to select a group
    var label = LANG['plugins']['approve']['group_option_label'];
    if (label === '') {
        label = 'Group:';
    }
    var $groupOption = jQuery('<option value="">' + label + '</option>')
        .insertAfter($select.find('option:first-child'));

    $groupInput.hide();
    $select.on('change', function() {
        var $option = $select.find(':selected');
        if ($option.is($groupOption)) {
            $groupInput.val('@');
            $groupInput.show();
        } else {
            $groupInput.val('');
            $groupInput.hide();
        }
    });

});

jQuery(function() {
    "use strict";
    if (! ('approve' in JSINFO)) return false;
    if (JSINFO['approve']['prettyprint'] !== true) return false;

    //hide in print
    jQuery('#dokuwiki__header').addClass('plugin__approve_noprint');

    var $h1 = jQuery("#dokuwiki__content h1:first");
    if ($h1.length > 0) {
        var h1 = $h1[0].childNodes[0].nodeValue;
        $h1.addClass('plugin__approve_noprint');
    } else {
        //if no header use page title
        var h1 = jQuery("#dokuwiki__header h1:first span").text();
    }

    var $img = jQuery("#dokuwiki__header img").clone();
    var $table = jQuery('<table id="plugin__approve_printheader">')
        .css({
            'table-layout': 'fixed',
            'border-collapse': 'collapse',
            'border': '0',//eliminate default border
            'width':'100%',
            'margin-bottom': '10px'
        });

    var $tr = jQuery("<tr>").appendTo($table);

    var cells = [];

    cells.push(jQuery("<td>").append($img));

    var $print_header = jQuery('<h1>').text(h1);
    cells.push(jQuery("<td>").append($print_header));

    if ('status' in JSINFO['approve']) {
        var status = JSINFO['approve']['status'];
        var lang = JSINFO['approve']['lang'];


        var date = JSINFO['approve']['date'];
        var author = JSINFO['approve']['author'];
        var approver = JSINFO['approve']['approver'];

        if (status === 'approved') {
            var version = JSINFO['approve']['version'];
            var status_html = lang['approved'] + ' (' + lang['version'] + ': ' + version + ')';
        } else if (status === 'ready for approval') {
            var status_html =	lang['marked_ready_for_approval'];
        } else {
            var status_html =	lang['draft'];
        }

        var author_html = '';
        if (author) {
            author_html = author+'<br>';
        }

        var approver_html = '';
        if (approver) {
            approver_html = JSINFO['approve']['lang']['approver'] + ': ' + approver + '<br>';
        }

        cells.push(jQuery("<td>")
            .html('<p style="text-align:left">'+
                status_html+'<br>'+
                author_html+
                date.replace(' ', '&nbsp;')+'<br>'+
                approver_html +
            '</p>'));


        cells[0].css('width', '25%');
        cells[1].css('width', '50%');
        cells[2].css('width', '25%');

    } else {
        cells[0].css('width', '25%');
        cells[1].css('width', '75%');
    }


    for (var cell in cells) {
        var $td = cells[cell];
        $td.css({
            'border':'1px solid #000',
            'border-top':'0',
            'text-align': 'center',
            'vertical-align': 'middle'
        });
        $tr.append($td);
    }

    $tr.children().first().css('border-left', '0');
    $tr.children().last().css('border-right', '0');

    $table.prependTo("body");
});