function loan_add_popup_close(id, event) {
	loan_add_popup.hide();
}


var loan_add_form = {
	"view": "popup",
	"id": "loan_add_popup",
	"css": "loan_add_popup",
	"position":"center",
	head:"This window can be moved",
	close : true , 
	"modal" :true,
	"move" : true, 
	"width": 1000,
	"body": {
		"rows": [
			{
				"view": "toolbar",
				"css": "webix_dark",
				"paddingX": 5,
				"cols": [
					{ "view": "icon", "icon": "wxi-plus" },
					{ "view": "label", "label": "Add new Transactions" },
					{ "view": "button", "label": "Close", "width": 80 , "click": "loan_add_popup_close"}
				]
			},
			{
				"view": "form",
				"margin": 40,
				"rows": [
					{
						"margin": 20,
						"cols": [
							{
								"margin": 10,
								width: 400,
								"rows": [
									{ "view": "template", "type": "section", "template": "Transaction" },
									{
										"view": "text",
										"placeholder": "Type here...",
										"label": "Transaction ID",
										"labelWidth": 120,
										"value": "XADF61574328507420"
									},
									{
										"view": "datepicker",
										"label": "Submission  Date",
										"value": "2020-10-15",
										"timepicker": true,
										"format": "%Y-%M-%d",
										"labelWidth": 120
									},
									{
										"options": demo_clients,
										"label": "Client Names",
										"value": "1,2",
										"view": "multicombo",
										"height": 38,
										"labelWidth": 120
									},
									{
										"options": demo_clients,
										"label": "Brokers",
										"value": "3",
										"view": "multicombo",
										"height": 38,
										"labelWidth": 120
									},
									{
										"options": demo_clients,
										"label": "Referal /BDM",
										"value": "4",
										"view": "multicombo",
										"height": 38,
										"labelWidth": 120
									},
									{
										"label": "Status",
										"value": "Valuation",
										"options": trans_state,
										"view": "combo",
										"height": 38,
										"labelWidth": 120
									},
									{ "label": "Lender", "view": "text", "height": 38, "labelWidth": 120, "value": "NAB Bank" },
									{
										"label": "Loan Limit ($)",
										"view": "text",
										"height": 38,
										"labelWidth": 120,
										"value": "800,000"
									},
									{
										"view": "datepicker",
										"label": "SettlementDate",
										"value": "2020-01-02 00:00:00",
										"format": "%Y-%M-%d",
										"timepicker": true,
										"labelWidth": 120,
										"icons": false
									}
								]
							},
							{
								"margin": 10,
								"rows": [
									{ "view": "template", "type": "section", "template": "Commission Splits" },
									{
										view:"datatable", 
										editable:true,
										scroll:false,
										columns:[
											{ id:"org",     editor:"text", header:"Revelant Parties",       fillspace:true},
											{ id:"upfront", editor:"text",  header:"Upfront$",   width :150},
											{ id:"upfrontp", editor:"text", header:"Upfront%",   width :150}
										],
										data: [
											{ id:1, org: "SFM" , upfront:"$6000", upfrontp: "20%",  trail: "$500"},
											{ id:2, org: "Broker John", upfront:"$7000" , upfrontp: "30%", trail: "$500"},
											{ id:3, org: "Referal Smith", upfront:"$8000", upfrontp: "40%", trail: "$500"},
											{ id:4, org: "People Jessie", upfront:"$9000", upfrontp: "50%", trail: "$500"},
											{ id:5, org: "People Warron", upfront:"$16000", upfrontp: "60%", trail: "$500"},
											{ id:6, org: "People Richard", upfront:"$5000", upfrontp: "15%", trail: "$500"}
										]
									},
									{
										"view":"timeline", 
										"layout": "x",
										"height": 150,
										"data": demo_loan_time_line
									}									
								]
							}
						]
					},
					{
						view:"datatable", 
						editable:true,
						height: 200,
						scroll:true,
						columns:[
							{ id:"org",    editor:"text", header:"Revelant Parties",       fillspace:true},
							{ id:"role",   editor:"select", options:["SFM", "Clients", "Brokers", "BDM", "Referal", "Other"], header: "Role"},
							{ id:"trail",  editor:"text", header:"Trail $",   width :150},
							{ id:"date",   editor:"date", header:"Month", format:webix.Date.dateToStr("%Y-%m-%d"),  width :150},
							{ id:"src",    editor:"select", options:["AA220202.xls", "BB202011bb.PDF", "CCWestPack.DocX", "Manual", "Other"], header:"Data Source (Excel/PDF)",   width :150}
						],
						data: [
							{ id:1, org: "SFM" , role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls" },
							{ id:2, org: "John", role :"SFM", trail: "$500", date :"2020-02" , src: "AA220202.xls"},
							{ id:3, org: "Smith", role: "SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
							{ id:4, org: "Jessie",role: "SFM", trail: "$500", date :"2020-02", src: "AA220202.xls"},
							{ id:5, org: "Warron", role :"SFM", trail: "$500", date: "2020-02", src: "AA220202.xls"},
							{ id:6, org: "Richard",role :"SFM", trail: "$500",date :"2020-02", src: "AA220202.xls"},
							{ id:7, org: "",role :"", trail: "",date :"", src: "manual"}
						]
					},				
					
					{
						"margin": 10,
						"cols": [
							{ "view": "template", "template": " ", "role": "placeholder", "borderless": true },
							{ "view": "button", "label": "Discard", "css": "webix_transparent", "align": "right", "width": 120 },
							{ "view": "button", "css": "webix_primary", "label": "Save", "align": "right", "width": 120, "click": "loan_add_popup_close" }
						]
					}
				]
			}
		]
	}
};
var loan_add_popup = webix.ui(loan_add_form);