From da16f1771e4a60067a2b24bfdbb69128d2835bae Mon Sep 17 00:00:00 2001
From: xaoccc <114498517+xaoccc@users.noreply.github.com>
Date: Sun, 22 Sep 2024 08:58:27 +0300
Subject: [PATCH 01/13] option Ruse added

---
 README.md  | 1 +
 towns.html | 1 +
 2 files changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 4abcf1f..96d5daa 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
 # Towns for SoftUni
 Code for the Git and GitHub Exercise
+
diff --git a/towns.html b/towns.html
index d7a7960..3be42a1 100644
--- a/towns.html
+++ b/towns.html
@@ -16,6 +16,7 @@ <h1>Towns</h1>
     <option>Plovdiv</option>
     <option>Varna</option>
     <option>Bourgas</option>
+    <option>Ruse</option>
 </select>
 
 <div>

From dbf731728ca76648b5756a0aecbed9c0698a2a26 Mon Sep 17 00:00:00 2001
From: Bobby Blagov <123829514+techfrapi@users.noreply.github.com>
Date: Sun, 22 Sep 2024 09:02:06 +0100
Subject: [PATCH 02/13] Update README.md

---
 README.md | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 4abcf1f..78ae398 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,8 @@
-# Towns for SoftUni
-Code for the Git and GitHub Exercise
+# Roles
+
+Tashev(xaoccc) takes the role "Editor"
+name takes the role "Shuffler"
+name takes the role "Styler"
+
+
+

From 65147643212343181584f62abf984ff45dbd1e45 Mon Sep 17 00:00:00 2001
From: Bobby Blagov <123829514+techfrapi@users.noreply.github.com>
Date: Sun, 22 Sep 2024 14:26:37 +0100
Subject: [PATCH 03/13] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 78ae398..4067b8e 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # Roles
 
 Tashev(xaoccc) takes the role "Editor"
-name takes the role "Shuffler"
+Ivan (shadow-develop) takes the role "Shuffler"
 name takes the role "Styler"
 
 

From f28a28f38a872b2c8e45cd8d4c896020efa22682 Mon Sep 17 00:00:00 2001
From: Bobby Blagov <123829514+techfrapi@users.noreply.github.com>
Date: Sun, 22 Sep 2024 14:28:21 +0100
Subject: [PATCH 04/13] Update README.md

---
 README.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 4067b8e..151529e 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,7 @@
 # Roles
 
-Tashev(xaoccc) takes the role "Editor"
-Ivan (shadow-develop) takes the role "Shuffler"
-name takes the role "Styler"
-
+- Tashev (xaoccc) takes the role "Editor"
+- Ivan (shadow-develop) takes the role "Shuffler"
+- Name takes the role "Styler"
 
 

From ad9cc7989a793c01f951ac6d6f27fa5bc65a6828 Mon Sep 17 00:00:00 2001
From: Bobby Blagov <123829514+techfrapi@users.noreply.github.com>
Date: Sun, 22 Sep 2024 14:37:30 +0100
Subject: [PATCH 05/13] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 151529e..51ecd5d 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # Roles
 
-- Tashev (xaoccc) takes the role "Editor"
+- Bobby (techfrapi) takes the role "Editor"
 - Ivan (shadow-develop) takes the role "Shuffler"
-- Name takes the role "Styler"
+- Tashev (xaoccc) takes the role "Styler"
 
 

From be1cc782174809e98a308a49cd8a820fce3f6694 Mon Sep 17 00:00:00 2001
From: techfrapi <techfrapi@gmail.com>
Date: Sun, 22 Sep 2024 15:00:01 +0100
Subject: [PATCH 06/13] Implemented functionality to add a new town

---
 towns.html |  4 ++++
 towns.js   | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/towns.html b/towns.html
index d7a7960..949d56f 100644
--- a/towns.html
+++ b/towns.html
@@ -22,6 +22,10 @@ <h1>Towns</h1>
     <input type="text" id="townName" />
     <button id="btnDelete">Delete</button>
 </div>
