successfully added a report button

kuldp18 · Apr 21, 2024 · 03ddcfb · 03ddcfb
1 parent a5f9a86
commit 03ddcfb
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/css/video_page.css b/css/video_page.css
@@ -49,6 +49,33 @@
 
 .video__title {
   font-size: 2rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.report__container {
+  width: auto;
+  display: inline;
+}
+
+
+.report__btn {
+  background-color: #f44336;
+  border: none;
+  color: white;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.report__btn:hover {
+  background-color: #d32f2f;
 }
 
 .user__name,

diff --git a/pages/video_page.php b/pages/video_page.php
@@ -102,6 +102,12 @@
                         <span class="star" data-rating="4"><i class="far fa-star"></i></span>
                         <span class="star" data-rating="5"><i class="far fa-star"></i></span>
                     </div>
+                    <form class="report__container">
+                        <input type="hidden" value="<?php echo $current_video_id; ?>" name="video_id">
+                        <button class="report__btn" type="submit">
+                            <i class="fas fa-flag"></i>
+                        </button>
+                    </form>
                     <!-- if previous_rating is not 0 show it below -->
                     <?php if ($previous_rating !== 0) : ?>
                         <p class="previous__rating">