From c89113d72dc46a6a87d2075e2e48502f72c9350b Mon Sep 17 00:00:00 2001
From: nsavinda <nirmalsavinda29@gmail.com>
Date: Tue, 31 Oct 2023 20:20:49 +0530
Subject: [PATCH] feat: Admin->tips crud

---
 app/controllers/Admin/Tips.php     |  46 +++++++
 app/controllers/Tips.php           |   2 +-
 app/core/Database.php              |   2 +-
 app/core/Model.php                 |   2 +-
 app/models/Tips.php                |  32 ++++-
 app/views/admin/layout/sidebar.php |   2 +-
 app/views/admin/tips.view.php      | 185 +++++++++++++++++++----------
 public/assets/css/admin-style.css  | 174 +++++++++++++++++++++++++++
 8 files changed, 372 insertions(+), 73 deletions(-)
 create mode 100644 app/controllers/Admin/Tips.php

diff --git a/app/controllers/Admin/Tips.php b/app/controllers/Admin/Tips.php
new file mode 100644
index 00000000..7897dfd7
--- /dev/null
+++ b/app/controllers/Admin/Tips.php
@@ -0,0 +1,46 @@
+<?php
+
+class Tips
+{
+    use Controller;
+
+    public function index(string $a = '', string $b = '', string $c = ''): void
+    {
+
+        $tips = new TipsModel();
+        $data['tips'] = $tips->findAll();
+        // show($data);
+        $this->view('admin/tips', $data);
+    }
+
+    public function update(string $a = '', string $b = '', string $c = ''): void
+    {
+
+        $tips = new TipsModel();
+        $tips->updateTip($_POST);
+
+        redirect('admin/tips'); 
+    }
+
+    public function add(string $a = '', string $b = '', string $c = ''): void
+    {
+
+        $tips = new TipsModel();
+        $tips->addTip($_POST);
+        // show($tips);
+
+        redirect('admin/tips'); 
+    }
+
+    public function delete(string $a = '', string $b = '', string $c = ''): void
+    {
+
+        // show($a);
+        // show($b);
+        // show($c);
+        $tips = new TipsModel();
+        $tips->delete($a, 'id');
+
+        redirect('admin/tips'); 
+    }
+}
\ No newline at end of file
diff --git a/app/controllers/Tips.php b/app/controllers/Tips.php
index 89dc155a..b06c9197 100644
--- a/app/controllers/Tips.php
+++ b/app/controllers/Tips.php
@@ -15,6 +15,6 @@ public function update(string $a = '', string $b = '', string $c = ''): void
         $tips = new TipsModel();
         $tips->updateTips($_POST);
 
-        redirect('profile'); //methana mokadda?
+        redirect('profile'); 
     }
 }
diff --git a/app/core/Database.php b/app/core/Database.php
index eb608e9a..3b5203c9 100755
--- a/app/core/Database.php
+++ b/app/core/Database.php
@@ -19,7 +19,7 @@ public function query(string $query, array $data = []): ?array {
                 return $result;
             }
         }