+<div>
+    <input type="text" id="townNameForAdd" />
+    <button id="btnAdd">Add</button>
+</div>
 <div id="result"></div>
 
 </body>
diff --git a/towns.js b/towns.js
index 6f50af6..4e8571c 100644
--- a/towns.js
+++ b/towns.js
@@ -1,7 +1,9 @@
 $(document).ready(function() {
-	$('#btnDelete').click(deleteTown)
+	$('#btnDelete').click(deleteTown);
+	$('#btnAdd').click(addTown);
 });
 
+
 function deleteTown() {
 	let townName = $('#townName').val();
 	$('#townName').val('');
@@ -17,3 +19,11 @@ function deleteTown() {
 	else
 		$('#result').text(townName + " not found.");
 }
+
+function addTown() {
+	let townName = $('#townNameForAdd').val();
+	$('#townNameForAdd').val('');
+	$('#towns').append($('<option>').text(townName));
+	$('#result').text(townName + " added.");
+}
+

From c0c4deff1c6fad9e2fc659ea1a96a51065dc815d Mon Sep 17 00:00:00 2001
From: Ivan Pazvantov <ipazvantov97@gmail.com>
Date: Sun, 22 Sep 2024 19:23:08 +0300
Subject: [PATCH 07/13] Implemented functionality to shuffle the existing towns

---
 towns.html |  5 +++++
 towns.js   | 18 ++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/towns.html b/towns.html
index d7a7960..d99caf8 100644
--- a/towns.html
+++ b/towns.html
@@ -22,6 +22,11 @@ <h1>Towns</h1>
     <input type="text" id="townName" />
     <button id="btnDelete">Delete</button>
 </div>
+
+<div>
+    <button id="btnShuffle">Shuffle</button>
+</div>
+
 <div id="result"></div>
 
 </body>
diff --git a/towns.js b/towns.js
index 6f50af6..c5d354b 100644
--- a/towns.js
+++ b/towns.js
@@ -1,5 +1,6 @@
 $(document).ready(function() {
 	$('#btnDelete').click(deleteTown)
+	$('#btnShuffle').click(shuffleTowns);
 });
 
 function deleteTown() {
@@ -17,3 +18,20 @@ function deleteTown() {
 	else
 		$('#result').text(townName + " not found.");
 }
+
+function shuffleTowns() {
+	let towns = $('#towns option').toArray();
+	$('#towns').empty();
+	shuffleArray(towns);
+	$('#towns').append(towns);
+	$('#result').text("Towns shuffled.");
+
+	function shuffleArray(array) {
+		for (var i = array.length - 1; i > 0; i--) {
+			var j = Math.floor(Math.random() * (i + 1));
+			var oldElement = array[i];
+			array[i] = array[j];
+			array[j] = oldElement;
+		}
+	}
+}
\ No newline at end of file

From 90b00bf93f9b7b729aecb17e73e0a537d367c523 Mon Sep 17 00:00:00 2001
From: xaoccc <114498517+xaoccc@users.noreply.github.com>
Date: Mon, 23 Sep 2024 07:54:03 +0300
Subject: [PATCH 08/13] added Veliko Tarnovo

---
 towns.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/towns.html b/towns.html
index 5b6e9a2..c702cb0 100644
--- a/towns.html
+++ b/towns.html
@@ -17,6 +17,7 @@ <h1>Towns</h1>
     <option>Varna</option>
     <option>Bourgas</option>
     <option>Ruse</option>
+    <option>Veliko Tarnovo</option>
 </select>
 
 <div>

From d5db69b30053372ff342f33fff19ebbbe4043dca Mon Sep 17 00:00:00 2001
From: xaoccc <114498517+xaoccc@users.noreply.github.com>
Date: Mon, 23 Sep 2024 08:32:04 +0300
Subject: [PATCH 09/13] added some css

---
 towns.css  | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 towns.html | 41 ++++++++++++++++++++-----------------
 2 files changed, 79 insertions(+), 22 deletions(-)

diff --git a/towns.css b/towns.css
index 3f23d97..c57229c 100644
--- a/towns.css
+++ b/towns.css
@@ -1,3 +1,57 @@
-select, input {
-	width: 100px;
-}
\ No newline at end of file
+html {
+	font-family: Arial, sans-serif;
+}
+
+main {
+	margin: 5rem auto;
+	width: 14rem;
+}
+
+body {
+	background-color: #7cbfd33d;
+}
+
+h1 {
+	text-align: center;
+    font-size: 3rem;
+}
+
+select {
+	margin-bottom: 1rem;
+	width: 60%;
+	display: block;
+	margin: 0 auto 1rem;
+}
+
+.field {
+	display: flex;
+	flex-direction: row;
+	margin-bottom: 1rem;
+	gap: 0.75rem;
+}
+
+button, input {
+	display: block;
+	padding: 0.5rem 1rem;
+	border: none;
+	border-radius: 0.4rem;
+}
+
+button {
+	background-color: #007bff;
+	color: white;
+	width: 5rem;
+
+}
+
+button:hover {
+	cursor: pointer;
+	background-color: #051ed5;
+}
+
+.field input {
+	width: 7rem;
+}
+
+
+
diff --git a/towns.html b/towns.html
index c702cb0..e24cca0 100644
--- a/towns.html
+++ b/towns.html
@@ -3,32 +3,35 @@
 
 <head>
     <title>Towns</title>
-	<link rel="stylesheet" href="towns.css" />
+    <link rel="stylesheet" href="towns.css" />
     <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
     <script src="towns.js"></script>
 </head>
 
 <body>
+    <main>
+        <h1>Towns</h1>
+        <select id="towns" size="6">
+            <option>Sofia</option>
+            <option>Plovdiv</option>
+            <option>Varna</option>
+            <option>Bourgas</option>
+            <option>Ruse</option>
+            <option>Veliko Tarnovo</option>
+        </select>
+
+        <div class="field">
+            <input type="text" id="townName" />
+            <button id="btnDelete">Delete</button>
+        </div>
+        <div class="field">
+            <input type="text" id="townNameForAdd" />
+            <button id="btnAdd">Add</button>
+        </div>
+        <div id="result"></div>
+    </main>
 
-<h1>Towns</h1>
-<select id="towns" size="4">
-    <option>Sofia</option>
-    <option>Plovdiv</option>
-    <option>Varna</option>
-    <option>Bourgas</option>
-    <option>Ruse</option>
-    <option>Veliko Tarnovo</option>
-</select>
 
-<div>
-    <input type="text" id="townName" />
-    <button id="btnDelete">Delete</button>
-</div>
-<div>
-    <input type="text" id="townNameForAdd" />
-    <button id="btnAdd">Add</button>
-</div>
-<div id="result"></div>
 
 </body>
 

From e6e9dc50b75eb2da66a8a785e8db24ae6d002ba5 Mon Sep 17 00:00:00 2001
From: xaoccc <xaocccc@gmail.com>
Date: Wed, 25 Sep 2024 11:33:04 +0300
Subject: [PATCH 10/13] added red color to delete button

---
 towns.css  | 10 ++++++++++
 towns.html |  4 +---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/towns.css b/towns.css
index c57229c..0bfa4ae 100644
--- a/towns.css
+++ b/towns.css
@@ -44,11 +44,21 @@ button {
 
 }
 
+button#btnDelete {
+	background: red;
+}
+
+
 button:hover {
 	cursor: pointer;
 	background-color: #051ed5;
 }
 
+button#btnDelete:hover {
+	background: rgb(139, 0, 0);
+}
+
+
 .field input {
 	width: 7rem;
 }
