From ba9c5d328f1c897e885dd35a74cdc42c390a9700 Mon Sep 17 00:00:00 2001
From: Corentin Mors <corentin.mors@dashlane.com>
Date: Wed, 24 Feb 2021 10:48:19 +0100
Subject: [PATCH] Add user list

---
 components/userCards.php | 10 ++++++++
 partials/_menu.php       |  2 +-
 users.php                | 51 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 components/userCards.php
 create mode 100644 users.php

diff --git a/components/userCards.php b/components/userCards.php
new file mode 100644
index 0000000..5c3e00a
--- /dev/null
+++ b/components/userCards.php
@@ -0,0 +1,10 @@
+<div class="card h-100">
+    <img src="https://via.placeholder.com/200" class="card-img-top" alt="User image">
+    <div class="card-body">
+        <h5 class="card-title">John Smith</h5>
+        <p class="card-text">Premium user</p>
+    </div>
+    <div class="card-footer">
+        <small class="text-muted">Last updated 3 mins ago</small>
+    </div>
+</div>
\ No newline at end of file
diff --git a/partials/_menu.php b/partials/_menu.php
index 2fe23ba..56c4a7e 100644
--- a/partials/_menu.php
+++ b/partials/_menu.php
@@ -13,7 +13,7 @@
         <a class="nav-link" href="list.php"><i class="far fa-newspaper"></i> Posts</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link" href="list.php"><i class="far fa-file-alt"></i> Pages</a>
+        <a class="nav-link" href="users.php"><i class="fas fa-users"></i> Users</a>
       </li>
       <li class="nav-item">
         <a class="nav-link" href="list.php"><i class="far fa-comment"></i> Comments</a>
diff --git a/users.php b/users.php
new file mode 100644
index 0000000..21274fa
--- /dev/null
+++ b/users.php
@@ -0,0 +1,51 @@
+<?php
+$page_name = "Posts List";
+include "partials/_header.php";
+include "partials/_menu.php";
+?>
+
+<main role="main" class="container">
+
+    <div class="row">
+        <div class="col-12">
+
+            <h2>Users</h2>
+
+            <hr>
+
+            <?php for ($i = 1; $i <= 3; $i++) : ?>
+                <div class="row row-cols-1 row-cols-md-2 g-4 mb-4">
+                    <?php for ($y = 1; $y <= 5; $y++) : ?>
+                        <div class="col">
+                            <?php
+                            include "components/userCards.php";
+                            ?>
+                        </div>
+                    <?php endfor; ?>
+                </div>
+            <?php endfor; ?>
+
+            <hr />
+
+            <nav aria-label="Page navigation example">
+                <ul class="pagination justify-content-end">
+                    <li class="page-item disabled">
+                        <a class="page-link" href="#" tabindex="-1">Previous</a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item">
+                        <a class="page-link" href="#">Next</a>
+                    </li>
+                </ul>
+            </nav>
+
+        </div>
+    </div>
+
+</main><!-- /.container -->
+
+<?php
+include "partials/_footer.php";
+?>
\ No newline at end of file