var toolbar_partners = [
    {view: 'button', id: 'cmd_new_partner', label: 'Nuevo', type: 'iconButton',
        autowidth: true, icon: 'user-plus'},
    {view: 'button', id: 'cmd_edit_partner', label: 'Editar', type: 'iconButton',
        autowidth: true, icon: 'user'},
    {view: 'button', id: 'cmd_delete_partner', label: 'Eliminar', type: 'iconButton',
        autowidth: true, icon: 'user-times'},
]


var grid_partners_cols = [
    {id: 'index', header:'#', adjust:'data', css:'right',
        footer: {content: 'rowCount'}},
    {id: 'id', header: 'Clave', adjust:'data', sort: 'int', css: 'right',
        footer: 'Clientes'},
    {id: 'rfc', header: ['RFC', {content: 'textFilter'}], adjust:'data',
        sort: 'string'},
    {id: 'name', header: ['Razón Social', {content: 'textFilter'}],
        fillspace:true, sort: 'string'},
]


var grid_partners = {
    view: 'datatable',
    id: 'grid_partners',
    select: 'row',
    adjust: true,
    footer: true,
    resizeColumn: true,
    headermenu: true,
    columns: grid_partners_cols,
    on:{
        'data->onStoreUpdated':function(){
            this.data.each(function(obj, i){
                obj.index = i+1;
            })
        }
    },
    //~ onClick:{
        //~ cmd_edit_parter: cmd_edit_partner_click,
    //~ },
}


var persons_type = [
    {id: 1, value: 'Física'},
    {id: 2, value: 'Moral'},
    {id: 3, value: 'Público'},
    {id: 4, value: 'Extranjero'},
]


var controls_fiscales = [
    {template: 'Tipo de Persona', type: 'section'},
    {view: 'radio', name: 'person_type', label: 'Tipos: ',
        labelWidth: 150, value: 1, options: persons_type, required: true,
        invalidMessage: 'El Tipo de Persona es requerido'},
    {template: 'Dirección Fiscal', type: 'section'},
    {cols: [{view: 'text', id: 'rfc', name: 'rfc', label: 'RFC: ', width: 300,
        required: true, invalidMessage: 'RFC inválido', attributes: {maxlength: 13}},{}]},
    {view: 'text', id: 'name', name: 'name', label: 'Razón Social: ', required: true,
        invalidMessage: 'La Razón Social es requerida'},
    {view: 'text', id: 'street', name: 'street', label: 'Calle: '},
    {cols: [{view: 'text', id: 'num_ext', name: 'num_ext', width: 300,
        label: 'No Exterior: '},{}]},
    {cols: [{view: 'text', id: 'num_int', name: 'num_int', width: 300,
        label: 'No Interior: '},{}]},
    {cols: [{view: 'search', id: 'postal_code', name: 'postal_code', width: 300,
        label: 'C.P.: ', attributes: {maxlength: 5}},{}]},
    {view: 'text', id: 'colonia', name: 'colonia', label: 'Colonia: '},
    {view: 'text', id: 'municipio', name: 'municipio', label: 'Municipio: '},
    {view: 'text', id: 'state', name: 'state', label: 'Estado: '},
    {view: 'text', id: 'country', name: 'country', label: 'País: ',
        value: 'México', readonly: true},
    {template: 'Condiciones Comerciales', type: 'section'},
    {cols: [
        {view: 'combo', id: 'form_pay', name: 'form_pay',
            label: 'Forma de Pago: ', editable: false, required: true},
        {view: 'combo', id: 'conditions_pay', name: 'conditions_pay',
            label: 'Condiciones de Pago: '},
    ]},
    {cols: [
        {view: 'counter', name: 'days_pay', label: 'Días de pago', step:5, value: 0, min: 0,
            max: 365, tooltip: 'Permite calcular las fechas de pago'},
        {view: 'checkbox', id: 'business_days', name: 'business_days',
            label: 'Hábiles: ', value: false},
    ]}
]


var controls_others = [
    {view: 'checkbox', id: 'is_active', name: 'is_active', label: 'Activo: ',
        value: true, bottomLabel: '   Se recomienda solo desactivar y no eliminar'},
    {view: 'text', id: 'commercial_name', name: 'commercial_name', label: 'Nombre Comercial: '},
    {view: 'text', id: 'phones', name: 'phones', label: 'Teléfonos: '},
    {view: 'text', id: 'web_page', name: 'web_page', label: 'Página Web: '},
    {view: 'text', id: 'invoice_email', name: 'invoice_email',
        label: 'Correos para Facturas: ', tooltip: 'Separados por comas'},
    {cols: [
        {view: 'checkbox', id: 'is_client', name: 'is_client',
            label: 'Es Cliente: ', value: true, width: 180},
        {view: 'text', id: 'account_client', name: 'account_client',
            label: 'Cuenta Cliente: ', disabled: true}, {}]
    },
    {cols: [
        {view: 'checkbox', id: 'is_supplier', name: 'is_supplier',
            label: 'Es Proveedor: ', value: false, width: 180},
        {view: 'text', id: 'account_supplier', name: 'account_supplier',
            label: 'Cuenta Proveedor: ', disabled: true}, {}]
    },
    {view: 'checkbox', name: 'is_ong', label: 'Es ONG: ', value: false},
    {view: 'text', name: 'tags', label: 'Etiquetas', tooltip: 'Utiles para filtrados rápidos. Separa por comas.'},
    {view: 'textarea' , height: 200, name: 'notes', label: 'Notas'},
]



