From 8f2941477c19678666035915c5841e0db87ca21b Mon Sep 17 00:00:00 2001
From: ben64103 <benabolade@gmail.com>
Date: Fri, 28 Jul 2023 03:51:29 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=E2=9C=A8=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/main.js   |  4 ++--
 js/script.js | 14 ++++++++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/js/main.js b/js/main.js
index a276cb3..04bb84f 100644
--- a/js/main.js
+++ b/js/main.js
@@ -131,7 +131,7 @@ async function updateHeader() {
             </div>
             <div class="movie-info nav align-items-center gap-3">
               <small id="rating" class="rating badge bg-light ${getRatings(
-                vote_average
+                vote_average  
               )}">${vote_average.toFixed(1)}</small>
               <a class="genre d-none d-md-block text-white text-decoration-none">${genreName
                 .map(
@@ -234,9 +234,9 @@ async function getPopular() {
       lists.forEach((list, index) => {
         list.addEventListener("click", (e) => {
           getMovieDetails(movieContent, index);
-          getMovieFullDetails(id)
         });
       });
+      // getMovieFullDetails(id)
     }
   } catch (error) {
     console.log(error.message);
diff --git a/js/script.js b/js/script.js
index 4803c54..f50dc53 100644
--- a/js/script.js
+++ b/js/script.js
@@ -35,7 +35,7 @@ const selectedMovieDisplay = document.getElementById("selectedMovieDisplay");
 // Get Movie Details
 async function getMovieDetails(movieContent, index) {
   // console.log(movieContent[index])
-  console.log(selectedMovieDisplay.innerHTML);
+  // console.log(selectedMovieDisplay.innerHTML);
   const movContent = movieContent[index];
   const {
     id,
@@ -72,6 +72,7 @@ async function getMovieDetails(movieContent, index) {
     <img src="${
       img_path + poster_path
     }" alt="" class="img-fluid" style="width: 31%"> 
+    ${id}
     <div>
       <h1 class="text-white">${title}</h1>
       <section class="mt-5 d-flex justify-content-center flex-column">
@@ -93,7 +94,7 @@ async function getMovieDetails(movieContent, index) {
             <p>${release_date}</p>
         </div>
         
-        <button>Full Movie Details</button>
+        <button id="fullMovieBtn">Full Movie Details</button>
       </section>
     </div>
 
@@ -113,6 +114,10 @@ async function getMovieDetails(movieContent, index) {
           </div>
   </div> 
   `;
+  const  fullMovieBtn = document.getElementById('fullMovieBtn')
+  fullMovieBtn.addEventListener('click', () => {
+    getMovieFullDetails(id)
+  })
   // Close Movie Details Icon
   const closeIcon = document.querySelector(".close-btn");
   closeIcon.addEventListener("click", closeMovieDetails);
@@ -135,7 +140,7 @@ function getMovieFullDetails(movie_id) {
       let mov_detail = response;
       const { budget, revenue, tagline, homepage, runtime } =
         mov_detail;
-        // console.log(mov_detail)
+        console.log(mov_detail)
     })
     .catch((err) => console.warn(err.message));
 
@@ -144,9 +149,10 @@ function getMovieFullDetails(movie_id) {
   )
     .then((vidResponse) => vidResponse.json())
     .then((vidResponse) => {
-      console.log(vidResponse)
+      console.log(vidResponse.results)
     })
     .catch((err) => {
       console.log(err.message);
     });
 }
+