/// <reference path="master.js" />

$(function() {
    ListingEditor.register('paymentDetails', {
        fields: {
            "Accepted payment": "accepted_payment"
        },
        types: ["Cash", "Cheque", "Eftpos", "Visa", "Mastercard", "American Express", "Internet Banking", "Direct Debit"],
        show: function(callback) {
            var context = this;
            var editor = $$("div.editor");

            $("<h2>Edit <strong>Accepted Payment</strong></h2>").appendTo(editor);
          
            var current_payment = ListingEditor.workingListing().accepted_payment || [];
            
            
            
            items = $$('ul.categorySuggestions').appendTo(editor);
            for (var i = 0; i < this.types.length; i++){
              items.append($$('li', this.types[i], {title: this.types[i], className: current_payment.contains(this.types[i]) ? 'selected' : null }));
            }
            items.find('li').click(function(){
              $(this).toggleClass("selected");
            });
            
            editor.append(EditorFormatter.dialogButtons(function() {
                var selected_items = [];
                items.find('li.selected').each(function(){
                  selected_items.push(this.title);
                });
                ListingEditor.changes['accepted_payment'] = selected_items;
                ModalPopup.hide();
                $('#paymentDetails').effect('highlight', {}, 200);
                if (callback) callback();
            }, function () {
                ModalPopup.hide();           
            }));
            
            EditorFormatter.applyData(editor);
            ModalPopup.show(editor);
        },
        refresh: function() {
            var el = $('#paymentDetails');
            EditorFormatter.setInfo(el, [
                "accepted_payment"
            ]);
        }
    });
});