/**
 * dmarc-srg - A php parser, viewer and summary report generator for incoming DMARC reports.
 * Copyright (C) 2020 Aleksey Andreev (liuch)
 *
 * Available at:
 * https://github.com/liuch/dmarc-srg
 *
 * This program is free software: you can redistribute it and/or modify it
 * under the terms of the GNU General Public License as published by the Free
 * Software Foundation, either version 3 of the License.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of  MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
 * more details.
 *
 * You should have received a copy of the GNU General Public License along with
 * this program.  If not, see <http://www.gnu.org/licenses/>.
 */

class LoginDialog extends ModalDialog {
	constructor(params) {
		super();
		this._params = params || {};
		this._params.buttons = [ "ok", "cancel" ];
		this._params.title = "Authentication";
		this._params.overlay_click = "ignore";
		this._user   = null;
		this._pass   = null;
		this._msg_el = null;
	}

	remove() {
		if (this._element) {
			this._element.remove();
			this._element = null;
		}
	}

	_gen_content() {
		let tdiv = document.createElement("div");
		tdiv.setAttribute("class", "titled-input");
		if (!this._params.nousername) {
			this._user = this._insert_row(tdiv, "User name", "text", "Enter your user name");
		}
		this._pass = this._insert_row(tdiv, "Password", "password", "Enter your password");
		this._msg_el = set_wait_status(null, "Enter your credentials");
		this._content.setAttribute("class", "vertical-content");
		this._content.appendChild(tdiv);
		this._content.appendChild(this._msg_el);
	}

	_insert_row(c_el, text, type, placeholder) {
		let l_el = document.createElement("label");
		c_el.appendChild(l_el);
		let t_el = document.createElement("span");
		t_el.appendChild(document.createTextNode(text + ": "));
		l_el.appendChild(t_el);
		let inp = document.createElement("input");
		inp.required = true;
		inp.setAttribute("type", type);
		if (placeholder) {
			inp.setAttribute("placeholder", placeholder);
		}
		l_el.appendChild(inp);
		return inp;
	}

	_enable_elements(enable) {
		this._buttons[0].disabled = !enable;
		let elements = this._element.querySelector("form").elements;
		for (let i = 0; i < elements.length; ++i) {
			elements[i].disabled = !enable;
		}
	}

	_submit() {
		this._buttons[1].focus();
		this._enable_elements(false);
		let body = {};
		if (!this._params.nousername) {
			body.username = this._user.value;
		}
		body.password = this._pass.value;
		if (this._params.nofetch) {
			this._result = body;
			this.hide();
			return;
		}
		let that = this;
		let hide = false;
		this._set_message("Sending credentials to the server...", false);
		window.fetch("login.php", {
			method: "POST",
			cache: "no-store",
			headers: Object.assign(HTTP_HEADERS, HTTP_HEADERS_POST),
			credentials: "same-origin",
			body: JSON.stringify(body)
		}).then(function(resp) {
			if (!resp.ok)
				throw new Error("Failed to log in");
			return resp.json();
		}).then(function(data) {
			Common.checkResult(data);
			that._result = data;
			Notification.add({ type: "info", text: data.message || "Successfully!" });
			hide = true;
		}).catch(function(err) {
			that._pass.value = "";
			Common.displayError(err);
			that._set_message(err.message, true);
		}).finally(function() {
			that._enable_elements(true);
			that._first.focus();
			if (hide)
				that.hide();
		});
	}

	_set_message(text, error) {
		let el = error && set_error_status(null, text) || set_wait_status(null, text);
		this._msg_el.replaceWith(el);
		this._msg_el = el;
	}
}

LoginDialog.start = function (params) {
	let login = new LoginDialog(params);
	document.getElementById("main-block").appendChild(login.element());
	login.show().then(function(d) {
		if (d) {
			Router.go();
		}
	}).catch(function(err) {
		Common.displayError(err);
	}).finally(function() {
		login.remove();
		login = null;
	});
};