Controllers.prototype.manageIFASegment = (function() {
	const template = `<div class="createPage">
	<form enctype="multipart/form-data">
		<container>
			<row><h3>Segment name:</h3><br><input type="text" name="name" value="{{name}}" class="landingPageURL wide" /></row>
			<row class="fileUpload">
				<h3>Segments list (.csv only):</h3><br>
				<label class="button cool tidySmall">
					<input id="data" name="data" type="file" accept=".csv" style="width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1" />
					Select file
				</label>
			</row>
		</container>
		<button type="submit" class="button mint">Save</button>
	</form>
	</div>`;
	return newSegment;

	function newSegment(core, e, data, returnCB, segID) {
		return new Segment(core, e, data, returnCB, segID);
	}

	function Segment(core, e, data, returnCB, segID) {
		let em = new EventManager(),
			container = null,
			form = null,
			fe = null;

		// yes it's a hack.
		init({name: window['__ifa_seg_name'] || ''});
		delete window['__ifa_seg_name'];

		this.exit = exit;

		function init(inbound) {
			container = document.createElement('div');
			container.classList.add('manageProximity');

			form = getElementFromString(render(template, inbound));

			fe = form.querySelector('form');
			fe.onsubmit = saveAction;

			container.appendChild(form);
			e.appendChild(container);
			returnCB();
		}

		function saveAction(e) {
			preventDefault(e);
			const xhr = new XMLHttpRequest(),
				method = !!segID ? 'PUT' : 'POST',
				ep = '/api/v1/segments/ifa/' + (!!segID ? segID : core.userID);
			// Add any event handlers here...
			xhr.onload = () => responseAction(JSON.parse(xhr.response), xhr.status);
			xhr.open(method, ep, true);
			xhr.send(new FormData(fe));
		}

		function responseAction(e, s) {
			console.log(e, s);
			if (s === 200) {
				core.notifications.setSuccess('Successfully Saved IFA Segment (ID: ' + e.data + ')');
			} else {
				core.notifications.setErrors(e.errors);
				return;
			}

			pop('Pop!', 'Dashboard - Segments', '/dashboard/segments');
		}

		function exit() {
			removeChild(e, container);
			em.reset();
		}
	}

	function newSaveButton() {
		var btn = document.createElement('a');
		btn.setAttribute('class', 'button mint');
		btn.textContent = 'Save';
		return btn;
	}
})();