<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- CSS only -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
	<title>Document</title>
</head>
<body>
	<form action="/taenpanel/articles/edit/" method="POST">
    	<hr>
		<label for="title"><b>ID</b></label>
    	<input readonly name="id" id="id" value="<%= id%>" required>

    	<label for="title"><b>Edit title</b></label>
    	<input type="text" placeholder="" name="title" id="title"  value="<%= article.Title%>" required>

    	<label for="content"><b>Edit content</b></label>
    	<input type="text" placeholder="" name="content" id="content"  value="<%= article.Content%>" required>
    <button type="submit" class="registerbtn">Post</button>
	</form>
	<br>
	<br>
	<br>
	<h3>Or you can delete this article</h3><br>
	<form action="/taenpanel/articles/delete" method="POST">
    	<input readonly name="id" id="id" value="<%= id%>" required type="hidden">
    	<button type="submit" class="registerbtn">DELETE</button>
	</form>
	<br>
	<br>
	<br>
	<% if (!article.IsApproved) { %>
	<form action="/taenpanel/articles/approve" method="POST">
		<input readonly name="id" id="id" value="<%= id%>" required type="hidden">
    	<button type="submit" class="registerbtn">APPROVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE!</button>
	</form>
	<%} %>
</body>
</html>