-        return null;
+        return [];
     }
 
     public function get_row(string $query, array $data = []): ?object {
diff --git a/app/core/Model.php b/app/core/Model.php
index 5b2592ef..f10cdf28 100755
--- a/app/core/Model.php
+++ b/app/core/Model.php
@@ -30,7 +30,7 @@ public function findAll():array{
     }
 
 
-    public function where(array $data, array $data_not = []): array{
+    public function where(array $data, array $data_not = []){
 
         $keys = array_keys($data);
         $keys_not = array_keys($data_not);
diff --git a/app/models/Tips.php b/app/models/Tips.php
index 71b0ade5..7600b7fb 100644
--- a/app/models/Tips.php
+++ b/app/models/Tips.php
@@ -9,6 +9,8 @@ class TipsModel
         //'id',
         'title',
         'description',
+        'author',
+        'id',
     ];
 
     public function validateCustomerSignup(array $data)
@@ -25,18 +27,42 @@ public function validateCustomerSignup(array $data)
         return empty($this->errors);
     }
 
-    public function updateTips(array $data)
+    public function updateTip(array $data)
     {
 
         // $user = new UserModel;
 
-        $data['id'] = $_SESSION['USER']->id;
+        // $data['id'] = $_SESSION['USER']->id;
+        $id = $data['id'];
+        // alowed column
+        $data = array_filter($data, function ($key) {
+            return in_array($key, $this->allowedColumns);
+        }, ARRAY_FILTER_USE_KEY);
+
+        // show($data);
+        return $this->update($id, $data, 'id');
+    }
+
+    public function addTip(array $data)
+    {
+
+        // $user = new UserModel;
+
+        // $data['id'] = $_SESSION['USER']->id;
+        $data['author'] = "admin";
 
         // alowed column
         $data = array_filter($data, function ($key) {
             return in_array($key, $this->allowedColumns);
         }, ARRAY_FILTER_USE_KEY);
 
-        return $this->update($_SESSION['USER']->id, $data, 'id');
+        return $this->insert($data);
+    }
+
+    public function findAll(): array
+    {
+        $data['author'] = "admin";
+        return $this->where($data);
+        return false;
     }
 }
diff --git a/app/views/admin/layout/sidebar.php b/app/views/admin/layout/sidebar.php
index 3b075063..6309e357 100755
--- a/app/views/admin/layout/sidebar.php
+++ b/app/views/admin/layout/sidebar.php
@@ -56,7 +56,7 @@
     </li>
 
     <li class="nav-item">
-      <a class="nav-link" href="index.html">
+      <a class="nav-link" href="<?php echo ROOT_DIR ?>/admin/tips">
         <i class="ti-shield menu-icon"></i>
         <span class="menu-title">Tips and Know-hows</span>
       </a>
diff --git a/app/views/admin/tips.view.php b/app/views/admin/tips.view.php
index c1ea8c7a..4d751ee6 100644
--- a/app/views/admin/tips.view.php
+++ b/app/views/admin/tips.view.php
@@ -4,91 +4,144 @@
 
 ?>
 
+<!-- Add button -->
+<div class="tips-page">
+
 <div class="table-container">
-    <table class="data-table">
-        <thead>
-            <tr>
-                <th>Name</th>
-                <th>Email</th>
-                <th>Status</th>
-                <th>Action</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Lahiru Sandaruwan</td>
-                <td>lahiru@example.com</td>
-                <td><span class="status accepted">Accepted</span></td>
-                <td><button class="view-button">View</button></td>
-            </tr>
+<div > 
+    <button class="add-button" >Add</button>
+    
+
+    
+</div>
+<table class="data-table">
+    <thead>
+        <tr>
+            <th>Title</th>
+            <th>Description</th>
+            <th>Action</th>
+        </tr>
+    </thead>
+    <tbody>
+        <?php foreach ($tips as $tip): ?>
             <tr>
-                <td>Dasun Thathsara</td>
-                <td>dasun@example.com</td>
-                <td><span class="status not-accepted">Not Accepted</span></td>
-                <td><button class="view-button">View</button></td>
+                <td><?php echo $tip->title; ?></td>
+                <td><?php echo $tip->description; ?></td>
+                <td><button key="<?php echo $tip->id; ?>" class="view-button">Update</button></td>
             </tr>
+        <?php endforeach; ?>
+    </tbody>
+</table>
 
-            <!-- Add more rows as needed -->
-        </tbody>
-    </table>
 </div>
 
-<!-- Modal  -->
-<div class="rental-services-modal" id="rental-services-modal">
+<!-- Add Form Modal -->
+<div class="modal" id="add-modal">
     <div class="modal-content">
         <span class="close">&times;</span>