diff --git a/towns.html b/towns.html
index e24cca0..f1a937a 100644
--- a/towns.html
+++ b/towns.html
@@ -11,13 +11,11 @@
 <body>
     <main>
         <h1>Towns</h1>
-        <select id="towns" size="6">
+        <select id="towns" size="4">
             <option>Sofia</option>
             <option>Plovdiv</option>
             <option>Varna</option>
             <option>Bourgas</option>
-            <option>Ruse</option>
-            <option>Veliko Tarnovo</option>
         </select>
 
         <div class="field">

From 2ddc200eb70f023446dc207c208909ccb21d3199 Mon Sep 17 00:00:00 2001
From: xaoccc <xaocccc@gmail.com>
Date: Wed, 25 Sep 2024 11:53:16 +0300
Subject: [PATCH 11/13] added background image and fixed the display of the
 result

---
 towns.css | 14 +++++++++++++-
 towns.js  |  6 +++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/towns.css b/towns.css
index 0bfa4ae..c311f2c 100644
--- a/towns.css
+++ b/towns.css
@@ -8,7 +8,12 @@ main {
 }
 
 body {
-	background-color: #7cbfd33d;
+	background-color: #0592f11c;
+    background-image: url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
+    background-position-x: center;
+    background-position-y: top;
+    background-repeat: no-repeat;
+    background-blend-mode: darken;
 }
 
 h1 {
@@ -63,5 +68,12 @@ button#btnDelete:hover {
 	width: 7rem;
 }
 
