From 71afde9d9d8cf03ce9db9da2c709780a789c9d48 Mon Sep 17 00:00:00 2001
From: ben64103 <benabolade@gmail.com>
Date: Tue, 25 Jul 2023 18:50:03 +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/script.js | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/js/script.js b/js/script.js
index 67ba1a2..dd5ea19 100644
--- a/js/script.js
+++ b/js/script.js
@@ -46,6 +46,7 @@ async function getMovieDetails(movieContent, index) {
     overview,
     poster_path,
     genre_ids,
+    release_date
   } = movContent;
 
   let results = []
@@ -65,13 +66,16 @@ async function getMovieDetails(movieContent, index) {
 
   selectedMovieDisplay.innerHTML = `
    <div class="d-flex text-white gap-5">
-   <i class="fas fa-times text-danger position-absolute fs-3 onclick="${closeMovieDetails}"></i>
+   <i class="fas fa-times text-danger position-absolute fs-3"></i>
     <img src="${
       img_path + poster_path
     }" alt="" class="img-fluid" style="width: 31%"> 
     <div>
       <h1 class="text-white">${title}</h1>
-      <section class="mt-5">
+      <section class="mt-5 d-flex justify-content-center flex-column">
+        <div>
+          <small class="text-muted fw-bold">Language: <span class="badge bg-primary">${original_language}</span></small>
+        </div>
         <div class="d-flex genre align-items-center gap-2">
             <h4 class="text-warning">Genre: </h4>
             <a class="genre-a">${results.map(res => `<a class="genre-item text-dark">${res}</a>`).join(' ')}</a>
@@ -80,6 +84,11 @@ async function getMovieDetails(movieContent, index) {
             <h4 class="text-warning">Overview: </h4>
             <p>${overview}</p>
         </div>
+        <div class="release">
+            <h4 class="text-warning">Release Date: </h4>
+            <p>${release_date}</p>
+        </div>
+        
       </section>
     </div>
 
@@ -100,19 +109,12 @@ async function getMovieDetails(movieContent, index) {
   </div> 
   `;
   movContainer.style.transform = `scale(${1})`;
-  movContainer.focus();
+ 
 }
-document.body.addEventListener("keypress", (e) => {
-  if (e.key === "esc") {
-    movContainer.style.transform = `scale(${0})`;
-    console.log(true);
-  } else {
-    console.log(false);
-  }
-});
+
 // getMovieDetails(mov)
 
-function closeMovieDetails() {
-  movContainer.style.transform = `scale(${0})`
-  console.log(e.target)
-}
\ No newline at end of file
+// function closeMovieDetails() {
+//   movContainer.style.transform = `scale(${0})`
+//   console.log(e.target)
+// }
\ No newline at end of file