-        <div class="profile-info">
-            <img src="<?php echo ROOT_DIR ?>/assets/images/dp.jpg" alt="Profile Image" class="profile-image">
-            <h2 id="profile-name">Lahiru Sandaruwan </h2>
-            <p id="profile-email">lahiru@example.com</p>
-            <p id="profile-address">Kandy</p>
-            <p id="profile-status" class="accepted">Accepted</p>
-            <div class="profile-links">
-                <a href="#" id="link-1">Link 1</a>
-                <a href="#" id="link-2">Link 2</a>
-            </div>
-        </div>
+        <h2>Add Form</h2>
+        <form id="add-form" action="<?php echo ROOT_DIR ?>/admin/tips/add" method="post" >
+            <label for="title">Title:</label>
+            <input type="text" id="title" name="title" required><br>
+
+            <label for="description">Description:</label>
+            <textarea id="description" name="description" rows="4" required></textarea><br>
+
+            <button type="submit">Add</button>
+        </form>
     </div>
 </div>
 
+<!-- Update Form Modal -->
+<div class="modal" id="update-modal">
+    <div class="modal-content">
+        <span class="close">&times;</span>
+        <h2>Tips Update Form</h2>
+        <form id="update-form"  action="<?php echo ROOT_DIR ?>/admin/tips/update" method="post" >
+        <input name="id" id="tip-id" type="hidden" value="">
+
+            <label for="updated-title">Title:</label>
+            <input type="text" id="updated-title" name="title" required><br>
 
-<script>
-    // Get the modal
-    var modal = document.getElementById("rental-services-modal");
+            <label for="updated-description">Description:</label>
+            <textarea id="updated-description" name="description" rows="4" required></textarea><br>
+
+            <button type="submit">Update</button>
+            <button class="delete-button"> <a id="delete-tip" href="<?php echo ROOT_DIR ?>/admin/tips/delete/  "> Delete </a> </button>
+        </form>
+    </div>
+</div>
 
-    // Get the <span> element that closes the modal
-    var span = document.getElementsByClassName("close")[0];
+</div>
 
-    // Get all view buttons
-    var viewButtons = document.querySelectorAll('.view-button');
+</div>
 
-    // Function to handle modal display
-    function openModal(content) {
-        // document.getElementById("modal-content").innerHTML = content;
-        modal.style.display = "block";
-    }
+<script>
+   // Get the modal elements
+var addModal = document.getElementById("add-modal");
+var updateModal = document.getElementById("update-modal");
+
+// Get the buttons that open the modals
+var addButton = document.querySelector('.add-button');
+var updateButtons = document.querySelectorAll('.view-button');
+
+// Function to open add form modal
+function openAddModal() {
+    addModal.style.display = "block";
+}
+
+// Function to open update form modal
+function openUpdateModal(name, email,id) {
+    // Populate update form fields with existing data
+    document.getElementById("updated-title").value = name;
+    document.getElementById("updated-description").value = email;
+    document.getElementById("tip-id").value = id;
+    document.getElementById("delete-tip").href = "<?php echo ROOT_DIR ?>/admin/tips/delete/"+id;
+    updateModal.style.display = "block";
+}
+
+// Event listener for add button click
+addButton.addEventListener('click', function() {
+    openAddModal();
+});
+
+// Event listeners for update buttons click
+updateButtons.forEach(function(button) {
+    button.addEventListener('click', function() {
+        var name = this.parentElement.parentElement.querySelector('td:first-child').textContent;
+        var email = this.parentElement.parentElement.querySelector('td:nth-child(2)').textContent;
+        var id = this.getAttribute('key');
+        openUpdateModal(name, email , id);
+    });
+});
 
