$(document).ready(function() { $('<link rel="stylesheet" href="https://dl.dropbox.com/s/5sm3y4j6ubv9l22/sr_add_form_style.css" >').appendTo("head"); });


$('<form id="prompt-form"><div id="prompt-message"></div>Ссылка<input name="text" type="text" class="form-control"></br>Название<input name="title" type="text" class="form-control"></br>Начальная серия<input name="seriebegin" type="text" class="form-control"></br>Конечная серия<input name="serieend" type="text" class="form-control"></br><input type="submit" value="ОК" class="btn btn-sm btn-default"><input type="button" name="cancel" value="Отмена" class="btn btn-sm btn-default"></form>').appendTo('#leftcontrols');


showPrompt("Форма для добавления аниме:",function(value,value1,value2,value3){
	alert("Ссылка: "+value+" Название: "+value1+" Начало: "+value2+" Конец: "+value3);
});



 // Показать полупрозрачный DIV, затеняющий всю страницу
    // (а форма будет не в нем, а рядом с ним, чтобы не полупрозрачная)
    function showCover() {
      var coverDiv = document.createElement('div');
      coverDiv.id = 'cover-div';
      document.body.appendChild(coverDiv);
	  document.body.style.overflowY = 'hidden';
      document.body.append(coverDiv);
    }

    function hideCover() {
      document.body.removeChild(document.getElementById('cover-div'));
	  document.body.style.overflowY = '';
    }

    function showPrompt(text,callback) {
	let form = document.getElementById('prompt-form');
	var container = document.getElementById('prompt-form-container');
	document.getElementById('prompt-message').innerHTML = text;

	form.text.value = '';
	form.title.value = '';
	form.seriebegin.value = '';
	form.serieend.value = '';


	container.style.display = 'block';
	form.elements.text.focus();

	form.onsubmit = function() {
        let value = form.text.value;
        let value1 = form.title.value;
		console.log(value1);
		let value2 =  form.seriebegin.value;
		let value3 = form.serieend.value;
		if (value == '') return false; // игнорируем отправку пустой формы
		if (value1 == '') return false;
		if (value2 == '') return false;
		if (value3 == '') return false;
		//if (value3 < value2) value3=value2++;
        complete(value,value1,value2,value3);
        return false;
      };

	form.cancel.onclick = function() {
        complete(null,null,null,null);

      };

	function complete(value, value1, value2, value3) {
        hideCover();
		console.log(value1);
        container.style.display = 'none';
        document.onkeydown = null;
        callback(value,value1,value2,value3);


		function postlinks(){
		var x = value2;
		var stuplink = value;
		function myLoop (){
		setTimeout(function () {
		var link = stuplink+x+".mp4";
		var name = value1+' '+x+' серия';
		socket.emit("queue", {id: link,title: name,pos: 'end',type: 'fi',temp: $(".add-temp").prop("checked")});
		x++;
		if (x <= value3){
		myLoop();
		}
		}, 1000)
		}
		myLoop();
			  };
		postlinks();
	}

	document.onkeydown = function(e) {
        if (e.key == 'Escape') {
          complete(null,null,null,null);
        }
      };

      let lastElem = form.elements[form.elements.length - 1];
      let firstElem = form.elements[0];

      lastElem.onkeydown = function(e) {
        if (e.key == 'Tab' && !e.shiftKey) {
          firstElem.focus();
          return false;
        }
      };

      firstElem.onkeydown = function(e) {
        if (e.key == 'Tab' && e.shiftKey) {
          lastElem.focus();
          return false;
        }
      };



	}