<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>library</title>
        <link rel="stylesheet" href="{{url_for('static', filename='style_default.css')}}">
        <script src="{{url_for('static', filename='addnew_panel.js')}}"></script>
	</head>
	<body>
		hello here a list of:
        <a class="addNew" href="{{url_for('add_new_page')}}"><button id="reference">add new element</button></a>
        <table>
            {% for row in reading_list%}
            <tr>
                <td>{{row['author']| safe}}</td>
                <td>{{row['title']|safe}}</td>
                <td>{{row['description']|safe}}</td>
            </tr>
            {% endfor %}
        </table>

        <div class="formPanel">
            <form method="POST" enctype="multipart/form-data">
                <input type="text" name="author" placeholder="Author"/>
                <input type="text" name="title" placeholder="Title"/>
                <textarea name="description" cols="30" rows="10" placeholder="description"></textarea>
                <input type="submit" value="Add" />
            </form>
        </div>

	</body>
</html>