-    // Add click event listener to view buttons
-    viewButtons.forEach(function(button) {
-        button.addEventListener('click', function() {
+// Close modals when the close button is clicked
+var closeButtons = document.querySelectorAll('.close');
 
-            var name = this.parentElement.parentElement.querySelector('td:first-child').textContent;
-            var email = this.parentElement.parentElement.querySelector('td:nth-child(2)').textContent;
-            openModal("Name: " + name + "<br>Email: " + email);
-        });
+closeButtons.forEach(function(button) {
+    button.addEventListener('click', function() {
+        addModal.style.display = "none";
+        updateModal.style.display = "none";
     });
+});
+
+// Handle form submissions (you can add your form submission logic here)
+document.getElementById("add-form").addEventListener('submit', function(event) {
+    // event.preventDefault();
+    // Handle add form submission logic
+    // ...
+    // Close the add modal after submission if successful
+    addModal.style.display = "none";
+});
+
+document.getElementById("update-form").addEventListener('submit', function(event) {
+    // event.preventDefault();
+    // Handle update form submission logic
+    // ...
+    // Close the update modal after submission if successful
+    updateModal.style.display = "none";
+});
 
-    // Close the modal when the close button is clicked
-    span.onclick = function() {
-        modal.style.display = "none";
-    }
-
-    // Close the modal if the user clicks outside of it
-    window.onclick = function(event) {
-        if (event.target == modal) {
-            modal.style.display = "none";
-        }
-    }
 </script>
 
 
diff --git a/public/assets/css/admin-style.css b/public/assets/css/admin-style.css
index fcdbd63c..1667c4e9 100755
--- a/public/assets/css/admin-style.css
+++ b/public/assets/css/admin-style.css
@@ -116,6 +116,14 @@
     transition: background-color 0.3s;
 }
 
+.add-button {
+    background-color: #4C5039;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
 
 .view-button:hover {
     background-color: #333;
@@ -273,3 +281,169 @@
 .item-details-modal .profile-links a:hover {
     color: #0056b3;
 }
+
+/* Tips */
+
+/* Modal styles
+.tips-page .modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.tips-page .modal-content {
+    background-color: #fefefe;
+    margin: 10% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+}
+
+.tips-page .close {
+    color: #aaaaaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.tips-page .close:hover,
+.tips-page .close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+} */
+
+/* n */
+
+.tips-page .modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+    justify-content: center;
+    align-items: center;
+}
+
+.tips-page .modal-content {
+    background-color: #fefefe;
+    margin: 5% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 10px;
+    max-width: 450px;
+    width: 100%;
+}
+
+.tips-page .modal-content h2 {
+    text-align: center;
+    margin-bottom: 20px;
+    color: #333;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+}
+
+.tips-page .modal-content label {
+    display: block;
+    margin-bottom: 10px;
+    color: #333;
+}
+
+.tips-page .modal-content input[type="text"] {
+    display: block;  
+    background-color: #ECECEC;
+    width: calc(100% - 20px);
+    padding: 10px;
+    margin-bottom: 10px;
+    border: none;
+    border-radius: 5px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+.tips-page .modal-content button {
+    margin: 5px;
+}
+
+.tips-page .modal-content button[type="submit"] {
+    display: block;
+    width: calc(100% - 20px);
+    padding: 10px;
+    border: 1px solid #BCAB86;
+    border-radius: 5px;
+    background-color: #88915D;
+    color: #fff;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+
+.tips-page .modal-content button[type="submit"]:hover {
+    border: 1px solid #BCAB86;
+    background-color: #ECECEC;
+    color: #4C5039;
+}
+
+.tips-page .modal-content .delete-button {
+    display: block;
+    width: calc(100% - 20px);
+    padding: 10px;
+    border: 1px solid #e21405;
+    border-radius: 5px;
+    background-color: #b81616; /* Change background color to match the hover state of submit button */
+    color: #fafbf6; /* Change text color */
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.tips-page .modal-content .delete-button:hover {
+    border: 1px solid #BCAB86;
+    background-color: #ECECEC;
+    color: #4C5039;
+}
+
+.tips-page .modal-content a {
+    display: block;
+    /* margin-bottom: 10px; */
+    color: #333;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.tips-page .modal-content .close {
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    color: #333;
+    font-size: 24px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: color 0.3s ease;
+}
+
+.tips-page .modal-content .close:hover {
+    color: #88915D;
+}
+
+.tips-page .modal-content textarea {
+    display: block;
+    width: calc(100% - 20px);
+    background-color: #ECECEC;
+
+    padding: 10px;
+    margin-bottom: 10px;
+    border: none;
+    border-radius: 5px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+    resize: vertical; /* Allow vertical resizing */
+}
\ No newline at end of file