From 9c903176b111ec8439f0ae7e75f575e1a9833eb8 Mon Sep 17 00:00:00 2001
From: starnakin <camille@chauvet.pro>
Date: Sun, 12 Feb 2023 21:54:29 +0100
Subject: [PATCH] add the first version groceries_list page

---
 templates/connected.html |  1 -
 templates/grocery.html   | 71 ++++++++++++++++++++++++++++++++++++++++
 templates/login.html     |  1 -
 3 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 templates/grocery.html
diff --git a/templates/connected.html b/templates/connected.html
index 26e0556..b3caf68 100644
--- a/templates/connected.html
+++ b/templates/connected.html
@@ -6,7 +6,6 @@
 	</head>
 	<body>
 	    <h1>connected</h1>
-	    <h2>Welcome to FlaskApp!</h2>
 		<a href="/logout">
 			<input type="button" value="logout">
 		</a>
diff --git a/templates/grocery.html b/templates/grocery.html
new file mode 100644
index 0000000..f132a1e
--- /dev/null
+++ b/templates/grocery.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+	<header>
+		<title>{{name}}</title>
+	</header>
+	<body>
+		<div id="container">
+			<table>
+				<tr>
+					<td><b>Acheté</b></td>
+					<td><b>Nom</b></td>
+					<td><b>Quantité</b></td>
+					<td><b>Prix</b></td>
+				</tr>
+				<tr>
+					{% for article in articles %}
+						<td class="buyed">
+							<input type="checkbox" id={{article.id}}>
+						</td>
+						<td>
+							<input type="text" value={{article.name}}>
+						</td>
+						<td>
+							<input type="number" value="{{article.quantity}}" size="7" step="1">
+						</td>
+						<td>
+							<input type="number" value="{{article.price}}" size="9" step="0.01"'>
+						</td>
+					{% endfor %}
+				</tr>
+				<tr>
+					<td class="add_element" colspan="4">
+						<a href={{add_button_url}}>
+							<input type="button" value="+">
+						</a>
+					</td>
+				</tr>
+			</table>
+		</div>
+		<style>
+			td.buyed {
+				text-align: center;
+				vertical-align: middle;
+			}
+			body {
+				background: #67BE4B;
+			}
+			#container {
+				width: 400px;
+				margin: 0 auto;
+				margin-top: 5%;
+				border: 1px solid #f1f1f1;
+				background: #fff;
+			}
+			td.add_element {
+				background: #fff;
+				margin: 100%;
+				text-align: center;
+			}
+			td.add_element input[type=button] {
+				width: 100%;
+				border: 0px;
+				background: #67BE4B;
+			}
+			td.add_element input[type=button]:hover {
+				background: #fff;
+				border: 1px solid #67BE4B;
+			}
+		</style>
+	</body>
+</html>
diff --git a/templates/login.html b/templates/login.html
index e6edd33..c3a8ee3 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -4,7 +4,6 @@
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="index.css" />
         <title>Beyond School</title>
     </head>
     <body>