+#result {
+	display: none;
+	width: 90%;
+    background: rgba(255, 255, 255, 0.8);
+    padding: 0.5rem 1rem;
+}
+
 
 
diff --git a/towns.js b/towns.js
index 4e8571c..0b4a3b8 100644
--- a/towns.js
+++ b/towns.js
@@ -14,8 +14,11 @@ function deleteTown() {
 			option.remove();
 		}
 	}
-	if (removed)
+	if (removed) {
+		$('#result').css("display", "block");
 		$('#result').text(townName + " deleted.");
+	}
+		
 	else
 		$('#result').text(townName + " not found.");
 }
@@ -24,6 +27,7 @@ function addTown() {
 	let townName = $('#townNameForAdd').val();
 	$('#townNameForAdd').val('');
 	$('#towns').append($('<option>').text(townName));
+	$('#result').css("display", "block");
 	$('#result').text(townName + " added.");
 }
 

From 761ccc58b24dfee37fa9f938f04d7959010ef206 Mon Sep 17 00:00:00 2001
From: xaoccc <xaocccc@gmail.com>
Date: Wed, 25 Sep 2024 14:38:05 +0300
Subject: [PATCH 12/13] update buttons

---
 towns.css  |  1 +
 towns.html | 15 +++------------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/towns.css b/towns.css
index c311f2c..2960a7a 100644
--- a/towns.css
+++ b/towns.css
@@ -69,6 +69,7 @@ button#btnDelete:hover {
 }
 
 #result {
+	margin-top: 1rem;
 	display: none;
 	width: 90%;
     background: rgba(255, 255, 255, 0.8);
diff --git a/towns.html b/towns.html
index 0a3928a..613835e 100644
--- a/towns.html
+++ b/towns.html
@@ -26,24 +26,15 @@ <h1>Towns</h1>
             <input type="text" id="townNameForAdd" />
             <button id="btnAdd">Add</button>
         </div>
+        <div>
+            <button id="btnShuffle">Shuffle</button>
+        </div>
         <div id="result"></div>
     </main>
 
 
 
-<div>
-    <input type="text" id="townNameForAdd" />
-    <button id="btnAdd">Add</button>
-</div>
-
-<div>
-    <input type="text" id="townName" />
-    <button id="btnDelete">Delete</button>
-</div>
 
-<div>
-    <button id="btnShuffle">Shuffle</button>
-</div>
 
 <div id="result"></div>
 

From 66442b1397792194d2a69c6c131e2b9efdcd095f Mon Sep 17 00:00:00 2001
From: xaoccc <xaocccc@gmail.com>
Date: Wed, 25 Sep 2024 14:44:35 +0300
Subject: [PATCH 13/13] final html/css update

---
 towns.html | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/towns.html b/towns.html
index 613835e..e9b4321 100644
--- a/towns.html
+++ b/towns.html
@@ -33,12 +33,6 @@ <h1>Towns</h1>
     </main>
 
 
-
-
-
-<div id="result"></div>
-
-
 </body>
 
 </html>
\ No newline at end of file