From d096e3eaf61ec4aac389314ee328f6466f1bec84 Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 24 Mar 2023 19:13:50 +0200
Subject: [PATCH] show user coins and mbux in casino

---
 files/assets/js/casino/game_screen.js   |  2 ++
 files/templates/casino/game_screen.html | 31 +++++++++++++++----------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/files/assets/js/casino/game_screen.js b/files/assets/js/casino/game_screen.js
index ba5db8e3a..b2ef6e8d8 100644
--- a/files/assets/js/casino/game_screen.js
+++ b/files/assets/js/casino/game_screen.js
@@ -13,10 +13,12 @@ function initializeGame() {
 function updatePlayerCurrencies(updated) {
 	if (updated.coins) {
 		document.getElementById("user-coins-amount").innerText = updated.coins;
+		document.getElementById("user-coins-amount-casino").innerText = updated.coins;
 	}
 
 	if (updated.marseybux) {
 		document.getElementById("user-bux-amount").innerText = updated.marseybux;
+		document.getElementById("user-bux-amount-casino").innerText = updated.marseybux;
 	}
 }
 
diff --git a/files/templates/casino/game_screen.html b/files/templates/casino/game_screen.html
index 4dd290406..339a6646c 100644
--- a/files/templates/casino/game_screen.html
+++ b/files/templates/casino/game_screen.html
@@ -39,18 +39,25 @@
 						<hr>
 					</div>
 					<div class="btn-group">
-						<input type="radio" class="btn-check" name="wagerCurrency" autocomplete="off" id="wagerCoins"
-							value="coin" checked>
-						<label for="wagerCoins" class="btn btn-primary border-0 pl-0">
-							<img id="wagerCoinsImg" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/rDrama/coins.webp?x=1" alt="coin" data-bs-toggle="tooltip"
-								data-bs-placement="bottom" title="Coin">
-						</label>
-						<input type="radio" class="btn-check ml-2" name="wagerCurrency" autocomplete="off" id="wagerMarseybux"
-							value="marseybux">
-						<label for="wagerMarseybux" class="btn btn-primary border-0 pl-0">
-							<img id="wagerMarseybuxImg" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/marseybux.webp?x=1" alt="marseybux" data-bs-toggle="tooltip"
-								data-bs-placement="bottom" title="Marseybux">
-						</label>
+						<span class="unbreakable mr-3">
+							<input type="radio" class="btn-check" name="wagerCurrency" autocomplete="off" id="wagerCoins"
+								value="coin" checked>
+							<label for="wagerCoins" class="btn btn-primary border-0 px-0">
+								<img id="wagerCoinsImg" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/rDrama/coins.webp?x=1" alt="coin" data-bs-toggle="tooltip"
+									data-bs-placement="bottom" title="Coin">
+							</label>
+							<span id="user-coins-amount-casino">{{v.coins}}</span>
+						</span>
+
+						<span class="unbreakable">
+							<input type="radio" class="btn-check" name="wagerCurrency" autocomplete="off" id="wagerMarseybux"
+								value="marseybux">
+							<label for="wagerMarseybux" class="btn btn-primary border-0 px-0">
+								<img id="wagerMarseybuxImg" loading="lazy" src="{{SITE_FULL_IMAGES}}/i/marseybux.webp?x=1" alt="marseybux" data-bs-toggle="tooltip"
+									data-bs-placement="bottom" title="Marseybux">
+							</label>
+							<span id="user-bux-amount-casino">{{v.marseybux}}</span>
+						</span>
 					</div>
 				</div>
 			</div>