<!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">
    <title>Article</title>


    <link rel="stylesheet" href="/styles/reset.css">
    <link rel="stylesheet" href="/styles/article.css">
	<link rel="stylesheet" href="/styles/navbar.css">

</head>

<body>
    <%- include ("partials/header.ejs", {logged: logged}) %>

    <div class="content">
        <img src="https://i.imgur.com/P3amfbP.jpg" alt="img">
        <h1><%= article.Title %></h1>

        <%- article.Content %>
		<br>

		<% comments.map(comment => { %>
			<p>comment.Content</p>
		<% }) %>

        <div class="comments">
			<form action="/articles/view/comment" method="POST">
            <!-- <textarea name="message" cols="100" rows="10"></textarea>
            	<button type="submit">Comment</button>-->
			</form>
        </div>

    </div>


</body>

</html>
