var contact_model_manager = function () {

    var self = this;

    self.model = 'contact';
    self.form_name = 'contact-form';

    self.relationships = [{
        model: 'category', sort_field: 'title', sort_direction: 'asc'
    }];

    self.grid_options = $.extend(self.grid_options, {
        colNames: [
            lang.contact_model_manager.column_id,
            lang.contact_model_manager.column_name,
            lang.contact_model_manager.column_email,
            lang.contact_model_manager.column_phone,
            lang.contact_model_manager.column_created,
            lang.contact_model_manager.column_updated
        ],
        colModel: [
            {name: lang.contact_model_manager.column_id, index: 'id', width: 55, hidden: true},
            {name: lang.contact_model_manager.column_name, index: 'name', width: 90},
            {
                name: lang.contact_model_manager.column_email,
                index: 'email',
                width: 90,
                formatter: function (value, options, cellobject) {
                    return '<a href="mailto:' + value + '">' + value + '</a>';
                }
            },
            {name: lang.contact_model_manager.column_phone, index: 'phone', width: 90},
            {name: lang.contact_model_manager.column_created, index: 'created_on', width: 60},
            {name: lang.contact_model_manager.column_updated, index: 'updated_on', width: 60},
        ],
        sortname: 'name',
        sortorder: "asc",
        caption: lang.contact_model_manager.grid_title,
        toolbar: [true, "top"]
    });
};

contact_model_manager.prototype = new model_manager;
contact_model_manager.prototype.constructor = contact_model_manager;

contact_model_manager.prototype.reset_grid = function () {
    var self = this;
    self.grid_reload();
    self.reset_toolbar();
}

contact_model_manager.prototype.reset_toolbar = function () {
    var self = this;

    var toolbar = $('#t_' + self.table_id);

    toolbar.css('textAlign', 'right');
    toolbar.empty();
    toolbar.append(lang.contact_model_manager.category_filter);

    var create_toolbar_category_filter = function () {

        var table = self.relationship_data['category'];

        var select = $('<select></select>');
        select.css('minWidth', '200px');
        select.css('marginLeft', '5px');
        select.attr('id', 'category-filter');

        var opt = $('<option></option>');
        opt.val('');
        opt.html(lang.contact_model_manager.category_filter_all);
        select.append(opt);

        opt = $('<option></option>');
        opt.val('na');
        opt.html(lang.contact_model_manager.category_filter_uncategorized);
        select.append(opt);

        self.populate_select_with_fetch_data(select, table, 'id', 'title');

        select.change(function () {
            self.jgrid.jqGrid('setGridParam', {
                url: self.get_base_grid_url() + '/category/' + select.val()
            });
            self.grid_reload();
        });

        toolbar.append(select);
    }

    self.fetch_related_model_data(create_toolbar_category_filter);
}

contact_model_manager.prototype.grid = function (table_id, pager_id) {
    var self = this;

    model_manager.prototype.grid.call(self, table_id, pager_id);
    self.reset_toolbar();
}

contact_model_manager.prototype.load_record = function (id, callback) {
    var self = this;
    model_manager.prototype.load_record.call(this, id, function (response) {
        callback.call(self, response);
        var field = self.get_form_field('category');
        field.val(response.relationships.category);
        field.multiselect('destroy');
        field.multiselect();
    });
}

contact_model_manager.prototype.add = function () {
    var self = this;
    model_manager.prototype.add.call(this, function () {
        var date = $.datepicker.formatDate(config.date_format_jquery, new Date());
        self.set_form_field('created_on', date);
    });
}

contact_model_manager.prototype.form = function () {
    model_manager.prototype.form.call(this, {minWidth: 460, minHeight: 470});
}

contact_model_manager.prototype.initialize_form = function (initialize_form_complete) {
    var self = this;
    model_manager.prototype.initialize_form.call(this, function () {
        initialize_form_complete.call(self);
        var categories = self.relationship_data.category;

        var select = self.jform.find('#contact-category');
        select.html('');
        select.multiselect('destroy');
        if (categories.count == 0) {
            $('#contact-category-ui').hide();
            $('#contact-category-none').show();
        } else {
            self.populate_select_with_fetch_data(select, categories, 'id', 'title');
            select.multiselect();
            select.data('error-container-selector', '.ui-multiselect');
            $('#contact-category-ui').show();
            $('#contact-category-none').hide();
        }
    });
}