var toolbar_contacts = [
    {view: 'button', id: 'cmd_new_contact', label: 'Nuevo', type: 'iconButton',
        autowidth: true, icon: 'user-plus'},
]


var grid_contacts_cols = [
    {id: 'index', header:'#', adjust:'data', css:'right',
        footer: {content: 'rowCount'}},
    {id: 'id', header: '', hidden: true},
    {id: 'title', header: 'Título', adjust:'data', sort: 'string',
        footer: 'Contactos'},
    {id: 'first_name', header: ['Nombre', {content: 'textFilter'}], adjust:'data',
        sort: 'string'},
    {id: 'paterno', header: ['Apellido Paterno', {content: 'textFilter'}],
        fillspace:true, sort: 'string'},
    {id: 'materno', header: ['Apellido Materno', {content: 'textFilter'}],
        fillspace:true, sort: 'string'},
    {id: 'date_born', header: ['Fecha de Nacimiento'],
        adjust: 'data'},
]


var grid_contacts = {
    view: 'datatable',
    id: 'grid_contacts',
    select: 'row',
    adjust: true,
    height: 400,
    footer: true,
    resizeColumn: true,
    headermenu: true,
    columns: grid_contacts_cols,
    on:{
        'data->onStoreUpdated':function(){
            this.data.each(function(obj, i){
                obj.index = i+1;
            })
        }
    },
}


var grid_email = {
    view: 'datatable',
    id: 'grid_email',
    select: 'row',
    adjust: true,
    height: 200,
    resizeColumn: true,
    columns: [
        {id: 'id', header: '', hidden: true},
        {id: 'type', header: 'Tipo', adjust:'data', sort: 'string'},
        {id: 'email', header: ['Correo Electrónico'], fillspace:true, sort: 'string'},
    ],
}


var grid_phone = {
    view: 'datatable',
    id: 'grid_phone',
    select: 'row',
    adjust: true,
    height: 200,
    resizeColumn: true,
    columns: [
        {id: 'id', header: '', hidden: true},
        {id: 'type', header: 'Tipo', adjust:'data', sort: 'string'},
        {id: 'phone', header: ['Teléfono'], fillspace:true, sort: 'string'},
    ],
}


var controls_contact = [
    {template: 'Datos Generales', type: 'section' },
    {cols: [
        {view: 'combo', id: 'cbo_title_contact', name: 'cbo_title_contact',
            label: 'Título: ', width: 150},
        {view: 'text', id: 'name_contact', name: 'name_contact',
            label: 'Nombre: '},
        {view: 'text', id: 'paterno_contact', name: 'paterno_contact',
            label: 'A. Paterno: '},
        {view: 'text', id: 'materno_contact', name: 'materno_contact',
            label: 'A. Materno: '},
        {view: 'datepicker', id: 'date_contact', name: 'date_contact',
            label: 'Fecha de Nacimiento: ', format: '%d-%M-%Y'},
        ]},
    {template: 'Correos y Teléfonos', type: 'section' },
    {cols: [
        grid_email,
        {maxWidth: 10},
        grid_phone,
        ]},
    {},
    { template:"", type: "section" },
    { margin: 10, cols: [{},
        {view: "button", id: "cmd_save_conctact", label: "Guardar Contacto" , type: "form", autowidth: true, align:"center"},
        {view: "button", id: "cmd_cancel_contact", label: "Regresar" , type: "danger", autowidth: true, align:"center"},
        {}]
    },

]


var form_contact = {
    type: 'space',
    cols: [{
        view: 'form',
        id: 'form_contact',
        complexData: true,
        elements: controls_contact,
        elementsConfig: {
            labelPosition: 'top',
        },
        autoheight: true,
    }]
}


var multi_contacts = {
    id: 'multi_contacts',
    animate: true,
    cells:[
        {id: 'contacts_home', rows:[
            {view: 'toolbar', elements: toolbar_contacts},
            grid_contacts,
        ]},
        {id: 'contacts_new', rows:[form_contact, {}]}
    ]
};


var controls_partner = [
    {
        view: 'tabview',
        tabbar: {options: ['Datos Fiscales', 'Otros Datos', 'Contactos']}, animate: true,
        cells: [
            {id: 'Datos Fiscales', rows: controls_fiscales},
            {id: 'Otros Datos', rows: controls_others},
            {id: 'Contactos', rows: [multi_contacts]},
        ]
    },
    {rows: [
        { template:"", type: "section" },
        { margin: 10, cols: [{},
            {view: "button", id: "cmd_save_partner", label: "Guardar" , type: "form", autowidth: true, align:"center"},
            {view: "button", id: "cmd_cancel_partner", label: "Cancelar" , type: "danger", autowidth: true, align:"center"},
            {}]
        },
    ]}
];


var form_partner = {
    type: 'space',
    cols: [{
        view: 'form',
        id: 'form_partner',
        complexData: true,
        elements: controls_partner,
        elementsConfig: {
            labelWidth: 150,
            labelAlign: 'right'
        },
        autoheight: true,
        rules: {
            name: function(value){ return value.trim() != '';},
            rfc: validate_rfc,
        }
    }]
};


var multi_partners = {
    id: 'multi_partners',
    animate: true,
    cells:[
        {id: 'partners_home', rows:[
            {view: 'toolbar', elements: toolbar_partners},
            grid_partners,
        ]},
        {id: 'partners_new', rows:[form_partner, {}]}
    ]
}


var title_partners = 'Administración de Clientes y Proveedores'
var app_partners = {
    id: 'app_partners',
    rows:[
        {view: 'template', id: 'th_partner', type: 'header', template: title_partners},
        multi_partners
    ]
}