<?php
	if ($emb!="OK")
	{
		header("location: https://e.vlevski.eu/");
	}
?>
<script>
	function chngsite()
	{
		$("#mw").modal("hide");
		$("#ms").html("<h3>Файлът беше успешно добавен и е достъпен в сайта.</h3><br /><br /><a style=\"color: #3333CC; font-size: 22px;\" href=\"/?additem\">Качване на друг файл</a>");
	}
	function regnow()
	{
		q1=$("#q1").val();
		q1=q1.replace(/["']/g, "&quot;");
		q2=$("#q2").val();
		q2=q2.replace(/["']/g, "&quot;");
		q3=$("#q3").val();
		q3=q3.replace(/["']/g, "&quot;");
		if ((q1=="") || (q2=="") || (q3==""))
		{
			$("#mwe").modal("show");
		}
		else
		{
			v=$("#vn").val();
			ve=$("#vnext").val();
			vu=$("#vu").val();
			$.ajax({url: "./snddata.php", type: "POST", data:{"pa": ""+q1+"|NEW|"+q2+"|NEW|"+v+"|NEW|"+ve+"|NEW|"+vu+"|NEW|"+q3+""}, success: function(data) { if (data=="OK") { chngsite(); } else { alert("Нещо се обърка"); } } });
		}
	}
	$(document).ready(function()
	{
		$('#frm').submit(function(e)
		{
			if($('#upf').val())
			{
				e.preventDefault();
				$(this).ajaxSubmit(
				{
					target: "#uplret",
					beforeSubmit: function()
					{
						$("#progress-bar").width("0px");
					},
					uploadProgress: function (event, position, total, percentComplete)
					{
						wdth=Math.round(percentComplete/100*269);
						$("#status-p").html(percentComplete+"%");
						$("#progress-bar").width(wdth + "px");
						$("#progress-bar").html("");
					},
					success:function ()
					{
					},
					resetForm: true
				});
				return false; 
			}
		});
	});
</script>
<div class="modal fade" id="mw" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="mw" aria-hidden="true">
	<div class="modal-dialog modal-lg" style="width: 95%;">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="mwt">
					Добавяне на файл
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Затвори">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<strong>Вашият файл беше успешно качен. Моля, попълнете следните данни, за да бъде видим в сайта!<br /><br />1. Описателно име на файла:</strong>
				<br />
				<input name="q1" id="q1" placeholder="Описателно име на файла" class="form-control-lg form-control" style="background-color: #CCCCCC;" type="text" value="" />
				<hr />
				<strong>2. За кой предмет се отнася този файл?</strong>
				<br />
				<select id="q2" name="q2" class="form-control-lg form-control" style="background-color: #CCCCCC; height: 50px;">
					<option value="">--Моля, изберете вариант</option>
					<?php
						$catq=mysqli_query($db, "SELECT * FROM `subjects` ORDER BY `name` ASC;");
						while ($cats=mysqli_fetch_row($catq))
						{
							print("<option value=\"".$cats[1]."\">".$cats[1]."</option>");
						}
					?>
				</select>
				<hr />
				<strong>3. За кой клас се отнася този файл?</strong>
				<br />
				<select id="q3" name="q3" class="form-control-lg form-control" style="background-color: #CCCCCC; height: 50px;">
					<option value="">--Моля, изберете вариант</option>
					<option value="1">1. клас</option>
					<option value="2">2. клас</option>
					<option value="3">3. клас</option>
					<option value="4">4. клас</option>
					<option value="5">5. клас</option>
					<option value="6">6. клас</option>
					<option value="7">7. клас</option>
					<option value="8">8. клас</option>
					<option value="9">9. клас</option>
					<option value="10">10. клас</option>
					<option value="11">11. клас</option>
					<option value="12">12. клас</option>
					<option value="99">Практика</option>
				</select>
				<hr />
				<br />
				<input name="vu" id="vu" placeholder="Автор" class="form-control-lg form-control" style="background-color: #CCCCCC;" type="text" value="" />
				<hr />
				<input name="vn" id="vn" type="hidden" value="" />
				<input name="vnext" id="vnext" type="hidden" value="" />
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" onclick="regnow(); return true;"><i class="fas fa-file-export"></i> Изпрати файла!</button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="mww" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="mwe" aria-hidden="true">
	<div class="modal-dialog modal-lg" style="margin-top: 110px; width: 95%;">
		<div class="modal-content" style="background-color: #FFFF44;">
			<div class="modal-header">
				<h5 class="modal-title" id="mwet">
					Вашият файл се качва...
				</h5>
			</div>
			<div class="modal-body">
				<center>
					Моля, изчакайте...
					<br />
					<br />Времето на качване зависи от размера на Вашия файл и скоростта на Вашата интернет връзка.
				</center>
				<hr />
				<center>
					<div style="position: relative; margin: 0 auto; width: 280px; height: 25px; border: none; text-align: left;">
						<div style="position: absolute; top: 0px; left: 5px; width: 180px; text-align: left; font-style: italic; font-size: 18px; z-index: 1000;">
							Статус:
						</div>
						<div id="status-p" style="position: absolute; top: 0px; left: 190px; width: 85px; text-align: right; font-weight: bold; font-size: 18px; z-index: 1000;">
							0%
						</div>
					</div>
					<div style="position: relative; margin: 0 auto; width: 280px; border-radius: 3px; height: 20px; border: 1px solid #000000; text-align: left;"><div id="progress-bar" style="margin: 5px; border-radius: 2px; background-color: #000099; height: 10px; color: #FFFFFF; width: 0px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;"></div>
				</center>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="mwe" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="mwe" aria-hidden="true">
	<div class="modal-dialog modal-lg" style="margin-top: 110px; width: 95%;">
		<div class="modal-content" style="background-color: #FFFF44;">
			<div class="modal-header">
				<h5 class="modal-title" id="mwet">
					Непълни данни
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Затвори">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				Моля, попълнете всичко, за да може да споделите файла в сайта!
			</div>
		</div>
	</div>
</div>
<div style="margin-top: 55px;" class="container-fluid">
	<div class="row">
		<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="margin-bottom: 10px;">
			<h3 class="main-header"><i class="fas fa-plus"></i>&nbsp;&nbsp;Добавяне на материал</h3>
		</div>
	</div>
	<div class="row">
		<div class="col-12-none col-md-12-none col-sm-12-none col-xs-12-none col-lg-4 col-xl-4">
			&nbsp;
		</div>
		<div class="col-12 col-md-12 col-sm-12 col-xs-12 col-lg-4 col-xl-4">
			<div id="al" style="position: relative; top: 0px; left: 0px; width: 100%; height: 75px; background-color: transparent;"></div>
			<iframe id="frms" name="frms" src="about:blank" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 1;"></iframe>
			<div id="ms" style="position: relative; top: 0px; margin: 0 auto; width: 320px; max-width: 320px; overflow: hidden; text-align: center; background: transparent;">
				<center>
					<i class="fas fa-plus" style="font-size: 100px;"></i>
				</center>
				<form id="frm" action="./upload.php" target="frms" enctype="multipart/form-data" name="frm" method="POST">
				<script>
					function uplok(vname, extname)
					{
						$("#mww").modal("hide");
						$("#mw").modal("show");
						$("#vn").val(vname);
						$("#vnext").val(extname);
						$("#chf").val("");
						$("#upf").val("");
					}
					function uplerr()
					{
						alert("Нещо се обърка! Презаредете страницата и опитайте отново!");
						$("#chf").val("");
						$("#upf").val("");
					}
					function uplem()
					{
						alert("Този файл е празен! Презаредете страницата и опитайте отново!");
						$("#chf").val("");
						$("#upf").val("");
					}
					var fSize=500000000;
					function checkSubmit()
					{
						var err=0;
						var upl=document.getElementById("upf").value;
						if (upl=="")
						{
							$("#al").html("<div class=\"alert alert-danger alert-dismissable\"><a href=\"javascript: void(0)\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a><strong>Грешка!</strong> Не сте избрали файл!</div>");
							err++;
						}
						else if (fSize>=500000000)
						{
							$("#al").html("<div class=\"alert alert-danger alert-dismissable\"><a href=\"javascript: void()\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a><strong>Грешка!</strong> Файлът не може да е по-голям от 500MB!</div>");
							err++;
						}
						if (err==0)
						{
							$("#mww").modal("show");
							setTimeout(function(){ $("#frm").submit(); }, 1500);
						}
					}
					function uploadFill()
					{
						fSize=document.getElementById("upf").files[0].size;
						var upl=$("#upf").val();
						upl=upl.replace("C:\\fakepath\\","");
						$("#chf").val(upl);
					}
				</script>
				<div id="uplret" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 1000;"></div>
				<br />Моля, изберете файл до 500MB:
				<br />
				<br />
				<div class="input-group">
				<label class="col-xs-6 col-md-4 form-control-lg form-control btn-primary">
					Избери <input id="upf" name="upf" type="file" accept="*" style="display: none;" onchange="uploadFill(); return true;" />
				</label>
				<input id="chf" class="col-xs-12 col-md-8 form-control-lg form-control" type="text" readonly="" />
				</div>
				<br />
				<br />
				<input type="hidden" name="us" value="1">
				<button type="button" class="form-control-lg form-control btn-primary" onclick="checkSubmit(); return true;"><i class="fas fa-cloud-upload-alt"></i>&nbsp;&nbsp;Качи в сървъра</button>
				</form>
			</div>
		</div>
		<div class="col-12-none col-md-12-none col-sm-12-none col-xs-12-none col-lg-4 col-xl-4">
			&nbsp;
		</div>
	</div>
</div>