From 16ecf55aca5f9f2dd13d5814c3c2c33bf4cebb59 Mon Sep 17 00:00:00 2001
From: ben64103 <benabolade@gmail.com>
Date: Wed, 9 Aug 2023 02:39:28 +0100
Subject: [PATCH] ...init

---
 js/movies.js | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/js/movies.js b/js/movies.js
index 58d1926..5baaabf 100644
--- a/js/movies.js
+++ b/js/movies.js
@@ -64,7 +64,6 @@ function displayMovie(movie) {
   // Get Similar movies
   getSimilarMovies(movie.id);
   
-  movPoster.style.backgroundImage = `url(${img_path + movie.poster_path})`;
 }
 
 async function getMovieDetails(mov_detail_id) {
@@ -77,6 +76,7 @@ async function getMovieDetails(mov_detail_id) {
   const {
     id,
     budet,
+    title,
     status,
     genres,
     imbd_id,
@@ -93,13 +93,22 @@ async function getMovieDetails(mov_detail_id) {
   } = details;
   console.log(data);
 
-  // mainAbout.innerHTML = `
-  //   <div class="container">
-  //     <div class="mov-poster" id="movPoster">
-  //     <div
-  //     </div>
-  //  </div>
-  // `;
+  mainAbout.innerHTML = `
+    <div class="container d-flex align-items-center">
+      <div class="mov-poster" id="movPoster"></div>
+      <div class="details">
+        <div class="m-overview">
+          <h1 class="m-title">${title}</h1>
+          <div class="genre">Horror | Action Adventure</div>
+        </div>
+        <div class="m-watch">
+          
+        </div>
+      </div>
+    </div>
+  `;
+  movPoster.style.backgroundImage = `url(${img_path + poster_path})`;
+
 }
 
 async function getSimilarMovies(similar_id) {