From c041be8c04ffbfc298b4b168068c00f6d175b22f Mon Sep 17 00:00:00 2001
From: khalid586 <khalidcomilla58@gmail.com>
Date: Sun, 18 Feb 2024 18:11:30 +0600
Subject: [PATCH] booked seat information enhanced

---
 index.html | 11 ++++++++---
 script.js  |  5 +++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 08fa7ed..1aaa800 100644
--- a/index.html
+++ b/index.html
@@ -62,9 +62,14 @@
             
         </div>
         <div>
-            <p>Seats <sup id = "seatTaken" class="bg-green-500 text-white px-1 rounded-full">0</sup></p>
-            <p  class="font-bold text-2xl mt-4">Selected seats</p>
-            <p id = "selected" class=""></p>
+            <div class="flex justify-between font-bold">
+                    <p>Seat <sup id = "seatTaken" class="bg-green-500 text-white px-1 rounded-full">0</sup></p>
+                    <p>Class</p>
+                    <p>Price</p>          
+            </div>
+            <div class="" > 
+                <p id = "selected"></p>
+            </div>
             <p class="font-bold">Total : <span id = "total">0</span></p>
     
             <br>
diff --git a/script.js b/script.js
index e433bc9..adca9ea 100644
--- a/script.js
+++ b/script.js
@@ -21,8 +21,9 @@ allSeats.forEach(seats =>
                     document.getElementById('coupon-btn').removeAttribute('disabled');
                 }
                 
-                const newSeat = document.createElement('p');
-                newSeat.innerText = `You have selected ${seat.id}`;
+                const newSeat = document.createElement('div');
+                newSeat.classList.add('flex','justify-between');
+                newSeat.innerHTML = `<p>${seat.id}</p> <p>Economy</p> <p>550</p>`;
                 document.getElementById('selected').appendChild(newSeat);
 
                 let seatsLeft = parseInt(document.getElementById('remaining').innerText);