Find this useful? Enter your email to receive occasional updates for securing PHP code.
Signing you up...
Thank you for signing up!
PHP Decode
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vie..
Decoded Output download
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dashboard</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<style>
#reloadedbalanceTable {
width: 100%;
height: 500px;
}
.excc,
.bnm,
#inserial {
display: none;
position: fixed;
z-index: 1;
left: 0;
width: 100%;
background-color: rgb(221, 19, 53);
height: 800px;
}
#odds-container,
#odds-container2 {
width: 40%;
}
#combo-selection-container,
#combo-selection-container2 {
width: 10%;
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */
}
.cobo {
width: 60%;
padding: 5px;
margin-top: 5px;
border-bottom: red 2px solid;
display: none;
margin-top: 30px;
}
.zz {
margin-top: 10px;
}
.horse-selected {
background-color: green;
color: white;
}
#username-div {
width: 250px;
}
#managerinline {
width: 700px;
}
#dynamic-tickets-container,
#dynamic-tickets-container2 {
width: 40%;
margin-top: -31px;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
/* background-color: #f1f1f1; */
}
.inputdata {
width: 80px;
display: inline;
margin: 3px;
}
#oddfillll {
width: 30%;
}
.fill-input {
width: 60px;
}
.active {
background-color: #198754;
}
.inputoddsdogclass {
width: 50px;
height: 30px;
margin-bottom: 5px;
border: green solid 1px;
border-radius: 5px;
}
</style>
</head>
<body>
<nav class="navbar bg-dark text-light p-1">
<div class="container-fluid">
<div>
<span class="navbar-brand mb-0 h1"></span>
</div>
<div class="d-flex justify-content-between">
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#redeemTicketModal" id="redeem" onclick="focusredeem()">Redeem</button>
<label id='maxbalance' hidden></label>
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#cancelTicketModal" id="cancel" onclick="focuscancel()">Cancel</button>
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#cashierOptionsModal" id="cashierOptions">Cashier Options</button>
<input type="text" hidden id="last-ticket-id">
<!-- <button onclick='asdf()'>clcik</button> -->
</div>
<div class="d-flex justify-content-between align-items-center h-100 " id="username-div">
<div>
<label class="h6 mb-0" id="surname"></label>
<label class="h6 mb-0" id="asd">asd</label>
<label class="h6 mb-0 d-none" id="asd_id"></label>
</div>
<label id="admincontrol" hidden>1</label>
<!-- <label class="h6 mb-0 d-none" id="serial"></label> -->
<?php
session_start();
if (!isset($_SESSION['username'])) {
header('Location: login.html');
}
?>
<?php
$name = $_SESSION['username'];
$id = $_SESSION['id'];
$surname = $_SESSION['surname'];
$control = $_SESSION['control'];
// $serial = $_SESSION['serial'];
echo "<script>document.getElementById('asd').textContent = '(" . $name . ")';document.getElementById('surname').textContent = '" . $surname . "';document.getElementById('admincontrol').textContent = '" . $control . "';document.getElementById('asd_id').textContent = '" . $id . "';</script>";
?>
<a class="button bg-dark text-success border-0" id="logout" href="logout.php">Logout</a>
</div>
</div>
</nav>
<!-- View mistake tickets -->
<!-- <div class="modal fade myModal" id="viewmistaketicket" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">View Ticket</h1>
<button type="button" id="redeem-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex">
<div id="mistaketicketsdisplay"></div>
</div>
</div>
</div>
</div> -->
<!-- Modal -->
<div class="modal fade" id="viewmistaketicket" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Preview Ticket</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="mistaketicketsdisplay"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</div>
</div>
</div>
<div class="modal fade myModal" id="redeemTicketModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Redeem Ticket</h1>
<button type="button" id="redeem-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex">
<div class="idRetrieve p-2">
<input type="number" id="ticket-id-scan">
<button class="btn btn-success" id="redeem-ticket">Ok</button>
<div id="number-buttons">nmn</div>
</div>
<div class="result-ticket border-start p-2" id="redeem-ticket-result">
<div id="resultRedeemTicket"></div>
<div id="ticketdb"></div>
<div id="winamounttotal"></div>
</div>
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-success" id="redeemOk">Ok</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
</div> -->
</div>
</div>
</div>
<div class="modal fade myModal" id="cancelTicketModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Cancel Ticket</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="cancel-close"></button>
</div>
<div class="modal-body d-flex">
<div class="idRetrieve p-2">
<input type="number" id="cancel-ticket-id-scan">
<button class="btn btn-success" id="cancel-ticket">Ok</button>
<div id="cancel-buttons">nmn</div>
</div>
<div class="result-ticket border-start p-2" id="cancel-ticket-result">
<div id="cancel-ticketdb"></div>
<div id="cancelledamounttotal"></div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade myModal" id="cashierOptionsModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light d-flex justify-content-between">
<h3 class="modal-title fs-5 col-6" id="staticBackdropLabel">Cashier Options</h3>
<div class='d-flex justify-content-between' id='balancee'>
<div class="col-5 h3 me-3"><span class="h5" id="dailyBalance"></span></div>
<button type="button col-1" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
id="closeOptions"></button>
</div>
</div>
<div class="modal-body d-flex flex-column">
<div>
<button id="reloadBalance" class="btn btn-success mb-3 d-inline">Reload</button>
<button id="printBalance" class="btn btn-success mb-3 d-inline">Print</button>
</div>
<div id="reloadedbalanceTable"></div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-success" id="redeemOk">Ok</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
</div> -->
</div>
</div>
</div>
</div>
<div id="exccc" class="excc">
</div>
<div id="bnm" class="bnm p-5">
<h3 class="text-dark">Please update your computer time to continue.</h3>
</div>
<div id="inserial" class="bnm p-5">
<h3 class="text-dark">Access Denied. Please contact admin.</h3>
</div>
<div class="tab text-light p-1 d-flex justify-content-start">
<img class="dog-tab p-1 h-100 tablinks mx-1 active" id="defaultOpen" onclick="openTab(event, 'tab1')"
src="images/dog.svg">
<img class="bingo-tab p-1 h-100 tablinks mx-1" id='swichhorse' onclick="openTab(event, 'tab2')"
src="images/horse.svg">
<div class="h-100 d-flex justify-content-center align-items-center" id="currentgameplaying"></div>
</div>
<div class="main-areaa d-flex">
<div id="tab1" class="tabcontent w-75">
<div class=" p-1 mb-1 d-flex">
<div id="timer">10:00</div>
<div> --Game: <span id="dog-game-id">1029</span></div>
<!-- <input type="number" id="oddsgetfromdb">
<button id="getodd">get</button> -->
<span id="runners">-----Greyhound Racing</span>
</div>
<div class="main-area d-flex ps-1">
<div id="odds-container" class="grid-container d-flex justify-content-between me-2">
<div id="number" class="p-1">
<!-- <div class="mb-2 labeldogs"></div> -->
</div>
<div id="win-odds-input" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong>WIN</strong></div> -->
</div>
<div id="win-odds" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong></strong></div> -->
</div>
<div id="win-place-odds-input" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>PLACE</strong></div> -->
</div>
<div id="place-odds" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong class='ms-2'> </strong></div> -->
</div>
<div id="combination-odds" class=" ms-1 p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>COMBO</strong></div> -->
</div>
<!-- <div id="combo-selections" class="flex-2">
</div> -->
</div>
<div id="combo-selection-container">
<button class="btn btn-danger btn-sm clrbtnnn cobo ">Clear</button>
<button class="btn btn-success btn-sm exact-btn cobo ">Exact</button>
<button class="btn btn-success btn-sm qunela-btn cobo zz">Quinella</button>
<button class="btn btn-success btn-sm trifecta-btn cobo">Trifecta</button>
<button class="btn btn-success btn-sm trio-btn cobo zz">Trio</button>
</div>
<div id="dynamic-tickets-container">
<div id="clrprtdiv" class="d-flex justify-content-evenly">
<button id="clearButon" class="btn-danger clearBtn">Clear</button>
<button id="printButton">Print</button>
</div>
<div id="stakeButtons d-flex flex-wrap">
<label id="totalamt" class='stake-buttons bg-dark p-2 text-light' style="width:100px">Br. 0</label>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-1" onclick="addValue(10)">10</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-2" onclick="addValue(20)">20</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-5" onclick="addValue(50)">50</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-6" onclick="addValue(100)">100</button>
</div>
</div>
<!-- <div id="stake-buttons-container" class="w-25">
</div> -->
</div>
</div>
<div id="tab2" class="tabcontent w-75">
<div class=" p-1 mb-1 d-flex ">
<div id="horse-timer">10:00</div>
<div> --Game: <span id="horse-game-id">1029</span></div>
<!-- <input type="number" id="oddsgetfromdb">
<button id="getodd">get</button> -->
<span id="horse-runners">------------Horse Racing</span>
</div>
<div class="main-area2 d-flex ps-1">
<div id="odds-container2" class="grid-container d-flex justify-content-between me-2">
<div id="number2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<div id="hwin-odds-input" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong>WIN</strong></div> -->
</div>
<div id="win-odds2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<!-- <div id="place-odds-input" class="p-1"></div> -->
<div id="hwin-place-odds-input" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>PLACE</strong></div> -->
</div>
<div id="place-odds2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<div id="combination-odds2" class=" ms-1 p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>COMBO</strong></div> -->
</div>
<div id="combo-selections2" class="flex-2">
<!-- <button id="resultbtn">set</button> -->
<!-- <input type="number" class="resultInput" id="dw1r">
<input type="number" class="resultInput" id="dw2r">
<input type="number" class="resultInput" id="dw3r">
<button id="sumbitresult">Submit</button> -->
</div>
</div>
<div id="combo-selection-container2">
<button class="btn btn-danger btn-sm clrbtnnn2 cobo ">Clear</button>
<button class="btn btn-success btn-sm exact-btn2 cobo">Exact</button>
<button class="btn btn-success btn-sm qunela-btn2 cobo zz">Quinella</button>
<button class="btn btn-success btn-sm trifecta-btn2 cobo">Trifecta</button>
<button class="btn btn-success btn-sm trio-btn2 cobo zz">Trio</button>
</div>
<div id="dynamic-tickets-container2">
<div id="clrprtdiv2" class="d-flex justify-content-evenly">
<button id="clearButon2" class="btn-danger clearBtn">Clear</button>
<button id="printButton2" class="disabled">Print</button>
</div>
<div id="stakeButtons2 d-flex flex-wrap">
<label id="totalamt2" class='stake-buttons bg-dark text-light p-2' style='width:100px'>Br. 0</label>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-1" onclick="addValue(10)">10</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-2" onclick="addValue(20)">20</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-5" onclick="addValue(50)">50</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-6" onclick="addValue(100)">100</button>
</div>
</div>
<!-- <div id="stake-buttons-container2" class="w-25">
</div> -->
</div>
</div>
<div class='border' id='managerinline'>
<div class="tab">
<button class="tablinks btn btn-success btn-sm" id="defaultOpen1"
onclick="switchTab(event, 'dogm')">Result</button>
<button class="tablinks btn-success btn-sm" onclick="switchTab(event, 'horsem')">Manage</button>
<!-- <button class="tablinks btn btn-success btn-sm" onclick="switchTab(event, 'dogoddfill')">Odd Manager</button> -->
</div>
<div id="dogm" class="tabcontent1">
<div class='mb-3 p-2 border border-success border-2'>
<h4 class="text-success mx-auto border-bottom" id='idpanelll'>Result Panel</h4>
<input type="text" id="dogiddd" class="inputdata" placeholder='Game ID'>
<div>
<input type="text" id="dogfirst" class="inputdata" placeholder="Win Number">
<input type="text" id="dogsecond" class="inputdata" placeholder="Second Place">
<input type="text" id="dogthird" class="inputdata" placeholder="Third Place">
</div>
<div>
<input type="text" id="dogfirstodd" class="inputdata" placeholder="Win Odd">
<input type="text" id="dogsecondodd" class="inputdata" placeholder="Second Place Odd">
<input type="text" id="dogthirdodd" class="inputdata" placeholder="Third Place Odd">
<input type="text" id="dogfirstplaceodd" class="inputdata" placeholder="First Place Odd">
</div>
<div>
<input type="text" id="exactodd" class="inputdata" placeholder="Exact">
<input type="text" id="quinellaodd" class="inputdata" placeholder="Quinella">
<input type="text" id="trifectaodd" class="inputdata" placeholder="Trifecta">
<input type="text" id="trioodd" class="inputdata" placeholder="Trio">
</div>
<button id="dogsaveoddandresult" class="btn btn-dark btn-sm">Save</button>
</div>
</div>
<div id="horsem" class="tabcontent1">
<buttton class="btn btn-success btn-sm m-1" id="copytickets">Copy Tickets</buttton>
<buttton class="btn btn-success btn-sm m-1" id="dailybalanceprint">End Balance</buttton>
<buttton class="btn btn-success btn-sm m-1" id="todayresults">Today Results</buttton>
<buttton class="btn btn-success btn-sm m-1" id="paymenthistory">Payment History</buttton>
<buttton class="btn btn-success btn-sm m-1" id="cancelhistory">Cancelled Tickets</buttton>
<buttton class="btn btn-success btn-sm m-1" id="bmmn" hidden>Check</buttton>
<!-- <button id="">bnm</button> -->
<div id="payment-table" class="m-1">
<div id="paymenthistryy">
</div>
<div id="prtbtnpay"></div>
</div>
</div>
<div id="dogoddfill" class="tabcontent1">
<div id="oddfillll"></div>
</div>
</div>
</div>
<script src="js/jquery-3.7.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/JsBarcode.all.js"></script>
<script src="js/tabs.js"></script>
<script src="js/timer.js"></script>
<script>
function switchTab(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent1");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen1").click();
const oddsContainer = document.getElementById("odds-container");
const number = document.getElementById("number");
const winOdds = document.getElementById("win-odds");
const winoddsinputdog = document.getElementById('win-odds-input');
const placeoddsinputdog = document.getElementById('win-place-odds-input');
const hwinoddsinputdog = document.getElementById('hwin-odds-input');
const hplaceoddsinputdog = document.getElementById('hwin-place-odds-input');
const placeOdds = document.getElementById("place-odds");
const comboOdds = document.getElementById("combination-odds");
const oddsContainer2 = document.getElementById("odds-container2");
const number2 = document.getElementById("number2");
const winOdds2 = document.getElementById("win-odds2");
const placeOdds2 = document.getElementById("place-odds2");
const comboOdds2 = document.getElementById("combination-odds2");
// const winOddsInput = document.getElementById("win-odds-input");
// const placeOddsInput = document.getElementById("place-odds-input");
// var runners = parseInt(document.getElementById("runners").textContent);
function createdivs(abcd, a) {
for (let i = 1; i <= abcd; i++) {
const random = Math.floor(Math.random() * 25) + 1;
const numberDiv = document.createElement("div");
numberDiv.id = "number-" + i;
numberDiv.textContent = i;
numberDiv.className = "labeldogs";
const inputWinContainer = document.createElement("div");
const selectableWinContainer = document.createElement("div");
selectableWinContainer.className = "selectable-win-container";
const selectablePlaceContainer = document.createElement("div");
selectablePlaceContainer.className = "selectable-place-container";
const inputoddsdog = document.createElement('input');
const inputoddsdogplace = document.createElement('input');
if (a == 1) {
inputoddsdog.className = 'inputoddsdogclass';
inputoddsdogplace.className = 'inputoddsdogclass';
} else if (a == 0) {
inputoddsdog.className = 'd-none';
inputoddsdogplace.className = 'd-none';
}
inputoddsdog.id = 'wininputodd' + i;
winoddsinputdog.appendChild(inputoddsdog);
inputoddsdogplace.id = 'placeinputodd' + i;
placeoddsinputdog.appendChild(inputoddsdogplace);
const winOddsDiv = document.createElement("div");
winOddsDiv.id = "win" + i;
winOddsDiv.value = i;
winOddsDiv.className = "win selectable border border-success";
const placeOddsDiv = document.createElement("div");
placeOddsDiv.id = "place" + i;
placeOddsDiv.value = i;
placeOddsDiv.className = "place selectable border border-success";
const comboOddsDiv = document.createElement("div");
comboOddsDiv.id = "combo-" + i;
comboOddsDiv.value = i;
comboOddsDiv.textContent = i;
comboOddsDiv.setAttribute("textd", i);
comboOddsDiv.className = "combo selectable border border-success";
const slectableComboContainer = document.createElement("div");
slectableComboContainer.className = "selectable-combo-container";
slectableComboContainer.appendChild(comboOddsDiv);
selectableWinContainer.appendChild(winOddsDiv);
selectablePlaceContainer.appendChild(placeOddsDiv);
number.appendChild(numberDiv);
winOdds.appendChild(selectableWinContainer);
placeOdds.appendChild(selectablePlaceContainer);
comboOdds.appendChild(slectableComboContainer);
}
for (let i = 1; i < 15; i++) {
// const random = Math.floor(Math.random() * 25) + 1;
const numberDiv = document.createElement("div");
numberDiv.id = "horse-number" + i;
numberDiv.textContent = i;
numberDiv.className = "labeldogs labelhorses";
const inputWinContainer = document.createElement("div");
const selectableWinContainer = document.createElement("div");
selectableWinContainer.className = "selectable-win-container2";
const selectablePlaceContainer = document.createElement("div");
selectablePlaceContainer.className = "selectable-place-container2";
const inputoddsdog = document.createElement('input');
const inputoddsdogplace = document.createElement('input');
if (a == 1) {
inputoddsdog.className = 'inputoddsdogclass';
inputoddsdogplace.className = 'inputoddsdogclass';
} else if (a == 0) {
inputoddsdog.className = 'd-none';
inputoddsdogplace.className = 'd-none';
}
inputoddsdog.id = 'hwininputodd' + i;
hwinoddsinputdog.appendChild(inputoddsdog);
inputoddsdogplace.id = 'hplaceinputodd' + i;
hplaceoddsinputdog.appendChild(inputoddsdogplace);
const winOddsDiv = document.createElement("div");
winOddsDiv.id = "horse-win" + i;
winOddsDiv.value = i;
winOddsDiv.className = "horse-win selectable border border-success";
const placeOddsDiv = document.createElement("div");
placeOddsDiv.id = "horse-place" + i;
placeOddsDiv.value = i;
placeOddsDiv.className = "horse-place selectable border border-success";
const comboOddsDiv = document.createElement("div");
comboOddsDiv.id = "horse-combo-" + i;
comboOddsDiv.value = i;
comboOddsDiv.textContent = i;
comboOddsDiv.setAttribute("textc", i);
comboOddsDiv.className = "horse-combo selectable border border-success";
const slectableComboContainer = document.createElement("div");
slectableComboContainer.className = "selectable-combo-container2";
slectableComboContainer.appendChild(comboOddsDiv);
selectableWinContainer.appendChild(winOddsDiv);
selectablePlaceContainer.appendChild(placeOddsDiv);
number2.appendChild(numberDiv);
winOdds2.appendChild(selectableWinContainer);
placeOdds2.appendChild(selectablePlaceContainer);
comboOdds2.appendChild(slectableComboContainer);
}
}
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'checkasdmincontrol': true,
},
success: function (response) {
$('#admincontrol').text(response);
}
})
var hjk = document.getElementById('admincontrol').textContent;
// console.log(hjk,'----');
createdivs(8, 1);
const selectableWinContainer = document.querySelectorAll(
".selectable-win-container"
);
selectableWinContainer.forEach((container) => {
const div = container.querySelector(".win");
const numberDiv = document.getElementById("number-" + div.value);
const wininputdog = document.getElementById('wininputodd' + div.value);
// const clrbtn =document.getElementById("clearButon");
// const cptbtn =document.getElementById("printButton");
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == '0') {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
// clrbtn.removeAttribute('disabled');
// cptbtn.removeAttribute('disabled');
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.className = 'asdfgh';
stakeInputBox.value = "10";
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
var a = parseFloat(document.getElementById('totalamt').textContent);
document.getElementById('totalamt').textContent = parseFloat(wininputdog.value + a);
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
// console.log(selctedfun)
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printButton");
const clearBtn = document.querySelector(".clearButon");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
// var selectedDiv = document.getElementsByClassName("selected-item");
// if(selectedDiv.length > 0){
// clearBtn.removeAttribute('disabled');
// printBtn.removeAttribute('disabled');
// }else{
// printBtn.setAttribute('disabled');
// clearBtn.setAttribute('disabled');
// }
break;
}
}
asdf();
}
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
// clrbtn.removeAttribute('disabled');
// cptbtn.removeAttribute('disabled');
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printButton");
const clearBtn = document.querySelector(".clearButon");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
// var selectedDiv = document.getElementsByClassName("selected-item");
// if(selectedDiv.length > 0){
// clearBtn.removeAttribute('disabled');
// printBtn.removeAttribute('disabled');
// }else{
// printBtn.setAttribute('disabled');
// clearBtn.setAttribute('disabled');
// }
break;
}
}
}
asdf();
}
});
});
function asdf() {
const asd = document.querySelectorAll('.asdfgh');
var sum = 0;
for (let i = 0; i < asd.length; i++) {
sum += parseInt(asd[i].value);
}
document.getElementById('totalamt').textContent = 'Br. ' + sum;
// console.log(asd);
}
function asdfa() {
const asd = document.querySelectorAll('.asdfgh');
var sum = 0;
for (let i = 0; i < asd.length; i++) {
sum += parseInt(asd[i].value);
}
document.getElementById('totalamt2').textContent = 'Br. ' + sum;
// console.log(asd);
}
const selectableWinContainer2 = document.querySelectorAll(
".selectable-win-container2"
);
selectableWinContainer2.forEach((container) => {
const div = container.querySelector(".horse-win");
const numberDiv = document.getElementById("horse-number" + div.value);
const wininputdog = document.getElementById('hwininputodd' + div.value);
div.addEventListener("click", () => {
// if(div.textContent == ''){
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printBtn");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdfa();
}
} else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printBtn");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
}
asdfa();
}
});
});
const selectablePlaceContainer = document.querySelectorAll(
".selectable-place-container"
);
selectablePlaceContainer.forEach((container) => {
const div = container.querySelector(".place");
const numberDiv = document.getElementById("number-" + div.value);
const wininputdog = document.getElementById('placeinputodd' + div.value);
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdf();
}
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
} asdf();
}
}
});
});
const selectablePlaceContainer2 = document.querySelectorAll(
".selectable-place-container2"
);
selectablePlaceContainer2.forEach((container) => {
const div = container.querySelector(".horse-place");
const numberDiv = document.getElementById("horse-number" + div.value);
const wininputdog = document.getElementById('hplaceinputodd' + div.value);
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
}
asdfa();
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdfa();
}
}
});
});
var data = [];
var dogd = [];
// Combo dog create combo buttons
const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
selectableComboContainer.forEach((container) => {
const div = container.querySelector(".combo");
div.addEventListener("click", () => {
var a = div.textContent;
var d = div.getAttributeNode("textd").value;
if (data.length <= 2 || div.classList.contains("selected-combo")) {
div.classList.toggle("selected-combo");
if (div.classList.contains("selected-combo")) {
data.push(d);
// console.log(data);
div.textContent = data.indexOf(a) + 1;
} else {
var e = data.indexOf(d);
data.splice(e, 1);
div.textContent = d;
const bn = document.querySelectorAll(".selected-combo");
if (bn.length == 1) {
// console.log("1")
bn[0].textContent = 1;
} else if (bn.length == 2) {
// console.log("2");
// var index = data.indexOf(d);
// console.log(e);
if (e == 0) {
if (bn[0].textContent == "2" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
} else if (e == 1) {
if (bn[0].textContent == "1" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
}
}
// console.log(data);
// bn.textContent = 1;
}
}
else {
// console.log("full");
// var e = data.indexOf(d);
// data.splice(e, 1);
}
const selectedItem = document.getElementsByClassName("selected-combo");
if (selectedItem.length == 1) {
const clrrbtnn = document.querySelector(".clrbtnnn");
clrrbtnn.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
}
else if (selectedItem.length == 2) {
const exactBtn = document.querySelector(".exact-btn");
const qunelaBtn = document.querySelector(".qunela-btn");
exactBtn.style.display = "block";
qunelaBtn.style.display = "block";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
// console.log(selectedItem.length);
} else if (selectedItem.length == 3) {
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "block";
trifecta.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
}
else {
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
const clrrbtnn = document.querySelector(".clrbtnnn");
clrrbtnn.style.display = "none";
}
});
});
var data2 = [];
// Combo horse create combo buttons
const selectableComboContainer2 = document.querySelectorAll(".selectable-combo-container2");
selectableComboContainer2.forEach((container) => {
const div = container.querySelector(".horse-combo");
div.addEventListener("click", () => {
var a = div.textContent;
var d = div.getAttributeNode("textc").value;
if (data2.length < 3 || div.classList.contains("horse-selected")) {
div.classList.toggle("horse-selected");
if (div.classList.contains("horse-selected")) {
data2.push(d);
// console.log(data2);
div.textContent = data2.indexOf(a) + 1;
} else {
var e = data2.indexOf(d);
data2.splice(e, 1);
div.textContent = d;
const bn = document.querySelectorAll(".horse-selected");
if (bn.length == 1) {
// console.log("1")
bn[0].textContent = 1;
} else if (bn.length == 2) {
// console.log("2");
// var index = data.indexOf(d);
// console.log(e);
if (e == 0) {
if (bn[0].textContent == "2" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
} else if (e == 1) {
if (bn[0].textContent == "1" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
}
}
}
}
else {
// console.log("full");
}
const selectedItem = document.getElementsByClassName("horse-selected");
if (selectedItem.length == 1) {
const clrrbtnn = document.querySelector(".clrbtnnn2");
clrrbtnn.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
}
else if (selectedItem.length == 2) {
const exactBtn = document.querySelector(".exact-btn2");
const qunelaBtn = document.querySelector(".qunela-btn2");
exactBtn.style.display = "block";
qunelaBtn.style.display = "block";
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "none";
trifecta.style.display = "none";
// console.log(selectedItem.length);
} else if (selectedItem.length == 3) {
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "block";
trifecta.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn2");
const exactBtn = document.querySelector(".exact-btn2");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
}
else {
const qunelaBtn = document.querySelector(".qunela-btn2");
const exactBtn = document.querySelector(".exact-btn2");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "none";
trifecta.style.display = "none";
const clrrbtnn = document.querySelector(".clrbtnnn2");
clrrbtnn.style.display = "none";
}
});
});
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
const clrbtnn = document.querySelector(".clrbtnnn");
const clrbtnn2 = document.querySelector(".clrbtnnn2");
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
const qunelaBtn2 = document.querySelector(".qunela-btn2");
const exactBtn2 = document.querySelector(".exact-btn2");
const trio2 = document.querySelector(".trio-btn2");
const trifecta2 = document.querySelector(".trifecta-btn2");
var datad = [];
// dog combo clear
clrbtnn.addEventListener("click", () => {
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
})
//horse combo clear
clrbtnn2.addEventListener("click", () => {
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
})
// Exact dog button
exactBtn.addEventListener("click", () => {
var datadstring = data.join();
if (datad.indexOf(datadstring) == "-1") {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "e";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data[0] + "-" + data[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.className = 'asdfgh';
stakeInputBox.value = "10";
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = datad.indexOf(ser);
datad.splice(e, 1);
asdf();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
datad.push(datadstring);
}
asdf();
});
// Exact horse button
var hexarray = [];
exactBtn2.addEventListener("click", () => {
var hexstring = data2.join();
if (hexarray.indexOf(hexstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "e";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data2[0] + "-" + data2[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = hexarray.indexOf(ser);
hexarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
hexarray.push(hexstring);
}
asdfa();
});
dqunarray = [];
// Quinella dog button
qunelaBtn.addEventListener("click", () => {
var dqunstring = data.join();
if (dqunarray.indexOf(dqunstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "q";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two Any Order";
winlabell.className = "winlabell";
add = [];
add = data.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dqunarray.indexOf(ser);
dqunarray.splice(e, 1);
asdf();
// this.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dqunarray.push(dqunstring);
}
asdf();
});
var hqunarray = [];
// Quinella horse button
qunelaBtn2.addEventListener("click", () => {
var hqunstring = data2.join();
if (hqunarray.indexOf(hqunstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "q";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two Any Order";
winlabell.className = "winlabell";
add = [];
add = data2.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
winlabellabel.textContent = data2[0] + "-" + data2[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = hqunarray.indexOf(ser);
hqunarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
hqunarray.push(hqunstring);
}
asdfa();
});
dtrioarray = [];
// Trio dog button
trio.addEventListener("click", () => {
var dtriostring = data.join();
const selectedItemDiv = document.createElement("div");
if (dtrioarray.indexOf(dtriostring) == '-1') {
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tr";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three Any Order";
winlabell.className = "winlabell";
add = [];
add = data.sort();
winlabellabel.textContent = add[0] + "-" + add[1] + "-" + add[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dtrioarray.indexOf(ser);
dtrioarray.splice(e, 1);
// div.classList.remove("selected");
asdf();
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dtrioarray.push(dtriostring);
}
asdf();
});
var htrioarray = [];
// Trio horse button
trio2.addEventListener("click", () => {
var htriostring = data2.join();
if (htrioarray.indexOf(htriostring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tr";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three Any Order";
winlabell.className = "winlabell";
add = [];
add = data2.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
winlabellabel.textContent = data2[0] + "-" + data2[1] + "-" + data2[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = htrioarray.indexOf(ser);
htrioarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
htrioarray.push(htriostring);
}
asdfa();
});
var dtfarray = [];
// Trifecta dog button
trifecta.addEventListener("click", () => {
var dtfstring = data.join();
if (dtfarray.indexOf(dtfstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tf";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data[0] + "-" + data[1] + "-" + data[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dtfarray.indexOf(ser);
dtfarray.splice(e, 1);
asdf();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dtfarray.push(dtfstring);
}
asdf();
});
var htfarray = [];
// Trifecta horse button
trifecta2.addEventListener("click", () => {
var htfstring = data2.join();
if (htfarray.indexOf(htfstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tf";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data2[0] + "-" + data2[1] + "-" + data2[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = htfarray.indexOf(ser);
htfarray.splice(e, 1);
// div.classList.remove("selected");
asdfa();
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
htfarray.push(htfstring);
}
asdfa();
});
// Clear dog selections
const clearButton = document.getElementById("clearButon");
clearButton.addEventListener("click", () => {
document.getElementById('totalamt').textContent = 'Br. 0';
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".selected-combo");
comboremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
data = [];
datad = [];
dqunarray = [];
dtrioarray = [];
dtfarray = [];
});
// Clear horse selections
const clearButton2 = document.getElementById("clearButon2");
clearButton2.addEventListener("click", () => {
document.getElementById('totalamt2').textContent = 'Br. 0';
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".horse-selected");
comboremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
data2 = [];
hexarray = [];
hqunarray = [];
htrioarray = [];
htfarray = [];
});
// Add pressed button amount to stake function
function addValue(val) {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake += val;
stakeInput.value = stake;
}
}
asdf();
asdfa();
}
var data = [];
const printButton = document.getElementById("printButton");
function convertString(input) {
const charMap = {
a: 'z', b: '', c: 'y', d: 'x', e: 'w', f: 'v', g: 'u', h: 't', i: 's', j: 'r',
k: 'q', l: 'p', m: 'o', n: 'n', o: 'm', p: 'l', q: 'k', r: 'j', s: 'i', t: 'h',
u: 'g', v: 'f', w: 'e', x: 'd', y: 'c', z: 'b',
0: '9', 1: '8', 2: '7', 3: '6', 4: '5', 5: '4', 6: '3', 7: '2', 8: '1', 9: '0'
};
const converted = Array.from(input.toLowerCase(), char => charMap[char] || char);
return converted.join('');
}
// ticket printing
$(document).ready(function () {
var a = document.getElementById('admincontrol').textContent;
console.log(a, '---');
if (a == 1) {
// $('#dogfirstodd').hide();
// document.getElementById('dogfirstodd').value = '123';
document.getElementById('dogfirstodd').style.display = 'none';
document.getElementById('dogfirstplaceodd').style.display = 'none';
document.getElementById('dogsecondodd').style.display = 'none';
document.getElementById('dogthirdodd').style.display = 'none';
console.log('12345688');
} else if (a == 0) {
document.getElementById('dogfirstplaceodd').style.display = 'block';
}
const numberInput = document.querySelectorAll('.inputoddsdogclass');
numberInput.forEach(function (input) {
input.addEventListener('keypress', function (event) {
const key = event.key;
if (!/[\d.]/.test(key) || (key === '.' && input.value.includes('.'))) {
event.preventDefault();
}
});
});
// Print dog tickets
$("#printButton").click(function (e) {
datad = [];
dqunarray = [];
dtrioarray = [];
dtfarray = [];
var game_id = $("#dog-game-id").text();
var checkerr = 0;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'gameidstatuscheckfordog': true,
'gameid': game_id,
'date': date,
},
success: function (responsecheck) {
if (responsecheck == '1') {
checkerr++;
var time = new Date().toLocaleTimeString();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'foulsdetected': true,
'gameid': game_id,
'time': time,
'date': date,
},
success: function (response) {
if (response == '1') {
alert("Game Played Before");
}
}
})
// alert("TIme: "+ time+", Happened: "+checkerr+" times");
// console.log("TIme: "+ time+", Happened: "+checker+" times");
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var ticket_id = new Date().getTime();
var last_ticket_id = document.getElementById("last-ticket-id").value;
if (ticket_id < last_ticket_id) {
alert("Please adjust the time correctly");
} else if (selectedDiv.length == 0) {
// Do nothing
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var data = [];
var winlabeldb;
var odddb;
var stakedb;
var winlabell;
var alldb, aldbb = ";";
var myobj = {};
var user_id = $("#asd_id").text();
var user_name = $("#asd").text();
var surname = $("#surname").text();
// console.log(user_id);
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticket_id.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
barcodeElement.style.height = "100px";
barcodeElement.style.width = "100%";
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
// console.log(ticket_id);
// alert(selectedDiv.length);
for (var i = 0; i < selectedDiv.length; i++) {
var winlabel = selectedDiv[i].querySelector(".winlabel");
var oddspan = selectedDiv[i].querySelector(".oddspan");
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
var typelabel = selectedDiv[i].querySelector(".typelabel");
var winlabelll = selectedDiv[i].querySelector(".winlabell");
// var winlabellll = selectedDiv[i].querySelector(".winlabelll");
winlabeldb = winlabel.textContent;
odddb = oddspan.textContent;
stakedb = stakeInput.value;
winlabell = winlabelll.textContent;
var type = typelabel.textContent;
alldb = "{" + winlabell + "," + winlabeldb + "," + odddb + "," + stakedb + "}";
if (oddspan && stakeInput) {
var item = {
winlabel: winlabel.textContent,
oddspan: oddspan.textContent,
stakeInput: stakeInput.value,
winlabell: winlabelll.textContent
}
var selectedarray = [
user_id,
game_id,
ticket_id,
type,
winlabel.textContent,
oddspan.textContent,
stakeInput.value,
0,
0,
1,
]
data.push(item);
myobj['array' + i] = selectedarray;
}
aldbb += alldb + ";";
}
// console.log(data);
// console.log(aldbb);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Print Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}.allelem{
font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${ticket_id}</p>
<p class='allelem'>${surname}(${user_name})</p>
</div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
var winarray = [];
for (var j = 0; j < data.length; j++) {
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${data[j].winlabell} </div>
<div class='stake fontweight'>Br ${data[j].stakeInput}.00</div>
</div>
<div class='fontless'>Greyhound Racing${new Date().toLocaleString()} #${game_id}</div>
<div class='fontless' style='margin-left:5px'>${data[j].winlabel}. Dog ${data[j].oddspan}</div>`
);
var product = parseFloat(data[j].stakeInput) * parseFloat(data[j].oddspan);
// printWindow.document.write(`
// <span style="display:block;">Win Amount: ${product}</span>
// <br>
// `);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
// console.log(winarray);
sum += parseFloat(data[j].stakeInput);
// printWindow.document.write("asd");
}
// console.log(winarray);
var winarray2 = winarray.sort();
// console.log(winarray2[0]);
// console.log(winarray2[winarray2.length-1]);
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
var prttime = new Date().toLocaleTimeString();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'print_btn': true,
// 'game_id': game_id,
// 'ticketid': new Date().getTime(),
// 'total': aldbb,
// 'totalstake': sum,
printed: JSON.stringify(myobj),
'sum': sum,
'prttime': prttime,
},
success: function (response) {
// if(response == '1'){
printWindow.print();
printWindow.close();
// }
}
});
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
// const div = document.querySelectorAll(".place");
// div.classList.remove("selected");
document.getElementById('totalamt').textContent = 'Br. 0';
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
}
}
}
})
});
// Print horse tickets
$("#printButton2").click(function (e) {
hexarray = [];
hqunarray = [];
htrioarray = [];
htfarray = [];
var ticket_id = new Date().getTime();
var last_ticket_id = document.getElementById("last-ticket-id").value;
var game_id = $("#horse-game-id").text();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'gameidstatuscheckfordog': true,
'gameid': game_id,
'date': date,
},
success: function (responsecheck) {
if (responsecheck == '1') {
alert("Game Played before");
var time = new Date().toLocaleTimeString();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'foulsdetected': true,
'gameid': game_id,
'time': time,
'date': date,
},
success: function (response) {
if (response == '1') {
alert("Game Played Before");
}
}
})
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
if (ticket_id < last_ticket_id) {
alert("Please adjust the time correctly");
} else if (selectedDiv.length == 0) {
// Do nothing
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var data = [];
var winlabeldb;
var odddb;
var stakedb;
var winlabell;
var alldb, aldbb = ";";
var myobj = {};
var user_id = $("#asd_id").text();
var user_name = $("#asd").text();
var surname = $("#surname").text();
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticket_id.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
barcodeElement.style.height = "100px";
barcodeElement.style.width = "100%";
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
// console.log(ticket_id);
// console.log(type);
for (var i = 0; i < selectedDiv.length; i++) {
var winlabel = selectedDiv[i].querySelector(".winlabel");
var oddspan = selectedDiv[i].querySelector(".oddspan");
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
var typelabel = selectedDiv[i].querySelector(".typelabel");
var winlabelll = selectedDiv[i].querySelector(".winlabell");
// var winlabellll = selectedDiv[i].querySelector(".winlabelll");
winlabeldb = winlabel.textContent;
odddb = oddspan.textContent;
stakedb = stakeInput.value;
winlabell = winlabelll.textContent;
var type = typelabel.textContent;
alldb = "{" + winlabell + "," + winlabeldb + "," + odddb + "," + stakedb + "}";
if (oddspan && stakeInput) {
var item = {
winlabel: winlabel.textContent,
oddspan: oddspan.textContent,
stakeInput: stakeInput.value,
winlabell: winlabelll.textContent
}
var selectedarray = [
user_id,
game_id,
ticket_id,
type,
winlabel.textContent,
oddspan.textContent,
stakeInput.value,
0,
0,
]
data.push(item);
myobj['array' + i] = selectedarray;
}
aldbb += alldb + ";";
}
// console.log(data);
// console.log(aldbb);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Print Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}.allelem{
font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${ticket_id}</p>
<p class='allelem'>${surname}(${user_name})</p>
</div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
var winarray = [];
for (var j = 0; j < data.length; j++) {
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${data[j].winlabell} </div>
<div class='stake fontweight'>Br ${data[j].stakeInput}.00</div>
</div>
<div class='fontless'>Horse Racing${new Date().toLocaleString()} #${game_id}</div>
<div class='fontless' style='margin-left:5px'>${data[j].winlabel}. Horse ${data[j].oddspan}</div>`
);
var product = parseFloat(data[j].stakeInput) * parseFloat(data[j].oddspan);
// printWindow.document.write(`
// <span style="display:block;">Win Amount: ${product}</span>
// <br>
// `);
if (!isNaN(product)) {
winarray.push(product);
}
sum += parseFloat(data[j].stakeInput);
// printWindow.document.write("asd");
}
// console.log(winarray);
var winarray2 = winarray.sort();
// console.log(winarray2[0]);
// console.log(winarray2[winarray2.length-1]);
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
var prttime = new Date().toLocaleTimeString();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'horse-print_btn': true,
// 'game_id': game_id,
// 'ticketid': new Date().getTime(),
// 'total': aldbb,
// 'totalstake': sum,
printed: JSON.stringify(myobj),
'sum': sum,
'prttime': prttime,
},
success: function (response) {
printWindow.print();
printWindow.close();
}
});
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
// const div = document.querySelectorAll(".place");
// div.classList.remove("selected");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
}
document.getElementById('totalamt2').textContent = 'Br. 0';
}
}
})
});
});
</script>
<script>
$(document).ready(function () {
// Get the last ticket id
$.ajax({
method: "POST",
url: "dog.php",
data: {
"check-last-game-id": true,
},
success: function (response) {
// console.log("Last game id: "+response);
$("#last-ticket-id").val(response);
var ticket_id = new Date().getTime();
// var last_ticket_id = document.getElementById("last-ticket-id").value;
// console.log('asd' + last_ticket_id);
if (ticket_id < response) {
// alert("Please adjust the time correctly");
var modal = document.getElementById("bnm");
modal.style.display = "block";
// var text = '';
// modal.appendChild(text);
}
}
});
// Get daily balance when cashier option modal is opened
$("#cashierOptions").click(function (e) {
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'cashierOptions': true,
date: date,
'user_id': user_id,
},
success: function (response) {
$("#dailyBalance").text(response);
}
});
});
$("#stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-1").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 10;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-2").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 20;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-6").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 100;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdf();
});
$("#horse-stake-1").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 10;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-2").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 20;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-6").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 100;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdfa();
});
//Get tickets to pay
$("#redeem-ticket").click(function (e) {
var ticketid = document.getElementById("ticket-id-scan").value;
// console.log(ticketid);
var dogid = document.getElementById("dog-game-id").textContent;
var horseid = document.getElementById("horse-game-id").textContent;
var table = '';
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'ticketRedeem': true,
'ticket-id': ticketid,
'horseid': horseid,
'dogid': dogid,
'date': date,
},
success: function (response) {
// console.log(response);
if (response == '1') {
$("#ticketdb").text("Ticket not found. Please check and enter again.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else if (response == '2') {
$("#ticketdb").text("Ticket redeemed previously.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else if (response == '3') {
$("#ticketdb").text("Ticket cancelled previously.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
} else if (response == '4') {
$("#ticketdb").text("Please wait until the game is finished to redeem tickets.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
} else if (response == '5') {
$("#ticketdb").text("Result is not issued yet. Please wait for the admin to approve results.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else {
var ticketidd = document.getElementById("ticket-id-scan").value;
// console.log("asdsd" + ticketid);
// Result
$.ajax({
method: "POST",
url: "dog.php",
data: {
"seeResult": true,
"ticketid": ticketidd,
// 'date': date,
},
success: function (response) {
// console.log(response);
$("#resultRedeemTicket").css("margin-bottom", "20px");
$("#resultRedeemTicket").text(response);
}
});
var totalamount = 0;
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game Id</th>";
table += "<th scope='col'>Ticket Id</th>";
table += "<th scope='col'>Market</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Win</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var data = JSON.parse(response);
for (let i = 0; i < data.length; i++) {
var gameid = data[i].gameid;
var ticketid = data[i].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var mar = data[i].type;
var market;
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var amount = data[i].amount;
totalamount += parseInt(amount);
table += "<tr>";
table += "<td>" + gameid + "</td>";
table += "<td>" + ticketid + "</td>";
table += "<td>" + market + "</td>";
table += "<td>" + number + "</td>";
table += "<td>" + odd + "</td>";
table += "<td>" + stake + "</td>";
table += "<td>" + amount + "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
// $("#ticketdb").text(header);
$("#ticketdb").html(table);
var redeem = '<div class="h6 pb-2 mt-4 text-success border-bottom border-danger"> Won Amount: <span id="won-amout-pay">' + totalamount + '</span></div>';
redeem += '<button type="button" class="btn btn-success btn-sm mt-2" id="ticket-redeem-pay">Redeem</button>';
// $('#ticketdb').html(header);
$("#winamounttotal").html(redeem);
var ticketidd = ticketid;
$("#ticket-redeem-pay").click(function () {
var ticketid = document.getElementById("ticket-id-scan").value;
// console.log(ticketid);
var user_id = $("#asd_id").text();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'executePayment': true,
'ticketid': ticketid,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#ticketdb").html("<p>Ticket successfully redeemed.</p>");
$("#winamounttotal").html("");
$("#ticket-id-scan").val("");
$("#resultRedeemTicket").text("");
$("#resultRedeemTicket").css("margin-bottom", "0");
}
}
});
});
}
}
});
});
// Clear redeem modal
$("#redeem-close").click(function () {
$("#winamounttotal").html("");
$("#ticketdb").text("");
$("#ticket-id-scan").val("");
$("#resultRedeemTicket").text("");
$("#resultRedeemTicket").css("margin-bottom", "0");
});
// Get tickets to cancel
$("#cancel-ticket").click(function (e) {
var ticketid = document.getElementById("cancel-ticket-id-scan").value;
// console.log(ticketid);
var dogid = document.getElementById("dog-game-id").textContent;
var horseid = document.getElementById("horse-game-id").textContent;
var table = '';
var game_id = dogGameId.textContent;
var dateObj = new Date();
// var day = dateObj.getDate();
// var month = parseInt(dateObj.getMonth()) + 1;
// var year = dateObj.getFullYear();
// var date = year + "-" + month + "-" + day;
var date = dateObj.getTime();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'cancelTicket': true,
'ticketid': ticketid,
'date': date,
'horseid': horseid,
'dogid': dogid,
},
success: function (response) {
// console.log(response);
if (response == '1') {
$("#cancel-ticketdb").text("Ticket not found. Please enter again.");
$("#cancelledamounttotal").html("");
}
else if (response == '2') {
$("#cancel-ticketdb").text("Ticket preveiously cancelled.");
$("#cancelledamounttotal").html("");
}
else if (response == '3') {
// alert("cann");
$("#cancel-ticketdb").text("Cannot cancel ticket at this time");
$("#cancelledamounttotal").html("");
}
else {
var totalamount = 0;
// header = "<h3>abeni</h3>";
// table += "<h3>"++"</h3>";
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game Id</th>";
table += "<th scope='col'>Ticket Id</th>";
table += "<th scope='col'>Number</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
// table += "<th scope='col'>Win</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var data = JSON.parse(response);
for (let i = 0; i < data.length; i++) {
var gameid = data[i].gameid;
var ticketid = data[i].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var amount = data[i].amount;
totalamount += parseInt(stake);
table += "<tr>";
table += "<td>" + gameid + "</td>";
table += "<td>" + ticketid + "</td>";
table += "<td>" + number + "</td>";
table += "<td>" + odd + "</td>";
table += "<td>" + stake + "</td>";
// table +="<td>"+amount+ "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
// $("#ticketdb").text(header);
$("#cancel-ticketdb").html(table);
var redeem = '<div class="h6 pb-2 mt-4 text-danger border-bottom border-dark"> Amount to be cancelled: <span id="cancelled-amount">' + totalamount + '</span></div>';
redeem += '<button type="button" class="btn btn-success btn-sm mt-2" id="ticket-cancel-pay">Cancel</button>';
// $('#ticketdb').html(header);
$("#cancelledamounttotal").html(redeem);
$("#ticket-cancel-pay").click(function () {
var ticketid = document.getElementById("cancel-ticket-id-scan").value;
// console.log(ticketid);
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'executeCancel': true,
'ticketid': ticketid,
},
success: function (response) {
if (response == '1') {
$("#cancel-ticketdb").text("Ticket cancelled successfully");
$("#cancelledamounttotal").html("");
$("#cancel-ticket-id-scan").val("");
}
}
});
});
}
}
});
});
// Clear cancel modal
$("#cancel-close").click(function (e) {
// $("#cancel-ticket-result").text("");
$("#cancel-ticket-id-scan").val('');
$("#cancel-ticketdb").text("");
$("#cancelledamounttotal").html("");
});
$("#reloadBalance").click(function (e) {
var day = new Date().getDate();
var month = parseInt(new Date().getMonth()) + 1;
var year = new Date().getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var dailyBalance = document.getElementById("dailyBalance").textContent;
var user_id = $("#asd_id").text();
e.preventDefault();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'reloadedBalance': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
// console.log(data['totalStake']);
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Date</th>";
table += "<th scope='col'>Total Stake</th>";
table += "<th scope='col'>Total Won</th>";
table += "<th scope='col'>Total Paid</th>";
table += "<th scope='col'>Total Cancelled</th>";
table += "<th scope='col'>Balance</th>";
table += "<th scope='col'>Unpaid</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
table += "</tr>";
table += "<td>" + date + "</td>";
table += "<td>" + data['totalStake'] + ".00</td>";
table += "<td>" + data['totalWinAmount'] + "</td>";
table += "<td>" + data['totalWinPaidAmount'] + "</td>";
table += "<td>" + data['totalCancel'] + "</td>";
table += "<td>" + dailyBalance + "</td>";
table += "<td>" + data['totalUnpaid'] + "</td>";
table += "</tr>";
table += "</tbody>";
table += "</table>";
$("#reloadedbalanceTable").html(table);
}
});
});
$("#closeOptions").click(function (e) {
$("#reloadedbalanceTable").html("");
});
});
document.getElementById("redeem").addEventListener("click", () => {
document.getElementById("ticket-id-scan").focus();
// console.log("kh");
});
const sll = document.querySelectorAll(".selected-item");
const dogprt = document.getElementById("printButton");
const hrsprt = document.getElementById("printButton2");
// const serial =document.getElementById("serial").textContent;
// const convertedText = convertString(serial);
// console.log("this."+convertedText);
var a = 0;
$("#dogsaveoddandresult").click(function (e) {
e.preventDefault();
const game_id = document.getElementById("dogiddd").value;
var first = document.getElementById("dogfirst").value;
var second = document.getElementById("dogsecond").value;
var third = document.getElementById("dogthird").value;
var firsto = document.getElementById("dogfirstodd").value;
var firstoplace = document.getElementById("dogfirstplaceodd").value;
var secondo = document.getElementById("dogsecondodd").value;
var thirdo = document.getElementById("dogthirdodd").value;
var exactodd = document.getElementById("exactodd").value;
var quinellaodd = document.getElementById("quinellaodd").value;
var trifectaodd = document.getElementById("trifectaodd").value;
var trioodd = document.getElementById("trioodd").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var horse = document.getElementById("horse-game-id").textContent;
var dog = document.getElementById("dog-game-id").textContent;
var mnb = document.getElementById('admincontrol').textContent;
if (((game_id > 2000) && (first > 8 || second > 8 || third > 8 || first == second || second == third || third == first)) || (game_id < 2000) && (first > 14 || second > 14 || third > 14 || first == second || second == third || third == first)) {
alert('Please enter correctly');
console.log('error');
} else {
if (game_id - dog == '-1' || game_id - horse == '-1' || game_id - dog == '-2' || game_id - horse == '-2' || game_id - dog == '-3' || game_id - horse == '-3' || game_id - dog == '-4' || game_id - horse == '-4' || game_id - dog == '-5' || game_id - horse == '-5') {
if (mnb == 0) {
$.ajax({
method: "POST",
url: "dog.php",
data: {
'result': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'firsto': firsto,
"firstoplace": firstoplace,
'secondo': secondo,
'thirdo': thirdo,
'exactodd': exactodd,
"quinellaodd": quinellaodd,
"trifectaodd": trifectaodd,
"trioodd": trioodd,
'date': date,
},
success: function (response) {
// console.log(response);
if (a == 0) {
$("#dogsaveoddandresult").text("Press Again");
a = 1;
} else if (a == 1) {
$("#dogsaveoddandresult").text("Save");
$("#dogiddd").val("");
$("#dogfirst").val("");
$("#dogsecond").val("");
$("#dogthird").val("");
$("#dogfirstodd").val("");
$("#dogfirstplaceodd").val("");
$("#dogthirdodd").val("");
$("#dogsecondodd").val("");
$("#exactodd").val("");
$("#quinellaodd").val("");
$("#trifectaodd").val("");
$("#trioodd").val("");
a = 0;
}
}
})
} else if (mnb == 1) {
$.ajax({
method: "POST",
url: "dog.php",
data: {
'resultwithodd': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'exactodd': exactodd,
"quinellaodd": quinellaodd,
"trifectaodd": trifectaodd,
"trioodd": trioodd,
'date': date,
},
success: function (response) {
// console.log(response);
if (a == 0) {
$("#dogsaveoddandresult").text("Press Again");
a = 1;
} else if (a == 1) {
$("#dogsaveoddandresult").text("Save");
$("#dogiddd").val("");
$("#dogfirst").val("");
$("#dogsecond").val("");
$("#dogthird").val("");
$("#dogfirstodd").val("");
$("#dogfirstplaceodd").val("");
$("#dogthirdodd").val("");
$("#dogsecondodd").val("");
$("#exactodd").val("");
$("#quinellaodd").val("");
$("#trifectaodd").val("");
$("#trioodd").val("");
a = 0;
}
}
})
}
} else {
// console.log("ff");
}
}
//
});
$("#horsesaveoddandresult").click(function (e) {
e.preventDefault();
const game_id = document.getElementById("horseiddd").value;
var first = document.getElementById("horsefirst").value;
var second = document.getElementById("horsesecond").value;
var third = document.getElementById("horsethird").value;
var firsto = document.getElementById("horsefirstodd").value;
var secondo = document.getElementById("horsesecondodd").value;
var thirdo = document.getElementById("horsethirdodd").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'result': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'firsto': firsto,
'secondo': secondo,
'thirdo': thirdo,
'date': date,
},
success: function (response) {
// console.log(response);
}
})
});
$("#paymenthistory").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'paymentHistory': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
console.log(data);
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Type</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Won</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].number + "</td>";
table += "<td>" + data[i].type + "</td>";
table += "<td>" + data[i].odd + "</td>";
table += "<td>" + data[i].stake + "</td>";
table += "<td>" + data[i].amount + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Payment History</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Payment History</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#todayresults").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'todayresults': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>First:Odd</th>";
table += "<th scope='col'>Second:Odd</th>";
table += "<th scope='col'>Third:Odd</th>";
table += "<th scope='col'>Exact</th>";
table += "<th scope='col'>Trifecta</th>";
table += "<th scope='col'>Quinella</th>";
table += "<th scope='col'>Trio</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].first + ":" + data[i].fodd + "/" + data[i].fplaceodd + "</td>";
table += "<td>" + data[i].second + ":" + data[i].sodd + "</td>";
table += "<td>" + data[i].third + ":" + data[i].todd + "</td>";
table += "<td>" + data[i].exact + "</td>";
table += "<td>" + data[i].trifecta + "</td>";
table += "<td>" + data[i].quinella + "</td>";
table += "<td>" + data[i].trio + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=10px;font-family: sans-serif;font-size:11px;}</style>
<title>Today results</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Today Results</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#cancelhistory").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'cancelHistory': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Type</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Won</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].number + "</td>";
table += "<td>" + data[i].type + "</td>";
table += "<td>" + data[i].odd + "</td>";
table += "<td>" + data[i].stake + "</td>";
table += "<td>" + data[i].amount + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Cancelled Tickets</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Cancelled Tickets</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#dailybalanceprint").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'endbalance': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
var html = '';
html += "<input type='date' id='datee' class='mb-2'>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Stake: </span>" + data['totalStake'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Winnings: </span>" + data['totalWinAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Paid: </span>" + data['totalWinPaidAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Cancelled: </span>" + data['totalCancel'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Unpaid Amount: </span>" + data['totalUnpaid'] + "</div>";
var balanceee = data['totalStake'] - data['totalWinPaidAmount'] - data['totalCancel'];
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>End Balance: </span>" + balanceee + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed Time: </span>" + data['hashedTime'] + "</div>";
var db = document.getElementById('maxbalance').textContent;
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed At: </span>" + db + "AM</div>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(html);
$("#prtbtnpay").html(btnpr);
$("#printBalancev").click(function (e) {
e.preventDefault();
var bbb = document.getElementById("paymenthistryy").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log("aben loves abiye");
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:14px; }.bolder{font-weight: bolder;}</style>
<title>End Balance</title></head>`+
`<body><div class='d-flex justify-content-between'><h4 class='bolder'>End Balance</h4> <p>${printdate} ${printtime}</p></div><div>${bbb}</div></body></html>`);
printWindow.print();
printWindow.close();
})
document.getElementById('datee').addEventListener('input', () => {
var dateee = document.getElementById('datee').value;
// alert(user_id);
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'endbalancebydate': true,
'date': dateee,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
var html = '';
html += "<input type='date' id='datee' class='mb-2'>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Stake: </span>" + data['totalStake'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Winnings: </span>" + data['totalWinAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Paid: </span>" + data['totalWinPaidAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Cancelled: </span>" + data['totalCancel'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Unpaid Amount: </span>" + data['totalUnpaid'] + "</div>";
var balanceee = data['totalStake'] - data['totalWinPaidAmount'] - data['totalCancel'];
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>End Balance: </span>" + balanceee + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed Time: </span>" + data['hashedTime'] + "</div>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(html);
$("#prtbtnpay").html(btnpr);
$("#printBalancev").click(function (e) {
e.preventDefault();
var bbb = document.getElementById("paymenthistryy").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log("aben loves abiye");
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:14px; }.bolder{font-weight: bolder;}</style>
<title>End Balance</title></head>`+
`<body><div class='d-flex justify-content-between'><h4 class='bolder'>End Balance</h4> <p>${printdate} ${printtime}</p></div><div>${bbb}</div></body></html>`);
printWindow.print();
printWindow.close();
})
}
})
})
}
});
})
$("#copytickets").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'copyticket': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
var table = '';
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col' hidden>#</th>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Time</th>";
table += "<th scope='col'>Date</th>";
table += "<th scope='col'>Print</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td class='id' hidden> " + data[i].id + "</td>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].totalstake + "</td>";
table += "<td>" + data[i].prttime + "</td>";
table += "<td>" + data[i].date + "</td>";
table += "<td> <button class='btn btn-success btn-sm p-1 copyticketbtn'>Print</button> </td>";
table += "</tr>";
}
table += "<tbody>";
// var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
// $("#prtbtnpay").html(btnpr);
$(".copyticketbtn").click(function (e) {
e.preventDefault();
var id = $(this).closest('tr').find('.id').text();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'proceedprint': true,
'id': id,
},
success: function (response) {
// alert(response);
var winarray = [];
var data = JSON.parse(response);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Copy Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}
body{
background-image: url("images/bg.jpg");background-size: 500px 500px;
}.allelem{ font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${data[0].ticketid}</p>
<p class='allelem'>ax</p>
<p class='allelem'>Cashier ${data[0].userid}</p></div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
for (let i = 0; i < data.length; i++) {
var mar = data[i].type;
var market;
var gametype = data[0].gametype;
var game;
if (gametype == '1') {
game = "Greyhound Racing";
} else if (gametype == '2') {
game = "Horse Racing";
}
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var ticketid = data[0].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var userid = data[i].userid;
var gameid = data[i].gameid;
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${market} </div>
<div class='stake fontweight'>Br ${stake}.00</div>
</div>
<div class='fontless'>${game}${new Date().toLocaleString()} #${gameid}</div>
<div class='fontless' style='margin-left:5px'>${number}. Dog ${odd}</div>`
);
var product = parseFloat(stake) * parseFloat(odd);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
sum += parseFloat(stake);
}
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticketid.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
var winarray2 = winarray.sort();
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
printWindow.print();
printWindow.close();
}
})
})
}
});
})
document.getElementById("swichhorse").addEventListener("click", () => {
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
document.getElementById('totalamt').textContent = 'Br. 0';
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".selected-combo");
comboremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
data = [];
});
document.getElementById("defaultOpen").addEventListener("click", () => {
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".horse-selected");
comboremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
data2 = [];
});
$(document).ready(function () {
const dogoddfill = document.getElementById("oddfillll");
function dogOddfill() {
const gameidds = document.createElement('input');
gameidds.id = 'game-idds';
gameidds.placeholder = 'Game ID';
gameidds.classList = 'mb-1 fill-input';
dogoddfill.appendChild(gameidds);
for (let i = 1; i <= 14; i++) {
const winoddinput = document.createElement("input");
const placeoddinput = document.createElement("input");
const numoddinput = document.createElement("div");
winoddinput.id = "win-input-" + i;
winoddinput.type = 'text';
winoddinput.placeholder = 'Win' + i;
winoddinput.classList = 'fill-input d-block';
placeoddinput.id = "place-input-" + i;
placeoddinput.classList = 'fill-input d-block';
placeoddinput.type = 'text';
placeoddinput.placeholder = 'Place' + i;
const mainfillodd = document.createElement("div");
mainfillodd.classList = 'd-flex justify-content-between';
const winoddsdiv = document.createElement("div");
winoddsdiv.appendChild(winoddinput);
const placeoddsdiv = document.createElement("div");
placeoddsdiv.appendChild(placeoddinput);
const numoddsdiv = document.createElement("div");
numoddinput.textContent = i;
numoddsdiv.appendChild(numoddinput);
mainfillodd.appendChild(numoddsdiv);
mainfillodd.appendChild(winoddsdiv);
mainfillodd.appendChild(placeoddinput);
dogoddfill.appendChild(mainfillodd);
}
const saveoddsbtn = document.createElement("button");
saveoddsbtn.id = "saveoddsbtn";
saveoddsbtn.classList = 'btn btn-dark btn-sm my-2';
saveoddsbtn.textContent = "Save";
dogoddfill.appendChild(saveoddsbtn);
}
dogOddfill();
$("#saveoddsbtn").click(function (e) {
// console.log("abcdefghjklmnopqrstuvwxyz");
var win1 = document.getElementById("win-input-1").value;
// console.log(win1);
var win2 = document.getElementById("win-input-2").value;
var win3 = document.getElementById("win-input-3").value;
var win4 = document.getElementById("win-input-4").value;
var win5 = document.getElementById("win-input-5").value;
var win6 = document.getElementById("win-input-6").value;
var win7 = document.getElementById("win-input-7").value;
var win8 = document.getElementById("win-input-8").value;
var win9 = document.getElementById("win-input-9").value;
var win10 = document.getElementById("win-input-10").value;
var win11 = document.getElementById("win-input-11").value;
var win12 = document.getElementById("win-input-12").value;
var win13 = document.getElementById("win-input-13").value;
var win14 = document.getElementById("win-input-14").value;
var place1 = document.getElementById("place-input-1").value;
var place2 = document.getElementById("place-input-2").value;
var place3 = document.getElementById("place-input-3").value;
var place4 = document.getElementById("place-input-4").value;
var place5 = document.getElementById("place-input-5").value;
var place6 = document.getElementById("place-input-6").value;
var place7 = document.getElementById("place-input-7").value;
var place8 = document.getElementById("place-input-8").value;
var place9 = document.getElementById("place-input-9").value;
var place10 = document.getElementById("place-input-10").value;
var place11 = document.getElementById("place-input-11").value;
var place12 = document.getElementById("place-input-12").value;
var place13 = document.getElementById("place-input-13").value;
var place14 = document.getElementById("place-input-14").value;
var gameid = document.getElementById("game-idds").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'saveodds': true,
'game_id': gameid,
'win1': win1,
'win2': win2,
'win3': win3,
'win4': win4,
'win5': win5,
'win6': win6,
'win7': win7,
'win8': win8,
'win9': win9,
'win10': win10,
'win11': win11,
'win12': win12,
'win13': win13,
'win14': win14,
'place1': place1,
'place2': place2,
'place3': place3,
'place4': place4,
'place5': place5,
'place6': place6,
'place7': place7,
'place8': place8,
'place9': place9,
'place10': place10,
'place11': place11,
'place12': place12,
'place13': place13,
'place14': place14,
'date': date,
},
success: function (response) {
if (response == '1') {
setTimeout(() => {
$("#saveoddsbtn").text("Save");
}, 1500);
$("#saveoddsbtn").text("Game Exists!!!");
} else if (response == '2') {
setTimeout(() => {
$("#saveoddsbtn").text("Save");
}, 1500);
$("#saveoddsbtn").text("Saved");
}
// alert(response);
// document.getElementById("win1").value = "";
// document.getElementById("win2").value = "";
// document.getElementById("win3").value = "";
// document.getElementById("win4").value = "";
// document.getElementById("win5").value = "";
// document.getElementById("win6").value = "";
// document.getElementById("win7").value = "";
// document.getElementById("win8").value = "";
// document.getElementById("win9").value = "";
// document.getElementById("win10").value = "";
// document.getElementById("win11").value = "";
// document.getElementById("win12").value = "";
// document.getElementById("win13").value = "";
// document.getElementById("win14").value = "";
// document.getElementById("place1").value = "";
// document.getElementById("place2").value = "";
// document.getElementById("place3").value = "";
// document.getElementById("place4").value = "";
// document.getElementById("place5").value = "";
// document.getElementById("place6").value = "";
// document.getElementById("place7").value = "";
// document.getElementById("place8").value = "";
// document.getElementById("place9").value = "";
// document.getElementById("place10").value = "";
// document.getElementById("place11").value = "";
// document.getElementById("place12").value = "";
// document.getElementById("place13").value = "";
// document.getElementById("place14").value = "";
dogOddUpdate();
horseOddUpdate();
}
})
// if(gameid == document.getElementById("dog-game-id").textContent){
// // console.log("cvb");
// document.getElementById("win1").textContent = win1;
// document.getElementById("win2").textContent = win2;
// document.getElementById("win3").textContent = win3;
// document.getElementById("win4").textContent = win4;
// document.getElementById("win5").textContent = win5;
// document.getElementById("win6").textContent = win6;
// document.getElementById("win7").textContent = win7;
// document.getElementById("win8").textContent = win8;
// document.getElementById("place8").textContent = place8;
// document.getElementById("place7").textContent = place7;
// document.getElementById("place6").textContent = place6;
// document.getElementById("place5").textContent = place5;
// document.getElementById("place4").textContent = place4;
// document.getElementById("place3").textContent = place3;
// document.getElementById("place2").textContent = place2;
// document.getElementById("place1").textContent = place1;
// }
})
$("#printBalance").click(function (e) {
var bnm = document.getElementById("reloadedbalanceTable").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head>
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Payment History</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Payment History</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
})
var difference = [];
var correct = [];
var zzz = 0, mmm = 0;
// forEach funtion
function myFun(item) {
var date = item.date;
var gameid = item.gameid;
var number = item.number;
var odd = item.odd;
var type = item.type;
var stake = item.stake;
var ticketid = item.ticketid;
var placetype = item.placetype;
var id = item.id;
difference = [];
var table = '';
// console.log(date,gameid,number,odd,type,stake,ticketid);
// if(type == 'w'){
// console.log("WInner");
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'getwinticketwinnum': true,
'gameid': gameid,
'date': date,
},
success: function (response) {
// console.log(response,'---');
if (response == 1) {
} else {
var data2 = JSON.parse(response);
console.log(data2);
var first = data2[0].first;
var second = data2[0].second;
var third = data2[0].third;
var fodd = data2[0].fodd;
var fplaceodd = data2[0].fplaceodd;
var sodd = data2[0].sodd;
var todd = data2[0].todd;
if (type == 'w') {
if (number != first && odd == fodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == first && odd != fodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != first && odd != fodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
} else if (type == 'p') {
if (placetype == 1) {
if (number != first && odd == fplaceodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == first && odd != fplaceodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != first && odd != fplaceodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
if (placetype == 2) {
if (number != second && odd == sodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == second && odd != sodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != second && odd != sodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
if (placetype == 3) {
if (number != third && odd == todd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == third && odd != todd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != third && odd != todd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
}
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col' class='hidden' >#</th>";
table += "<th scope='col'>Foul Type</th>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Market</th>";
table += "<th scope='col'>Ticket ID</th>";
table += "<th scope='col'>Correct VS Bet</th>";
table += "<th scope='col'>Correct VS Bet Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col' class='text-light bg-danger'>Loss</th>";
table += "<th scope='col'>date</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var sum = 0;
for (var i = 0; i < difference.length; i++) {
table += "<tr>";
table += "<td class='hidden'>" + difference[i].id + "</td>";
table += "<td>" + difference[i].foultype + "</td>";
table += "<td>" + difference[i].gameid + "</td>";
table += "<td>" + difference[i].type + "</td>";
table += "<td class='ticketiddd'>" + difference[i].ticketid + "</td>";
table += "<td>" + difference[i].correctnum + " VS " + difference[i].foulnum + "</td>";
table += "<td>" + difference[i].correctodd + " VS " + difference[i].foulodd + "</td>";
table += "<td>" + difference[i].stake + "</td>";
var odddiff = difference[i].foulodd - difference[i].correctodd;
var lossamt = odddiff * difference[i].stake;
if (lossamt > 0) {
table += "<td class='text-light bg-danger'>" + parseInt(lossamt) + "</td>";
sum += parseInt(lossamt);
// zzz += zzz;
} else if (lossamt < 0) {
table += "<td class='text-light bg-success'>" + parseInt(lossamt) + "</td>";
// mmm += mmm;
} else if (lossamt == 0) {
table += "<td class='text-dark '>" + parseInt(lossamt) + "</td>";
}
table += "<td>" + difference[i].date + "</td>";
table += "<td>" + "<button class='btn btn-warning btn-sm p-1 viewmistaketickett' data-bs-toggle='modal' data-bs-target='#viewmistaketicket' >View</button>" + "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Number of Mistakes: ' + zzz + '</div>';
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Number of Not Wrong tickets: ' + mmm + '</div>';
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Estimated Loss: ' + sum + ' br</div>';
$("#paymenthistryy").html(table);
$('.viewmistaketickett').click(function (e) {
e.preventDefault();
var id = $(this).closest('tr').find('.ticketiddd').text();
console.log(id);
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'proceedviewing': true,
'id': id,
},
success: function (response) {
// alert(response);
var winarray = [];
var data = JSON.parse(response);
// var printWindow = window.open('', '', 'width=800,height=600');
var html = `<html><head><title>Copy Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}
body{
}.allelem{ font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}p{margin-bottom:0px;}
</style>
</head><body>`;
html += `<div class='allelem'><p >${data[0].ticketid}</p>
<p class='allelem'>${data[0].username}</p>
<p class='allelem'>Cashier ${data[0].userid}</p></div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`;
var sum = 0;
for (let i = 0; i < data.length; i++) {
var mar = data[i].type;
var market;
var gametype = data[0].gametype;
var game;
if (gametype == '1') {
game = "Greyhound Racing";
} else if (gametype == '2') {
game = "Horse Racing";
}
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var ticketid = data[0].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var userid = data[i].userid;
var gameid = data[i].gameid;
html += `<div class='typestake'><div class='type fontweight'>${market} </div>
<div class='stake fontweight'>Br ${stake}.00</div>
</div>
<div class='fontless'>${game}${new Date().toLocaleString()} #${gameid}</div>
<div class='fontless' style='margin-left:5px'>${number}. Dog ${odd}</div>`
;
var product = parseFloat(stake) * parseFloat(odd);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
sum += parseFloat(stake);
}
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticketid.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
var winarray2 = winarray.sort();
html += `<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`;
html += `<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`;
$("#mistaketicketsdisplay").html(html);
}
})
})
}
}
})
}
// function checkwintickets(){
$("#bmmn").click(function () {
var start = '2024-02-05';
var end = '2024-02-12';
var array = [];
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'getwinticketsofweek': true,
'start': start,
'end': end,
},
success: function (response) {
var data = JSON.parse(response);
console.log(data);
var difference = [];
data.forEach(myFun);
}
})
})
// }
});
function focusredeem() {
setTimeout(() => {
$("#ticket-id-scan").focus();
}, 500);
}
function focuscancel() {
setTimeout(() => {
$("#cancel-ticket-id-scan").focus();
}, 500);
}
</script>
<script src="js/mutation.js"></script>
</body>
</html>
Did this file decode correctly?
Original Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dashboard</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<style>
#reloadedbalanceTable {
width: 100%;
height: 500px;
}
.excc,
.bnm,
#inserial {
display: none;
position: fixed;
z-index: 1;
left: 0;
width: 100%;
background-color: rgb(221, 19, 53);
height: 800px;
}
#odds-container,
#odds-container2 {
width: 40%;
}
#combo-selection-container,
#combo-selection-container2 {
width: 10%;
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */
}
.cobo {
width: 60%;
padding: 5px;
margin-top: 5px;
border-bottom: red 2px solid;
display: none;
margin-top: 30px;
}
.zz {
margin-top: 10px;
}
.horse-selected {
background-color: green;
color: white;
}
#username-div {
width: 250px;
}
#managerinline {
width: 700px;
}
#dynamic-tickets-container,
#dynamic-tickets-container2 {
width: 40%;
margin-top: -31px;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
/* background-color: #f1f1f1; */
}
.inputdata {
width: 80px;
display: inline;
margin: 3px;
}
#oddfillll {
width: 30%;
}
.fill-input {
width: 60px;
}
.active {
background-color: #198754;
}
.inputoddsdogclass {
width: 50px;
height: 30px;
margin-bottom: 5px;
border: green solid 1px;
border-radius: 5px;
}
</style>
</head>
<body>
<nav class="navbar bg-dark text-light p-1">
<div class="container-fluid">
<div>
<span class="navbar-brand mb-0 h1"></span>
</div>
<div class="d-flex justify-content-between">
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#redeemTicketModal" id="redeem" onclick="focusredeem()">Redeem</button>
<label id='maxbalance' hidden></label>
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#cancelTicketModal" id="cancel" onclick="focuscancel()">Cancel</button>
<button class="button bg-success text-light p-1 m-1 rounded" data-bs-toggle="modal"
data-bs-target="#cashierOptionsModal" id="cashierOptions">Cashier Options</button>
<input type="text" hidden id="last-ticket-id">
<!-- <button onclick='asdf()'>clcik</button> -->
</div>
<div class="d-flex justify-content-between align-items-center h-100 " id="username-div">
<div>
<label class="h6 mb-0" id="surname"></label>
<label class="h6 mb-0" id="asd">asd</label>
<label class="h6 mb-0 d-none" id="asd_id"></label>
</div>
<label id="admincontrol" hidden>1</label>
<!-- <label class="h6 mb-0 d-none" id="serial"></label> -->
<?php
session_start();
if (!isset($_SESSION['username'])) {
header('Location: login.html');
}
?>
<?php
$name = $_SESSION['username'];
$id = $_SESSION['id'];
$surname = $_SESSION['surname'];
$control = $_SESSION['control'];
// $serial = $_SESSION['serial'];
echo "<script>document.getElementById('asd').textContent = '(" . $name . ")';document.getElementById('surname').textContent = '" . $surname . "';document.getElementById('admincontrol').textContent = '" . $control . "';document.getElementById('asd_id').textContent = '" . $id . "';</script>";
?>
<a class="button bg-dark text-success border-0" id="logout" href="logout.php">Logout</a>
</div>
</div>
</nav>
<!-- View mistake tickets -->
<!-- <div class="modal fade myModal" id="viewmistaketicket" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">View Ticket</h1>
<button type="button" id="redeem-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex">
<div id="mistaketicketsdisplay"></div>
</div>
</div>
</div>
</div> -->
<!-- Modal -->
<div class="modal fade" id="viewmistaketicket" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Preview Ticket</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="mistaketicketsdisplay"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</div>
</div>
</div>
<div class="modal fade myModal" id="redeemTicketModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Redeem Ticket</h1>
<button type="button" id="redeem-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex">
<div class="idRetrieve p-2">
<input type="number" id="ticket-id-scan">
<button class="btn btn-success" id="redeem-ticket">Ok</button>
<div id="number-buttons">nmn</div>
</div>
<div class="result-ticket border-start p-2" id="redeem-ticket-result">
<div id="resultRedeemTicket"></div>
<div id="ticketdb"></div>
<div id="winamounttotal"></div>
</div>
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-success" id="redeemOk">Ok</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
</div> -->
</div>
</div>
</div>
<div class="modal fade myModal" id="cancelTicketModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Cancel Ticket</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="cancel-close"></button>
</div>
<div class="modal-body d-flex">
<div class="idRetrieve p-2">
<input type="number" id="cancel-ticket-id-scan">
<button class="btn btn-success" id="cancel-ticket">Ok</button>
<div id="cancel-buttons">nmn</div>
</div>
<div class="result-ticket border-start p-2" id="cancel-ticket-result">
<div id="cancel-ticketdb"></div>
<div id="cancelledamounttotal"></div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade myModal" id="cashierOptionsModal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-header bg-success text-light d-flex justify-content-between">
<h3 class="modal-title fs-5 col-6" id="staticBackdropLabel">Cashier Options</h3>
<div class='d-flex justify-content-between' id='balancee'>
<div class="col-5 h3 me-3"><span class="h5" id="dailyBalance"></span></div>
<button type="button col-1" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
id="closeOptions"></button>
</div>
</div>
<div class="modal-body d-flex flex-column">
<div>
<button id="reloadBalance" class="btn btn-success mb-3 d-inline">Reload</button>
<button id="printBalance" class="btn btn-success mb-3 d-inline">Print</button>
</div>
<div id="reloadedbalanceTable"></div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-success" id="redeemOk">Ok</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
</div> -->
</div>
</div>
</div>
</div>
<div id="exccc" class="excc">
</div>
<div id="bnm" class="bnm p-5">
<h3 class="text-dark">Please update your computer time to continue.</h3>
</div>
<div id="inserial" class="bnm p-5">
<h3 class="text-dark">Access Denied. Please contact admin.</h3>
</div>
<div class="tab text-light p-1 d-flex justify-content-start">
<img class="dog-tab p-1 h-100 tablinks mx-1 active" id="defaultOpen" onclick="openTab(event, 'tab1')"
src="images/dog.svg">
<img class="bingo-tab p-1 h-100 tablinks mx-1" id='swichhorse' onclick="openTab(event, 'tab2')"
src="images/horse.svg">
<div class="h-100 d-flex justify-content-center align-items-center" id="currentgameplaying"></div>
</div>
<div class="main-areaa d-flex">
<div id="tab1" class="tabcontent w-75">
<div class=" p-1 mb-1 d-flex">
<div id="timer">10:00</div>
<div> --Game: <span id="dog-game-id">1029</span></div>
<!-- <input type="number" id="oddsgetfromdb">
<button id="getodd">get</button> -->
<span id="runners">-----Greyhound Racing</span>
</div>
<div class="main-area d-flex ps-1">
<div id="odds-container" class="grid-container d-flex justify-content-between me-2">
<div id="number" class="p-1">
<!-- <div class="mb-2 labeldogs"></div> -->
</div>
<div id="win-odds-input" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong>WIN</strong></div> -->
</div>
<div id="win-odds" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong></strong></div> -->
</div>
<div id="win-place-odds-input" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>PLACE</strong></div> -->
</div>
<div id="place-odds" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong class='ms-2'> </strong></div> -->
</div>
<div id="combination-odds" class=" ms-1 p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>COMBO</strong></div> -->
</div>
<!-- <div id="combo-selections" class="flex-2">
</div> -->
</div>
<div id="combo-selection-container">
<button class="btn btn-danger btn-sm clrbtnnn cobo ">Clear</button>
<button class="btn btn-success btn-sm exact-btn cobo ">Exact</button>
<button class="btn btn-success btn-sm qunela-btn cobo zz">Quinella</button>
<button class="btn btn-success btn-sm trifecta-btn cobo">Trifecta</button>
<button class="btn btn-success btn-sm trio-btn cobo zz">Trio</button>
</div>
<div id="dynamic-tickets-container">
<div id="clrprtdiv" class="d-flex justify-content-evenly">
<button id="clearButon" class="btn-danger clearBtn">Clear</button>
<button id="printButton">Print</button>
</div>
<div id="stakeButtons d-flex flex-wrap">
<label id="totalamt" class='stake-buttons bg-dark p-2 text-light' style="width:100px">Br. 0</label>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-1" onclick="addValue(10)">10</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-2" onclick="addValue(20)">20</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-5" onclick="addValue(50)">50</button>
<button class="stake-buttons btn-warning px-3 py-2" id="stake-6" onclick="addValue(100)">100</button>
</div>
</div>
<!-- <div id="stake-buttons-container" class="w-25">
</div> -->
</div>
</div>
<div id="tab2" class="tabcontent w-75">
<div class=" p-1 mb-1 d-flex ">
<div id="horse-timer">10:00</div>
<div> --Game: <span id="horse-game-id">1029</span></div>
<!-- <input type="number" id="oddsgetfromdb">
<button id="getodd">get</button> -->
<span id="horse-runners">------------Horse Racing</span>
</div>
<div class="main-area2 d-flex ps-1">
<div id="odds-container2" class="grid-container d-flex justify-content-between me-2">
<div id="number2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<div id="hwin-odds-input" class="p-1">
<!-- <div class="mb-2 labeldogs"><strong>WIN</strong></div> -->
</div>
<div id="win-odds2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<!-- <div id="place-odds-input" class="p-1"></div> -->
<div id="hwin-place-odds-input" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>PLACE</strong></div> -->
</div>
<div id="place-odds2" class="p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong></strong></div> -->
</div>
<div id="combination-odds2" class=" ms-1 p-1">
<!-- <div class="mb-2 ms-2 labeldogs"><strong>COMBO</strong></div> -->
</div>
<div id="combo-selections2" class="flex-2">
<!-- <button id="resultbtn">set</button> -->
<!-- <input type="number" class="resultInput" id="dw1r">
<input type="number" class="resultInput" id="dw2r">
<input type="number" class="resultInput" id="dw3r">
<button id="sumbitresult">Submit</button> -->
</div>
</div>
<div id="combo-selection-container2">
<button class="btn btn-danger btn-sm clrbtnnn2 cobo ">Clear</button>
<button class="btn btn-success btn-sm exact-btn2 cobo">Exact</button>
<button class="btn btn-success btn-sm qunela-btn2 cobo zz">Quinella</button>
<button class="btn btn-success btn-sm trifecta-btn2 cobo">Trifecta</button>
<button class="btn btn-success btn-sm trio-btn2 cobo zz">Trio</button>
</div>
<div id="dynamic-tickets-container2">
<div id="clrprtdiv2" class="d-flex justify-content-evenly">
<button id="clearButon2" class="btn-danger clearBtn">Clear</button>
<button id="printButton2" class="disabled">Print</button>
</div>
<div id="stakeButtons2 d-flex flex-wrap">
<label id="totalamt2" class='stake-buttons bg-dark text-light p-2' style='width:100px'>Br. 0</label>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-1" onclick="addValue(10)">10</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-2" onclick="addValue(20)">20</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-5" onclick="addValue(50)">50</button>
<button class="stake-buttons btn-warning px-3 py-2" id="horse-stake-6" onclick="addValue(100)">100</button>
</div>
</div>
<!-- <div id="stake-buttons-container2" class="w-25">
</div> -->
</div>
</div>
<div class='border' id='managerinline'>
<div class="tab">
<button class="tablinks btn btn-success btn-sm" id="defaultOpen1"
onclick="switchTab(event, 'dogm')">Result</button>
<button class="tablinks btn-success btn-sm" onclick="switchTab(event, 'horsem')">Manage</button>
<!-- <button class="tablinks btn btn-success btn-sm" onclick="switchTab(event, 'dogoddfill')">Odd Manager</button> -->
</div>
<div id="dogm" class="tabcontent1">
<div class='mb-3 p-2 border border-success border-2'>
<h4 class="text-success mx-auto border-bottom" id='idpanelll'>Result Panel</h4>
<input type="text" id="dogiddd" class="inputdata" placeholder='Game ID'>
<div>
<input type="text" id="dogfirst" class="inputdata" placeholder="Win Number">
<input type="text" id="dogsecond" class="inputdata" placeholder="Second Place">
<input type="text" id="dogthird" class="inputdata" placeholder="Third Place">
</div>
<div>
<input type="text" id="dogfirstodd" class="inputdata" placeholder="Win Odd">
<input type="text" id="dogsecondodd" class="inputdata" placeholder="Second Place Odd">
<input type="text" id="dogthirdodd" class="inputdata" placeholder="Third Place Odd">
<input type="text" id="dogfirstplaceodd" class="inputdata" placeholder="First Place Odd">
</div>
<div>
<input type="text" id="exactodd" class="inputdata" placeholder="Exact">
<input type="text" id="quinellaodd" class="inputdata" placeholder="Quinella">
<input type="text" id="trifectaodd" class="inputdata" placeholder="Trifecta">
<input type="text" id="trioodd" class="inputdata" placeholder="Trio">
</div>
<button id="dogsaveoddandresult" class="btn btn-dark btn-sm">Save</button>
</div>
</div>
<div id="horsem" class="tabcontent1">
<buttton class="btn btn-success btn-sm m-1" id="copytickets">Copy Tickets</buttton>
<buttton class="btn btn-success btn-sm m-1" id="dailybalanceprint">End Balance</buttton>
<buttton class="btn btn-success btn-sm m-1" id="todayresults">Today Results</buttton>
<buttton class="btn btn-success btn-sm m-1" id="paymenthistory">Payment History</buttton>
<buttton class="btn btn-success btn-sm m-1" id="cancelhistory">Cancelled Tickets</buttton>
<buttton class="btn btn-success btn-sm m-1" id="bmmn" hidden>Check</buttton>
<!-- <button id="">bnm</button> -->
<div id="payment-table" class="m-1">
<div id="paymenthistryy">
</div>
<div id="prtbtnpay"></div>
</div>
</div>
<div id="dogoddfill" class="tabcontent1">
<div id="oddfillll"></div>
</div>
</div>
</div>
<script src="js/jquery-3.7.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/JsBarcode.all.js"></script>
<script src="js/tabs.js"></script>
<script src="js/timer.js"></script>
<script>
function switchTab(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent1");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen1").click();
const oddsContainer = document.getElementById("odds-container");
const number = document.getElementById("number");
const winOdds = document.getElementById("win-odds");
const winoddsinputdog = document.getElementById('win-odds-input');
const placeoddsinputdog = document.getElementById('win-place-odds-input');
const hwinoddsinputdog = document.getElementById('hwin-odds-input');
const hplaceoddsinputdog = document.getElementById('hwin-place-odds-input');
const placeOdds = document.getElementById("place-odds");
const comboOdds = document.getElementById("combination-odds");
const oddsContainer2 = document.getElementById("odds-container2");
const number2 = document.getElementById("number2");
const winOdds2 = document.getElementById("win-odds2");
const placeOdds2 = document.getElementById("place-odds2");
const comboOdds2 = document.getElementById("combination-odds2");
// const winOddsInput = document.getElementById("win-odds-input");
// const placeOddsInput = document.getElementById("place-odds-input");
// var runners = parseInt(document.getElementById("runners").textContent);
function createdivs(abcd, a) {
for (let i = 1; i <= abcd; i++) {
const random = Math.floor(Math.random() * 25) + 1;
const numberDiv = document.createElement("div");
numberDiv.id = "number-" + i;
numberDiv.textContent = i;
numberDiv.className = "labeldogs";
const inputWinContainer = document.createElement("div");
const selectableWinContainer = document.createElement("div");
selectableWinContainer.className = "selectable-win-container";
const selectablePlaceContainer = document.createElement("div");
selectablePlaceContainer.className = "selectable-place-container";
const inputoddsdog = document.createElement('input');
const inputoddsdogplace = document.createElement('input');
if (a == 1) {
inputoddsdog.className = 'inputoddsdogclass';
inputoddsdogplace.className = 'inputoddsdogclass';
} else if (a == 0) {
inputoddsdog.className = 'd-none';
inputoddsdogplace.className = 'd-none';
}
inputoddsdog.id = 'wininputodd' + i;
winoddsinputdog.appendChild(inputoddsdog);
inputoddsdogplace.id = 'placeinputodd' + i;
placeoddsinputdog.appendChild(inputoddsdogplace);
const winOddsDiv = document.createElement("div");
winOddsDiv.id = "win" + i;
winOddsDiv.value = i;
winOddsDiv.className = "win selectable border border-success";
const placeOddsDiv = document.createElement("div");
placeOddsDiv.id = "place" + i;
placeOddsDiv.value = i;
placeOddsDiv.className = "place selectable border border-success";
const comboOddsDiv = document.createElement("div");
comboOddsDiv.id = "combo-" + i;
comboOddsDiv.value = i;
comboOddsDiv.textContent = i;
comboOddsDiv.setAttribute("textd", i);
comboOddsDiv.className = "combo selectable border border-success";
const slectableComboContainer = document.createElement("div");
slectableComboContainer.className = "selectable-combo-container";
slectableComboContainer.appendChild(comboOddsDiv);
selectableWinContainer.appendChild(winOddsDiv);
selectablePlaceContainer.appendChild(placeOddsDiv);
number.appendChild(numberDiv);
winOdds.appendChild(selectableWinContainer);
placeOdds.appendChild(selectablePlaceContainer);
comboOdds.appendChild(slectableComboContainer);
}
for (let i = 1; i < 15; i++) {
// const random = Math.floor(Math.random() * 25) + 1;
const numberDiv = document.createElement("div");
numberDiv.id = "horse-number" + i;
numberDiv.textContent = i;
numberDiv.className = "labeldogs labelhorses";
const inputWinContainer = document.createElement("div");
const selectableWinContainer = document.createElement("div");
selectableWinContainer.className = "selectable-win-container2";
const selectablePlaceContainer = document.createElement("div");
selectablePlaceContainer.className = "selectable-place-container2";
const inputoddsdog = document.createElement('input');
const inputoddsdogplace = document.createElement('input');
if (a == 1) {
inputoddsdog.className = 'inputoddsdogclass';
inputoddsdogplace.className = 'inputoddsdogclass';
} else if (a == 0) {
inputoddsdog.className = 'd-none';
inputoddsdogplace.className = 'd-none';
}
inputoddsdog.id = 'hwininputodd' + i;
hwinoddsinputdog.appendChild(inputoddsdog);
inputoddsdogplace.id = 'hplaceinputodd' + i;
hplaceoddsinputdog.appendChild(inputoddsdogplace);
const winOddsDiv = document.createElement("div");
winOddsDiv.id = "horse-win" + i;
winOddsDiv.value = i;
winOddsDiv.className = "horse-win selectable border border-success";
const placeOddsDiv = document.createElement("div");
placeOddsDiv.id = "horse-place" + i;
placeOddsDiv.value = i;
placeOddsDiv.className = "horse-place selectable border border-success";
const comboOddsDiv = document.createElement("div");
comboOddsDiv.id = "horse-combo-" + i;
comboOddsDiv.value = i;
comboOddsDiv.textContent = i;
comboOddsDiv.setAttribute("textc", i);
comboOddsDiv.className = "horse-combo selectable border border-success";
const slectableComboContainer = document.createElement("div");
slectableComboContainer.className = "selectable-combo-container2";
slectableComboContainer.appendChild(comboOddsDiv);
selectableWinContainer.appendChild(winOddsDiv);
selectablePlaceContainer.appendChild(placeOddsDiv);
number2.appendChild(numberDiv);
winOdds2.appendChild(selectableWinContainer);
placeOdds2.appendChild(selectablePlaceContainer);
comboOdds2.appendChild(slectableComboContainer);
}
}
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'checkasdmincontrol': true,
},
success: function (response) {
$('#admincontrol').text(response);
}
})
var hjk = document.getElementById('admincontrol').textContent;
// console.log(hjk,'----');
createdivs(8, 1);
const selectableWinContainer = document.querySelectorAll(
".selectable-win-container"
);
selectableWinContainer.forEach((container) => {
const div = container.querySelector(".win");
const numberDiv = document.getElementById("number-" + div.value);
const wininputdog = document.getElementById('wininputodd' + div.value);
// const clrbtn =document.getElementById("clearButon");
// const cptbtn =document.getElementById("printButton");
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == '0') {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
// clrbtn.removeAttribute('disabled');
// cptbtn.removeAttribute('disabled');
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.className = 'asdfgh';
stakeInputBox.value = "10";
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
var a = parseFloat(document.getElementById('totalamt').textContent);
document.getElementById('totalamt').textContent = parseFloat(wininputdog.value + a);
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
// console.log(selctedfun)
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printButton");
const clearBtn = document.querySelector(".clearButon");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
// var selectedDiv = document.getElementsByClassName("selected-item");
// if(selectedDiv.length > 0){
// clearBtn.removeAttribute('disabled');
// printBtn.removeAttribute('disabled');
// }else{
// printBtn.setAttribute('disabled');
// clearBtn.setAttribute('disabled');
// }
break;
}
}
asdf();
}
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
// clrbtn.removeAttribute('disabled');
// cptbtn.removeAttribute('disabled');
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printButton");
const clearBtn = document.querySelector(".clearButon");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
// var selectedDiv = document.getElementsByClassName("selected-item");
// if(selectedDiv.length > 0){
// clearBtn.removeAttribute('disabled');
// printBtn.removeAttribute('disabled');
// }else{
// printBtn.setAttribute('disabled');
// clearBtn.setAttribute('disabled');
// }
break;
}
}
}
asdf();
}
});
});
function asdf() {
const asd = document.querySelectorAll('.asdfgh');
var sum = 0;
for (let i = 0; i < asd.length; i++) {
sum += parseInt(asd[i].value);
}
document.getElementById('totalamt').textContent = 'Br. ' + sum;
// console.log(asd);
}
function asdfa() {
const asd = document.querySelectorAll('.asdfgh');
var sum = 0;
for (let i = 0; i < asd.length; i++) {
sum += parseInt(asd[i].value);
}
document.getElementById('totalamt2').textContent = 'Br. ' + sum;
// console.log(asd);
}
const selectableWinContainer2 = document.querySelectorAll(
".selectable-win-container2"
);
selectableWinContainer2.forEach((container) => {
const div = container.querySelector(".horse-win");
const numberDiv = document.getElementById("horse-number" + div.value);
const wininputdog = document.getElementById('hwininputodd' + div.value);
div.addEventListener("click", () => {
// if(div.textContent == ''){
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printBtn");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdfa();
}
} else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "w";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Win";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
const printBtn = document.querySelector(".printBtn");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
}
asdfa();
}
});
});
const selectablePlaceContainer = document.querySelectorAll(
".selectable-place-container"
);
selectablePlaceContainer.forEach((container) => {
const div = container.querySelector(".place");
const numberDiv = document.getElementById("number-" + div.value);
const wininputdog = document.getElementById('placeinputodd' + div.value);
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdf();
}
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdf();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdf();
});
asdf();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
} asdf();
}
}
});
});
const selectablePlaceContainer2 = document.querySelectorAll(
".selectable-place-container2"
);
selectablePlaceContainer2.forEach((container) => {
const div = container.querySelector(".horse-place");
const numberDiv = document.getElementById("horse-number" + div.value);
const wininputdog = document.getElementById('hplaceinputodd' + div.value);
div.addEventListener("click", () => {
var a = document.getElementById('admincontrol').textContent;
if (wininputdog.value == '' && a == 1) {
// Do nothing
} else if (a == 0) {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
}
asdfa();
}
else {
div.classList.toggle("selected");
if (div.classList.contains("selected")) {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "p");
const typeLabel = document.createElement("label");
typeLabel.textContent = "p";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
// const winlabellabel = document.createElement("div");
// winlabellabel.textContent = "Place: " + numberDiv.textContent;
// winlabellabel.className = "winlabel";
// label.appendChild(winlabellabel);
// const winodd = document.createElement("div");
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "Place";
winlabell.className = "winlabell";
winlabellabel.textContent = numberDiv.textContent;
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
oddspan.textContent = wininputdog.value;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
asdfa();
});
var product = parseFloat(wininputdog.value) * stakeInputBox.value;
winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
div.classList.remove("selected");
asdfa();
});
asdfa();
} else {
const spans = document.querySelectorAll(".selected-item");
for (let i = 0; i < spans.length; i++) {
if (spans[i].id === div.id) {
spans[i].remove();
break;
}
}
asdfa();
}
}
});
});
var data = [];
var dogd = [];
// Combo dog create combo buttons
const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
selectableComboContainer.forEach((container) => {
const div = container.querySelector(".combo");
div.addEventListener("click", () => {
var a = div.textContent;
var d = div.getAttributeNode("textd").value;
if (data.length <= 2 || div.classList.contains("selected-combo")) {
div.classList.toggle("selected-combo");
if (div.classList.contains("selected-combo")) {
data.push(d);
// console.log(data);
div.textContent = data.indexOf(a) + 1;
} else {
var e = data.indexOf(d);
data.splice(e, 1);
div.textContent = d;
const bn = document.querySelectorAll(".selected-combo");
if (bn.length == 1) {
// console.log("1")
bn[0].textContent = 1;
} else if (bn.length == 2) {
// console.log("2");
// var index = data.indexOf(d);
// console.log(e);
if (e == 0) {
if (bn[0].textContent == "2" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
} else if (e == 1) {
if (bn[0].textContent == "1" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
}
}
// console.log(data);
// bn.textContent = 1;
}
}
else {
// console.log("full");
// var e = data.indexOf(d);
// data.splice(e, 1);
}
const selectedItem = document.getElementsByClassName("selected-combo");
if (selectedItem.length == 1) {
const clrrbtnn = document.querySelector(".clrbtnnn");
clrrbtnn.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
}
else if (selectedItem.length == 2) {
const exactBtn = document.querySelector(".exact-btn");
const qunelaBtn = document.querySelector(".qunela-btn");
exactBtn.style.display = "block";
qunelaBtn.style.display = "block";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
// console.log(selectedItem.length);
} else if (selectedItem.length == 3) {
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "block";
trifecta.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
}
else {
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
const clrrbtnn = document.querySelector(".clrbtnnn");
clrrbtnn.style.display = "none";
}
});
});
var data2 = [];
// Combo horse create combo buttons
const selectableComboContainer2 = document.querySelectorAll(".selectable-combo-container2");
selectableComboContainer2.forEach((container) => {
const div = container.querySelector(".horse-combo");
div.addEventListener("click", () => {
var a = div.textContent;
var d = div.getAttributeNode("textc").value;
if (data2.length < 3 || div.classList.contains("horse-selected")) {
div.classList.toggle("horse-selected");
if (div.classList.contains("horse-selected")) {
data2.push(d);
// console.log(data2);
div.textContent = data2.indexOf(a) + 1;
} else {
var e = data2.indexOf(d);
data2.splice(e, 1);
div.textContent = d;
const bn = document.querySelectorAll(".horse-selected");
if (bn.length == 1) {
// console.log("1")
bn[0].textContent = 1;
} else if (bn.length == 2) {
// console.log("2");
// var index = data.indexOf(d);
// console.log(e);
if (e == 0) {
if (bn[0].textContent == "2" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
} else if (e == 1) {
if (bn[0].textContent == "1" && bn[1].textContent == "3") {
bn[0].textContent = 1;
bn[1].textContent = 2;
} else {
bn[0].textContent = 2;
bn[1].textContent = 1;
}
}
}
}
}
else {
// console.log("full");
}
const selectedItem = document.getElementsByClassName("horse-selected");
if (selectedItem.length == 1) {
const clrrbtnn = document.querySelector(".clrbtnnn2");
clrrbtnn.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
trio.style.display = "none";
trifecta.style.display = "none";
}
else if (selectedItem.length == 2) {
const exactBtn = document.querySelector(".exact-btn2");
const qunelaBtn = document.querySelector(".qunela-btn2");
exactBtn.style.display = "block";
qunelaBtn.style.display = "block";
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "none";
trifecta.style.display = "none";
// console.log(selectedItem.length);
} else if (selectedItem.length == 3) {
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "block";
trifecta.style.display = "block";
const qunelaBtn = document.querySelector(".qunela-btn2");
const exactBtn = document.querySelector(".exact-btn2");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
}
else {
const qunelaBtn = document.querySelector(".qunela-btn2");
const exactBtn = document.querySelector(".exact-btn2");
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
const trio = document.querySelector(".trio-btn2");
const trifecta = document.querySelector(".trifecta-btn2");
trio.style.display = "none";
trifecta.style.display = "none";
const clrrbtnn = document.querySelector(".clrbtnnn2");
clrrbtnn.style.display = "none";
}
});
});
const qunelaBtn = document.querySelector(".qunela-btn");
const exactBtn = document.querySelector(".exact-btn");
const clrbtnn = document.querySelector(".clrbtnnn");
const clrbtnn2 = document.querySelector(".clrbtnnn2");
const trio = document.querySelector(".trio-btn");
const trifecta = document.querySelector(".trifecta-btn");
const qunelaBtn2 = document.querySelector(".qunela-btn2");
const exactBtn2 = document.querySelector(".exact-btn2");
const trio2 = document.querySelector(".trio-btn2");
const trifecta2 = document.querySelector(".trifecta-btn2");
var datad = [];
// dog combo clear
clrbtnn.addEventListener("click", () => {
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
})
//horse combo clear
clrbtnn2.addEventListener("click", () => {
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
})
// Exact dog button
exactBtn.addEventListener("click", () => {
var datadstring = data.join();
if (datad.indexOf(datadstring) == "-1") {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "e";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data[0] + "-" + data[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.className = 'asdfgh';
stakeInputBox.value = "10";
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = datad.indexOf(ser);
datad.splice(e, 1);
asdf();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
datad.push(datadstring);
}
asdf();
});
// Exact horse button
var hexarray = [];
exactBtn2.addEventListener("click", () => {
var hexstring = data2.join();
if (hexarray.indexOf(hexstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "e";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data2[0] + "-" + data2[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = hexarray.indexOf(ser);
hexarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
hexarray.push(hexstring);
}
asdfa();
});
dqunarray = [];
// Quinella dog button
qunelaBtn.addEventListener("click", () => {
var dqunstring = data.join();
if (dqunarray.indexOf(dqunstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "q";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two Any Order";
winlabell.className = "winlabell";
add = [];
add = data.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dqunarray.indexOf(ser);
dqunarray.splice(e, 1);
asdf();
// this.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dqunarray.push(dqunstring);
}
asdf();
});
var hqunarray = [];
// Quinella horse button
qunelaBtn2.addEventListener("click", () => {
var hqunstring = data2.join();
if (hqunarray.indexOf(hqunstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "q";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Two Any Order";
winlabell.className = "winlabell";
add = [];
add = data2.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
winlabellabel.textContent = data2[0] + "-" + data2[1];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = hqunarray.indexOf(ser);
hqunarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
hqunarray.push(hqunstring);
}
asdfa();
});
dtrioarray = [];
// Trio dog button
trio.addEventListener("click", () => {
var dtriostring = data.join();
const selectedItemDiv = document.createElement("div");
if (dtrioarray.indexOf(dtriostring) == '-1') {
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tr";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three Any Order";
winlabell.className = "winlabell";
add = [];
add = data.sort();
winlabellabel.textContent = add[0] + "-" + add[1] + "-" + add[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dtrioarray.indexOf(ser);
dtrioarray.splice(e, 1);
// div.classList.remove("selected");
asdf();
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dtrioarray.push(dtriostring);
}
asdf();
});
var htrioarray = [];
// Trio horse button
trio2.addEventListener("click", () => {
var htriostring = data2.join();
if (htrioarray.indexOf(htriostring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tr";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three Any Order";
winlabell.className = "winlabell";
add = [];
add = data2.sort();
winlabellabel.textContent = add[0] + "-" + add[1];
winlabellabel.textContent = data2[0] + "-" + data2[1] + "-" + data2[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = htrioarray.indexOf(ser);
htrioarray.splice(e, 1);
asdfa();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
htrioarray.push(htriostring);
}
asdfa();
});
var dtfarray = [];
// Trifecta dog button
trifecta.addEventListener("click", () => {
var dtfstring = data.join();
if (dtfarray.indexOf(dtfstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tf";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data[0] + "-" + data[1] + "-" + data[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdf();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data.join();
var e = dtfarray.indexOf(ser);
dtfarray.splice(e, 1);
asdf();
// div.classList.remove("selected");
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".selected-combo");
winremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
clrbtnn.style.display = 'none';
data = [];
dtfarray.push(dtfstring);
}
asdf();
});
var htfarray = [];
// Trifecta horse button
trifecta2.addEventListener("click", () => {
var htfstring = data2.join();
if (htfarray.indexOf(htfstring) == '-1') {
const selectedItemDiv = document.createElement("div");
selectedItemDiv.classList.add("selected-item");
selectedItemDiv.classList.add("position-relative");
selectedItemDiv.classList.add("text-light");
// selectedItemDiv.id = div.id;
// selectedItemDiv.setAttribute("type", "w");
const typeLabel = document.createElement("label");
typeLabel.textContent = "tf";
typeLabel.style.display = "none";
typeLabel.className = "typelabel";
const label = document.createElement("div");
label.id = "selectedLabel";
label.className = "d-flex justify-content-between";
const winlabellabel = document.createElement("div");
winlabellabel.className = "winlabel";
const winlabell = document.createElement("label");
winlabell.textContent = "1st Three In Order";
winlabell.className = "winlabell";
winlabellabel.textContent = data2[0] + "-" + data2[1] + "-" + data2[2];
label.appendChild(typeLabel);
label.appendChild(winlabell);
label.appendChild(winlabellabel);
const winodd = document.createElement("div");
winodd.textContent = "Odd: ";
winodd.className = "oddLabel me-3";
const oddspan = document.createElement("span");
oddspan.className = "oddspan";
// oddspan.textContent = div.textContent;
winodd.appendChild(oddspan);
label.appendChild(winodd);
const stakeInputDiv = document.createElement("div");
selectedItemDiv.appendChild(label);
stakeInputDiv.className = "stakeInputBox";
const stakeInputBox = document.createElement("input");
stakeInputBox.type = "number";
stakeInputBox.value = "10";
stakeInputBox.className = 'asdfgh';
const tenbr = document.createElement("button");
tenbr.textContent = '10';
tenbr.className = "stakebtns btn btn-sm btn-primary";
const twentybr = document.createElement("button");
twentybr.textContent = '20';
twentybr.className = "stakebtns btn btn-sm btn-success";
const fiftybr = document.createElement("button");
fiftybr.textContent = '50';
fiftybr.className = "stakebtns btn btn-sm btn-warning";
const hundredbr = document.createElement("button");
hundredbr.textContent = '100';
hundredbr.className = "stakebtns btn btn-sm btn-danger";
stakeInputDiv.appendChild(stakeInputBox);
stakeInputDiv.appendChild(tenbr);
stakeInputDiv.appendChild(twentybr);
stakeInputDiv.appendChild(fiftybr);
stakeInputDiv.appendChild(hundredbr);
selectedItemDiv.appendChild(stakeInputDiv);
const winLabel = document.createElement("div");
winLabel.id = "winlabel";
winLabel.className = "position-absolute bottom-0 end-0";
selectedItemDiv.appendChild(winLabel);
const closeBUttonDiv = document.createElement("button");
closeBUttonDiv.className = "btn-close position-absolute top-0 end-0";
closeBUttonDiv.id = "close";
selectedItemDiv.appendChild(closeBUttonDiv);
stakeInputBox.addEventListener("input", () => {
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
tenbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 10;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
twentybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 20;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
fiftybr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 50;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
hundredbr.addEventListener("click", () => {
var val = parseInt(stakeInputBox.value);
stakeInputBox.value = val + 100;
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
asdfa();
});
// var product = parseFloat(div.textContent) * stakeInputBox.value;
// winLabel.textContent = "Win amount: " + product;
const area1 = document.getElementById("dynamic-tickets-container2");
area1.appendChild(selectedItemDiv);
const closeButton = selectedItemDiv.querySelector(".btn-close");
closeButton.addEventListener("click", () => {
selectedItemDiv.remove();
var ser = data2.join();
var e = htfarray.indexOf(ser);
htfarray.splice(e, 1);
// div.classList.remove("selected");
asdfa();
});
// const selectableComboContainer = document.querySelectorAll(".selectable-combo-container");
const winremove = document.querySelectorAll(".horse-selected");
winremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
clrbtnn2.style.display = 'none';
data2 = [];
htfarray.push(htfstring);
}
asdfa();
});
// Clear dog selections
const clearButton = document.getElementById("clearButon");
clearButton.addEventListener("click", () => {
document.getElementById('totalamt').textContent = 'Br. 0';
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".selected-combo");
comboremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
data = [];
datad = [];
dqunarray = [];
dtrioarray = [];
dtfarray = [];
});
// Clear horse selections
const clearButton2 = document.getElementById("clearButon2");
clearButton2.addEventListener("click", () => {
document.getElementById('totalamt2').textContent = 'Br. 0';
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".horse-selected");
comboremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
data2 = [];
hexarray = [];
hqunarray = [];
htrioarray = [];
htfarray = [];
});
// Add pressed button amount to stake function
function addValue(val) {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake += val;
stakeInput.value = stake;
}
}
asdf();
asdfa();
}
var data = [];
const printButton = document.getElementById("printButton");
function convertString(input) {
const charMap = {
a: 'z', b: '', c: 'y', d: 'x', e: 'w', f: 'v', g: 'u', h: 't', i: 's', j: 'r',
k: 'q', l: 'p', m: 'o', n: 'n', o: 'm', p: 'l', q: 'k', r: 'j', s: 'i', t: 'h',
u: 'g', v: 'f', w: 'e', x: 'd', y: 'c', z: 'b',
0: '9', 1: '8', 2: '7', 3: '6', 4: '5', 5: '4', 6: '3', 7: '2', 8: '1', 9: '0'
};
const converted = Array.from(input.toLowerCase(), char => charMap[char] || char);
return converted.join('');
}
// ticket printing
$(document).ready(function () {
var a = document.getElementById('admincontrol').textContent;
console.log(a, '---');
if (a == 1) {
// $('#dogfirstodd').hide();
// document.getElementById('dogfirstodd').value = '123';
document.getElementById('dogfirstodd').style.display = 'none';
document.getElementById('dogfirstplaceodd').style.display = 'none';
document.getElementById('dogsecondodd').style.display = 'none';
document.getElementById('dogthirdodd').style.display = 'none';
console.log('12345688');
} else if (a == 0) {
document.getElementById('dogfirstplaceodd').style.display = 'block';
}
const numberInput = document.querySelectorAll('.inputoddsdogclass');
numberInput.forEach(function (input) {
input.addEventListener('keypress', function (event) {
const key = event.key;
if (!/[\d.]/.test(key) || (key === '.' && input.value.includes('.'))) {
event.preventDefault();
}
});
});
// Print dog tickets
$("#printButton").click(function (e) {
datad = [];
dqunarray = [];
dtrioarray = [];
dtfarray = [];
var game_id = $("#dog-game-id").text();
var checkerr = 0;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'gameidstatuscheckfordog': true,
'gameid': game_id,
'date': date,
},
success: function (responsecheck) {
if (responsecheck == '1') {
checkerr++;
var time = new Date().toLocaleTimeString();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'foulsdetected': true,
'gameid': game_id,
'time': time,
'date': date,
},
success: function (response) {
if (response == '1') {
alert("Game Played Before");
}
}
})
// alert("TIme: "+ time+", Happened: "+checkerr+" times");
// console.log("TIme: "+ time+", Happened: "+checker+" times");
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var ticket_id = new Date().getTime();
var last_ticket_id = document.getElementById("last-ticket-id").value;
if (ticket_id < last_ticket_id) {
alert("Please adjust the time correctly");
} else if (selectedDiv.length == 0) {
// Do nothing
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var data = [];
var winlabeldb;
var odddb;
var stakedb;
var winlabell;
var alldb, aldbb = ";";
var myobj = {};
var user_id = $("#asd_id").text();
var user_name = $("#asd").text();
var surname = $("#surname").text();
// console.log(user_id);
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticket_id.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
barcodeElement.style.height = "100px";
barcodeElement.style.width = "100%";
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
// console.log(ticket_id);
// alert(selectedDiv.length);
for (var i = 0; i < selectedDiv.length; i++) {
var winlabel = selectedDiv[i].querySelector(".winlabel");
var oddspan = selectedDiv[i].querySelector(".oddspan");
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
var typelabel = selectedDiv[i].querySelector(".typelabel");
var winlabelll = selectedDiv[i].querySelector(".winlabell");
// var winlabellll = selectedDiv[i].querySelector(".winlabelll");
winlabeldb = winlabel.textContent;
odddb = oddspan.textContent;
stakedb = stakeInput.value;
winlabell = winlabelll.textContent;
var type = typelabel.textContent;
alldb = "{" + winlabell + "," + winlabeldb + "," + odddb + "," + stakedb + "}";
if (oddspan && stakeInput) {
var item = {
winlabel: winlabel.textContent,
oddspan: oddspan.textContent,
stakeInput: stakeInput.value,
winlabell: winlabelll.textContent
}
var selectedarray = [
user_id,
game_id,
ticket_id,
type,
winlabel.textContent,
oddspan.textContent,
stakeInput.value,
0,
0,
1,
]
data.push(item);
myobj['array' + i] = selectedarray;
}
aldbb += alldb + ";";
}
// console.log(data);
// console.log(aldbb);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Print Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}.allelem{
font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${ticket_id}</p>
<p class='allelem'>${surname}(${user_name})</p>
</div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
var winarray = [];
for (var j = 0; j < data.length; j++) {
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${data[j].winlabell} </div>
<div class='stake fontweight'>Br ${data[j].stakeInput}.00</div>
</div>
<div class='fontless'>Greyhound Racing${new Date().toLocaleString()} #${game_id}</div>
<div class='fontless' style='margin-left:5px'>${data[j].winlabel}. Dog ${data[j].oddspan}</div>`
);
var product = parseFloat(data[j].stakeInput) * parseFloat(data[j].oddspan);
// printWindow.document.write(`
// <span style="display:block;">Win Amount: ${product}</span>
// <br>
// `);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
// console.log(winarray);
sum += parseFloat(data[j].stakeInput);
// printWindow.document.write("asd");
}
// console.log(winarray);
var winarray2 = winarray.sort();
// console.log(winarray2[0]);
// console.log(winarray2[winarray2.length-1]);
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
var prttime = new Date().toLocaleTimeString();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'print_btn': true,
// 'game_id': game_id,
// 'ticketid': new Date().getTime(),
// 'total': aldbb,
// 'totalstake': sum,
printed: JSON.stringify(myobj),
'sum': sum,
'prttime': prttime,
},
success: function (response) {
// if(response == '1'){
printWindow.print();
printWindow.close();
// }
}
});
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
// const div = document.querySelectorAll(".place");
// div.classList.remove("selected");
document.getElementById('totalamt').textContent = 'Br. 0';
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
}
}
}
})
});
// Print horse tickets
$("#printButton2").click(function (e) {
hexarray = [];
hqunarray = [];
htrioarray = [];
htfarray = [];
var ticket_id = new Date().getTime();
var last_ticket_id = document.getElementById("last-ticket-id").value;
var game_id = $("#horse-game-id").text();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'gameidstatuscheckfordog': true,
'gameid': game_id,
'date': date,
},
success: function (responsecheck) {
if (responsecheck == '1') {
alert("Game Played before");
var time = new Date().toLocaleTimeString();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'foulsdetected': true,
'gameid': game_id,
'time': time,
'date': date,
},
success: function (response) {
if (response == '1') {
alert("Game Played Before");
}
}
})
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
if (ticket_id < last_ticket_id) {
alert("Please adjust the time correctly");
} else if (selectedDiv.length == 0) {
// Do nothing
} else {
var selectedDiv = document.getElementsByClassName("selected-item");
var data = [];
var winlabeldb;
var odddb;
var stakedb;
var winlabell;
var alldb, aldbb = ";";
var myobj = {};
var user_id = $("#asd_id").text();
var user_name = $("#asd").text();
var surname = $("#surname").text();
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticket_id.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
barcodeElement.style.height = "100px";
barcodeElement.style.width = "100%";
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
// console.log(ticket_id);
// console.log(type);
for (var i = 0; i < selectedDiv.length; i++) {
var winlabel = selectedDiv[i].querySelector(".winlabel");
var oddspan = selectedDiv[i].querySelector(".oddspan");
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
var typelabel = selectedDiv[i].querySelector(".typelabel");
var winlabelll = selectedDiv[i].querySelector(".winlabell");
// var winlabellll = selectedDiv[i].querySelector(".winlabelll");
winlabeldb = winlabel.textContent;
odddb = oddspan.textContent;
stakedb = stakeInput.value;
winlabell = winlabelll.textContent;
var type = typelabel.textContent;
alldb = "{" + winlabell + "," + winlabeldb + "," + odddb + "," + stakedb + "}";
if (oddspan && stakeInput) {
var item = {
winlabel: winlabel.textContent,
oddspan: oddspan.textContent,
stakeInput: stakeInput.value,
winlabell: winlabelll.textContent
}
var selectedarray = [
user_id,
game_id,
ticket_id,
type,
winlabel.textContent,
oddspan.textContent,
stakeInput.value,
0,
0,
]
data.push(item);
myobj['array' + i] = selectedarray;
}
aldbb += alldb + ";";
}
// console.log(data);
// console.log(aldbb);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Print Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}.allelem{
font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${ticket_id}</p>
<p class='allelem'>${surname}(${user_name})</p>
</div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
var winarray = [];
for (var j = 0; j < data.length; j++) {
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${data[j].winlabell} </div>
<div class='stake fontweight'>Br ${data[j].stakeInput}.00</div>
</div>
<div class='fontless'>Horse Racing${new Date().toLocaleString()} #${game_id}</div>
<div class='fontless' style='margin-left:5px'>${data[j].winlabel}. Horse ${data[j].oddspan}</div>`
);
var product = parseFloat(data[j].stakeInput) * parseFloat(data[j].oddspan);
// printWindow.document.write(`
// <span style="display:block;">Win Amount: ${product}</span>
// <br>
// `);
if (!isNaN(product)) {
winarray.push(product);
}
sum += parseFloat(data[j].stakeInput);
// printWindow.document.write("asd");
}
// console.log(winarray);
var winarray2 = winarray.sort();
// console.log(winarray2[0]);
// console.log(winarray2[winarray2.length-1]);
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
var prttime = new Date().toLocaleTimeString();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'horse-print_btn': true,
// 'game_id': game_id,
// 'ticketid': new Date().getTime(),
// 'total': aldbb,
// 'totalstake': sum,
printed: JSON.stringify(myobj),
'sum': sum,
'prttime': prttime,
},
success: function (response) {
printWindow.print();
printWindow.close();
}
});
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
// const div = document.querySelectorAll(".place");
// div.classList.remove("selected");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
}
document.getElementById('totalamt2').textContent = 'Br. 0';
}
}
})
});
});
</script>
<script>
$(document).ready(function () {
// Get the last ticket id
$.ajax({
method: "POST",
url: "dog.php",
data: {
"check-last-game-id": true,
},
success: function (response) {
// console.log("Last game id: "+response);
$("#last-ticket-id").val(response);
var ticket_id = new Date().getTime();
// var last_ticket_id = document.getElementById("last-ticket-id").value;
// console.log('asd' + last_ticket_id);
if (ticket_id < response) {
// alert("Please adjust the time correctly");
var modal = document.getElementById("bnm");
modal.style.display = "block";
// var text = '';
// modal.appendChild(text);
}
}
});
// Get daily balance when cashier option modal is opened
$("#cashierOptions").click(function (e) {
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'cashierOptions': true,
date: date,
'user_id': user_id,
},
success: function (response) {
$("#dailyBalance").text(response);
}
});
});
$("#stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-1").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 10;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-2").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 20;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-6").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 100;
stakeInput.value = stake;
}
}
asdf();
});
$("#stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdf();
});
$("#horse-stake-1").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 10;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-2").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 20;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-6").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 100;
stakeInput.value = stake;
}
}
asdfa();
});
$("#horse-stake-5").dblclick(function () {
const selectedDiv = document.querySelectorAll(".selected-item");
for (var i = 0; i < selectedDiv.length; i++) {
var stakeInput = selectedDiv[i].querySelector("input[type='number']");
if (stakeInput) {
var stake = parseFloat(stakeInput.value);
stake = 50;
stakeInput.value = stake;
}
}
asdfa();
});
//Get tickets to pay
$("#redeem-ticket").click(function (e) {
var ticketid = document.getElementById("ticket-id-scan").value;
// console.log(ticketid);
var dogid = document.getElementById("dog-game-id").textContent;
var horseid = document.getElementById("horse-game-id").textContent;
var table = '';
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'ticketRedeem': true,
'ticket-id': ticketid,
'horseid': horseid,
'dogid': dogid,
'date': date,
},
success: function (response) {
// console.log(response);
if (response == '1') {
$("#ticketdb").text("Ticket not found. Please check and enter again.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else if (response == '2') {
$("#ticketdb").text("Ticket redeemed previously.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else if (response == '3') {
$("#ticketdb").text("Ticket cancelled previously.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
} else if (response == '4') {
$("#ticketdb").text("Please wait until the game is finished to redeem tickets.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
} else if (response == '5') {
$("#ticketdb").text("Result is not issued yet. Please wait for the admin to approve results.");
$("#winamounttotal").html("");
$("#resultRedeemTicket").css("margin-bottom", "0");
$("#resultRedeemTicket").text("");
}
else {
var ticketidd = document.getElementById("ticket-id-scan").value;
// console.log("asdsd" + ticketid);
// Result
$.ajax({
method: "POST",
url: "dog.php",
data: {
"seeResult": true,
"ticketid": ticketidd,
// 'date': date,
},
success: function (response) {
// console.log(response);
$("#resultRedeemTicket").css("margin-bottom", "20px");
$("#resultRedeemTicket").text(response);
}
});
var totalamount = 0;
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game Id</th>";
table += "<th scope='col'>Ticket Id</th>";
table += "<th scope='col'>Market</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Win</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var data = JSON.parse(response);
for (let i = 0; i < data.length; i++) {
var gameid = data[i].gameid;
var ticketid = data[i].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var mar = data[i].type;
var market;
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var amount = data[i].amount;
totalamount += parseInt(amount);
table += "<tr>";
table += "<td>" + gameid + "</td>";
table += "<td>" + ticketid + "</td>";
table += "<td>" + market + "</td>";
table += "<td>" + number + "</td>";
table += "<td>" + odd + "</td>";
table += "<td>" + stake + "</td>";
table += "<td>" + amount + "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
// $("#ticketdb").text(header);
$("#ticketdb").html(table);
var redeem = '<div class="h6 pb-2 mt-4 text-success border-bottom border-danger"> Won Amount: <span id="won-amout-pay">' + totalamount + '</span></div>';
redeem += '<button type="button" class="btn btn-success btn-sm mt-2" id="ticket-redeem-pay">Redeem</button>';
// $('#ticketdb').html(header);
$("#winamounttotal").html(redeem);
var ticketidd = ticketid;
$("#ticket-redeem-pay").click(function () {
var ticketid = document.getElementById("ticket-id-scan").value;
// console.log(ticketid);
var user_id = $("#asd_id").text();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'executePayment': true,
'ticketid': ticketid,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#ticketdb").html("<p>Ticket successfully redeemed.</p>");
$("#winamounttotal").html("");
$("#ticket-id-scan").val("");
$("#resultRedeemTicket").text("");
$("#resultRedeemTicket").css("margin-bottom", "0");
}
}
});
});
}
}
});
});
// Clear redeem modal
$("#redeem-close").click(function () {
$("#winamounttotal").html("");
$("#ticketdb").text("");
$("#ticket-id-scan").val("");
$("#resultRedeemTicket").text("");
$("#resultRedeemTicket").css("margin-bottom", "0");
});
// Get tickets to cancel
$("#cancel-ticket").click(function (e) {
var ticketid = document.getElementById("cancel-ticket-id-scan").value;
// console.log(ticketid);
var dogid = document.getElementById("dog-game-id").textContent;
var horseid = document.getElementById("horse-game-id").textContent;
var table = '';
var game_id = dogGameId.textContent;
var dateObj = new Date();
// var day = dateObj.getDate();
// var month = parseInt(dateObj.getMonth()) + 1;
// var year = dateObj.getFullYear();
// var date = year + "-" + month + "-" + day;
var date = dateObj.getTime();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'cancelTicket': true,
'ticketid': ticketid,
'date': date,
'horseid': horseid,
'dogid': dogid,
},
success: function (response) {
// console.log(response);
if (response == '1') {
$("#cancel-ticketdb").text("Ticket not found. Please enter again.");
$("#cancelledamounttotal").html("");
}
else if (response == '2') {
$("#cancel-ticketdb").text("Ticket preveiously cancelled.");
$("#cancelledamounttotal").html("");
}
else if (response == '3') {
// alert("cann");
$("#cancel-ticketdb").text("Cannot cancel ticket at this time");
$("#cancelledamounttotal").html("");
}
else {
var totalamount = 0;
// header = "<h3>abeni</h3>";
// table += "<h3>"++"</h3>";
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game Id</th>";
table += "<th scope='col'>Ticket Id</th>";
table += "<th scope='col'>Number</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
// table += "<th scope='col'>Win</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var data = JSON.parse(response);
for (let i = 0; i < data.length; i++) {
var gameid = data[i].gameid;
var ticketid = data[i].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var amount = data[i].amount;
totalamount += parseInt(stake);
table += "<tr>";
table += "<td>" + gameid + "</td>";
table += "<td>" + ticketid + "</td>";
table += "<td>" + number + "</td>";
table += "<td>" + odd + "</td>";
table += "<td>" + stake + "</td>";
// table +="<td>"+amount+ "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
// $("#ticketdb").text(header);
$("#cancel-ticketdb").html(table);
var redeem = '<div class="h6 pb-2 mt-4 text-danger border-bottom border-dark"> Amount to be cancelled: <span id="cancelled-amount">' + totalamount + '</span></div>';
redeem += '<button type="button" class="btn btn-success btn-sm mt-2" id="ticket-cancel-pay">Cancel</button>';
// $('#ticketdb').html(header);
$("#cancelledamounttotal").html(redeem);
$("#ticket-cancel-pay").click(function () {
var ticketid = document.getElementById("cancel-ticket-id-scan").value;
// console.log(ticketid);
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'executeCancel': true,
'ticketid': ticketid,
},
success: function (response) {
if (response == '1') {
$("#cancel-ticketdb").text("Ticket cancelled successfully");
$("#cancelledamounttotal").html("");
$("#cancel-ticket-id-scan").val("");
}
}
});
});
}
}
});
});
// Clear cancel modal
$("#cancel-close").click(function (e) {
// $("#cancel-ticket-result").text("");
$("#cancel-ticket-id-scan").val('');
$("#cancel-ticketdb").text("");
$("#cancelledamounttotal").html("");
});
$("#reloadBalance").click(function (e) {
var day = new Date().getDate();
var month = parseInt(new Date().getMonth()) + 1;
var year = new Date().getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var dailyBalance = document.getElementById("dailyBalance").textContent;
var user_id = $("#asd_id").text();
e.preventDefault();
$.ajax({
method: 'POST',
url: 'dog.php',
data: {
'reloadedBalance': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
// console.log(data['totalStake']);
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Date</th>";
table += "<th scope='col'>Total Stake</th>";
table += "<th scope='col'>Total Won</th>";
table += "<th scope='col'>Total Paid</th>";
table += "<th scope='col'>Total Cancelled</th>";
table += "<th scope='col'>Balance</th>";
table += "<th scope='col'>Unpaid</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
table += "</tr>";
table += "<td>" + date + "</td>";
table += "<td>" + data['totalStake'] + ".00</td>";
table += "<td>" + data['totalWinAmount'] + "</td>";
table += "<td>" + data['totalWinPaidAmount'] + "</td>";
table += "<td>" + data['totalCancel'] + "</td>";
table += "<td>" + dailyBalance + "</td>";
table += "<td>" + data['totalUnpaid'] + "</td>";
table += "</tr>";
table += "</tbody>";
table += "</table>";
$("#reloadedbalanceTable").html(table);
}
});
});
$("#closeOptions").click(function (e) {
$("#reloadedbalanceTable").html("");
});
});
document.getElementById("redeem").addEventListener("click", () => {
document.getElementById("ticket-id-scan").focus();
// console.log("kh");
});
const sll = document.querySelectorAll(".selected-item");
const dogprt = document.getElementById("printButton");
const hrsprt = document.getElementById("printButton2");
// const serial =document.getElementById("serial").textContent;
// const convertedText = convertString(serial);
// console.log("this."+convertedText);
var a = 0;
$("#dogsaveoddandresult").click(function (e) {
e.preventDefault();
const game_id = document.getElementById("dogiddd").value;
var first = document.getElementById("dogfirst").value;
var second = document.getElementById("dogsecond").value;
var third = document.getElementById("dogthird").value;
var firsto = document.getElementById("dogfirstodd").value;
var firstoplace = document.getElementById("dogfirstplaceodd").value;
var secondo = document.getElementById("dogsecondodd").value;
var thirdo = document.getElementById("dogthirdodd").value;
var exactodd = document.getElementById("exactodd").value;
var quinellaodd = document.getElementById("quinellaodd").value;
var trifectaodd = document.getElementById("trifectaodd").value;
var trioodd = document.getElementById("trioodd").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var horse = document.getElementById("horse-game-id").textContent;
var dog = document.getElementById("dog-game-id").textContent;
var mnb = document.getElementById('admincontrol').textContent;
if (((game_id > 2000) && (first > 8 || second > 8 || third > 8 || first == second || second == third || third == first)) || (game_id < 2000) && (first > 14 || second > 14 || third > 14 || first == second || second == third || third == first)) {
alert('Please enter correctly');
console.log('error');
} else {
if (game_id - dog == '-1' || game_id - horse == '-1' || game_id - dog == '-2' || game_id - horse == '-2' || game_id - dog == '-3' || game_id - horse == '-3' || game_id - dog == '-4' || game_id - horse == '-4' || game_id - dog == '-5' || game_id - horse == '-5') {
if (mnb == 0) {
$.ajax({
method: "POST",
url: "dog.php",
data: {
'result': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'firsto': firsto,
"firstoplace": firstoplace,
'secondo': secondo,
'thirdo': thirdo,
'exactodd': exactodd,
"quinellaodd": quinellaodd,
"trifectaodd": trifectaodd,
"trioodd": trioodd,
'date': date,
},
success: function (response) {
// console.log(response);
if (a == 0) {
$("#dogsaveoddandresult").text("Press Again");
a = 1;
} else if (a == 1) {
$("#dogsaveoddandresult").text("Save");
$("#dogiddd").val("");
$("#dogfirst").val("");
$("#dogsecond").val("");
$("#dogthird").val("");
$("#dogfirstodd").val("");
$("#dogfirstplaceodd").val("");
$("#dogthirdodd").val("");
$("#dogsecondodd").val("");
$("#exactodd").val("");
$("#quinellaodd").val("");
$("#trifectaodd").val("");
$("#trioodd").val("");
a = 0;
}
}
})
} else if (mnb == 1) {
$.ajax({
method: "POST",
url: "dog.php",
data: {
'resultwithodd': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'exactodd': exactodd,
"quinellaodd": quinellaodd,
"trifectaodd": trifectaodd,
"trioodd": trioodd,
'date': date,
},
success: function (response) {
// console.log(response);
if (a == 0) {
$("#dogsaveoddandresult").text("Press Again");
a = 1;
} else if (a == 1) {
$("#dogsaveoddandresult").text("Save");
$("#dogiddd").val("");
$("#dogfirst").val("");
$("#dogsecond").val("");
$("#dogthird").val("");
$("#dogfirstodd").val("");
$("#dogfirstplaceodd").val("");
$("#dogthirdodd").val("");
$("#dogsecondodd").val("");
$("#exactodd").val("");
$("#quinellaodd").val("");
$("#trifectaodd").val("");
$("#trioodd").val("");
a = 0;
}
}
})
}
} else {
// console.log("ff");
}
}
//
});
$("#horsesaveoddandresult").click(function (e) {
e.preventDefault();
const game_id = document.getElementById("horseiddd").value;
var first = document.getElementById("horsefirst").value;
var second = document.getElementById("horsesecond").value;
var third = document.getElementById("horsethird").value;
var firsto = document.getElementById("horsefirstodd").value;
var secondo = document.getElementById("horsesecondodd").value;
var thirdo = document.getElementById("horsethirdodd").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'result': true,
'game-id': game_id,
'first': first,
'second': second,
'third': third,
'firsto': firsto,
'secondo': secondo,
'thirdo': thirdo,
'date': date,
},
success: function (response) {
// console.log(response);
}
})
});
$("#paymenthistory").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'paymentHistory': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
console.log(data);
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Type</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Won</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].number + "</td>";
table += "<td>" + data[i].type + "</td>";
table += "<td>" + data[i].odd + "</td>";
table += "<td>" + data[i].stake + "</td>";
table += "<td>" + data[i].amount + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Payment History</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Payment History</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#todayresults").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'todayresults': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>First:Odd</th>";
table += "<th scope='col'>Second:Odd</th>";
table += "<th scope='col'>Third:Odd</th>";
table += "<th scope='col'>Exact</th>";
table += "<th scope='col'>Trifecta</th>";
table += "<th scope='col'>Quinella</th>";
table += "<th scope='col'>Trio</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].first + ":" + data[i].fodd + "/" + data[i].fplaceodd + "</td>";
table += "<td>" + data[i].second + ":" + data[i].sodd + "</td>";
table += "<td>" + data[i].third + ":" + data[i].todd + "</td>";
table += "<td>" + data[i].exact + "</td>";
table += "<td>" + data[i].trifecta + "</td>";
table += "<td>" + data[i].quinella + "</td>";
table += "<td>" + data[i].trio + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=10px;font-family: sans-serif;font-size:11px;}</style>
<title>Today results</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Today Results</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#cancelhistory").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var table = '';
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: "dog.php",
data: {
'cancelHistory': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
if (response == '1') {
$("#payedman").text("No record Found");
$("#prtbtnpay").html("");
}
var data = JSON.parse(response);
// table += ``;
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Selection</th>";
table += "<th scope='col'>Type</th>";
table += "<th scope='col'>Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Won</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].number + "</td>";
table += "<td>" + data[i].type + "</td>";
table += "<td>" + data[i].odd + "</td>";
table += "<td>" + data[i].stake + "</td>";
table += "<td>" + data[i].amount + "</td>";
table += "</tr>";
}
table += "<tbody>";
table += "</table>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printhistory'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
$("#prtbtnpay").html(btnpr);
// console.log(table);
$("#printhistory").click(function (e) {
e.preventDefault();
var bnm = document.getElementById("paymenthistryy").innerHTML;
// console.log(bnm);
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log(printtime);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Cancelled Tickets</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Cancelled Tickets</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
});
},
});
});
$("#dailybalanceprint").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'endbalance': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
var html = '';
html += "<input type='date' id='datee' class='mb-2'>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Stake: </span>" + data['totalStake'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Winnings: </span>" + data['totalWinAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Paid: </span>" + data['totalWinPaidAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Cancelled: </span>" + data['totalCancel'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Unpaid Amount: </span>" + data['totalUnpaid'] + "</div>";
var balanceee = data['totalStake'] - data['totalWinPaidAmount'] - data['totalCancel'];
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>End Balance: </span>" + balanceee + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed Time: </span>" + data['hashedTime'] + "</div>";
var db = document.getElementById('maxbalance').textContent;
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed At: </span>" + db + "AM</div>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(html);
$("#prtbtnpay").html(btnpr);
$("#printBalancev").click(function (e) {
e.preventDefault();
var bbb = document.getElementById("paymenthistryy").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log("aben loves abiye");
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:14px; }.bolder{font-weight: bolder;}</style>
<title>End Balance</title></head>`+
`<body><div class='d-flex justify-content-between'><h4 class='bolder'>End Balance</h4> <p>${printdate} ${printtime}</p></div><div>${bbb}</div></body></html>`);
printWindow.print();
printWindow.close();
})
document.getElementById('datee').addEventListener('input', () => {
var dateee = document.getElementById('datee').value;
// alert(user_id);
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'endbalancebydate': true,
'date': dateee,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
var html = '';
html += "<input type='date' id='datee' class='mb-2'>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Stake: </span>" + data['totalStake'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Winnings: </span>" + data['totalWinAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Paid: </span>" + data['totalWinPaidAmount'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Total Cancelled: </span>" + data['totalCancel'] + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Unpaid Amount: </span>" + data['totalUnpaid'] + "</div>";
var balanceee = data['totalStake'] - data['totalWinPaidAmount'] - data['totalCancel'];
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>End Balance: </span>" + balanceee + "</div>";
html += "<div class='d-block mb-2 border-bottom border-success'><span class='bolder'>Hashed Time: </span>" + data['hashedTime'] + "</div>";
var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(html);
$("#prtbtnpay").html(btnpr);
$("#printBalancev").click(function (e) {
e.preventDefault();
var bbb = document.getElementById("paymenthistryy").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
// console.log("aben loves abiye");
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><link rel="stylesheet" href="css/bootstrap.min.css">
<style>*{margin=0;font-family: sans-serif;font-size:14px; }.bolder{font-weight: bolder;}</style>
<title>End Balance</title></head>`+
`<body><div class='d-flex justify-content-between'><h4 class='bolder'>End Balance</h4> <p>${printdate} ${printtime}</p></div><div>${bbb}</div></body></html>`);
printWindow.print();
printWindow.close();
})
}
})
})
}
});
})
$("#copytickets").click(function (e) {
e.preventDefault();
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
var user_id = $("#asd_id").text();
$.ajax({
method: "POST",
url: 'dog.php',
data: {
'copyticket': true,
'date': date,
'user_id': user_id,
},
success: function (response) {
var data = JSON.parse(response);
// console.log(data);
var table = '';
table += '<table class="table table table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col' hidden>#</th>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col'>Time</th>";
table += "<th scope='col'>Date</th>";
table += "<th scope='col'>Print</th>";
table += "<thead>";
table += "<tr>";
table += "<tbody>";
for (var i = 0; i < data.length; i++) {
table += "<tr>";
table += "<td class='id' hidden> " + data[i].id + "</td>";
table += "<td>" + data[i].gameid + "</td>";
table += "<td>" + data[i].totalstake + "</td>";
table += "<td>" + data[i].prttime + "</td>";
table += "<td>" + data[i].date + "</td>";
table += "<td> <button class='btn btn-success btn-sm p-1 copyticketbtn'>Print</button> </td>";
table += "</tr>";
}
table += "<tbody>";
// var btnpr = "<button class='btn btn-success btn-sm p-1' id='printBalancev'>Print</button>";
// var tabbtn = table + btnpr;
$("#paymenthistryy").html(table);
// $("#prtbtnpay").html(btnpr);
$(".copyticketbtn").click(function (e) {
e.preventDefault();
var id = $(this).closest('tr').find('.id').text();
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'proceedprint': true,
'id': id,
},
success: function (response) {
// alert(response);
var winarray = [];
var data = JSON.parse(response);
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head><title>Copy Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}
body{
background-image: url("images/bg.jpg");background-size: 500px 500px;
}.allelem{ font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}
</style>
</head><body>`);
printWindow.document.write(`<div class='allelem'><p >${data[0].ticketid}</p>
<p class='allelem'>ax</p>
<p class='allelem'>Cashier ${data[0].userid}</p></div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`);
var sum = 0;
for (let i = 0; i < data.length; i++) {
var mar = data[i].type;
var market;
var gametype = data[0].gametype;
var game;
if (gametype == '1') {
game = "Greyhound Racing";
} else if (gametype == '2') {
game = "Horse Racing";
}
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var ticketid = data[0].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var userid = data[i].userid;
var gameid = data[i].gameid;
printWindow.document.write(`<div class='typestake'><div class='type fontweight'>${market} </div>
<div class='stake fontweight'>Br ${stake}.00</div>
</div>
<div class='fontless'>${game}${new Date().toLocaleString()} #${gameid}</div>
<div class='fontless' style='margin-left:5px'>${number}. Dog ${odd}</div>`
);
var product = parseFloat(stake) * parseFloat(odd);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
sum += parseFloat(stake);
}
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticketid.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
var winarray2 = winarray.sort();
printWindow.document.write(`<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`);
printWindow.document.write(`<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`);
printWindow.document.write(`<div class='barcode'>${barcodeParent.innerHTML}</div>`);
printWindow.print();
printWindow.close();
}
})
})
}
});
})
document.getElementById("swichhorse").addEventListener("click", () => {
const area1 = document.getElementById("dynamic-tickets-container");
const selectedItems = area1.querySelectorAll(".selected-item");
document.getElementById('totalamt').textContent = 'Br. 0';
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".selected-combo");
comboremove.forEach((item) => {
item.classList.remove("selected-combo");
var d = item.getAttributeNode("textd").value;
item.textContent = d;
});
exactBtn.style.display = "none";
qunelaBtn.style.display = "none";
trifecta.style.display = "none";
trio.style.display = "none";
data = [];
});
document.getElementById("defaultOpen").addEventListener("click", () => {
const area1 = document.getElementById("dynamic-tickets-container2");
const selectedItems = area1.querySelectorAll(".selected-item");
selectedItems.forEach((item) => {
item.remove();
});
const winremove = document.querySelectorAll(".horse-win");
winremove.forEach((item) => {
item.classList.remove("selected");
});
const placeremove = document.querySelectorAll(".horse-place");
placeremove.forEach((item) => {
item.classList.remove("selected");
});
const comboremove = document.querySelectorAll(".horse-selected");
comboremove.forEach((item) => {
item.classList.remove("horse-selected");
var d = item.getAttributeNode("textc").value;
item.textContent = d;
});
exactBtn2.style.display = "none";
qunelaBtn2.style.display = "none";
trifecta2.style.display = "none";
trio2.style.display = "none";
data2 = [];
});
$(document).ready(function () {
const dogoddfill = document.getElementById("oddfillll");
function dogOddfill() {
const gameidds = document.createElement('input');
gameidds.id = 'game-idds';
gameidds.placeholder = 'Game ID';
gameidds.classList = 'mb-1 fill-input';
dogoddfill.appendChild(gameidds);
for (let i = 1; i <= 14; i++) {
const winoddinput = document.createElement("input");
const placeoddinput = document.createElement("input");
const numoddinput = document.createElement("div");
winoddinput.id = "win-input-" + i;
winoddinput.type = 'text';
winoddinput.placeholder = 'Win' + i;
winoddinput.classList = 'fill-input d-block';
placeoddinput.id = "place-input-" + i;
placeoddinput.classList = 'fill-input d-block';
placeoddinput.type = 'text';
placeoddinput.placeholder = 'Place' + i;
const mainfillodd = document.createElement("div");
mainfillodd.classList = 'd-flex justify-content-between';
const winoddsdiv = document.createElement("div");
winoddsdiv.appendChild(winoddinput);
const placeoddsdiv = document.createElement("div");
placeoddsdiv.appendChild(placeoddinput);
const numoddsdiv = document.createElement("div");
numoddinput.textContent = i;
numoddsdiv.appendChild(numoddinput);
mainfillodd.appendChild(numoddsdiv);
mainfillodd.appendChild(winoddsdiv);
mainfillodd.appendChild(placeoddinput);
dogoddfill.appendChild(mainfillodd);
}
const saveoddsbtn = document.createElement("button");
saveoddsbtn.id = "saveoddsbtn";
saveoddsbtn.classList = 'btn btn-dark btn-sm my-2';
saveoddsbtn.textContent = "Save";
dogoddfill.appendChild(saveoddsbtn);
}
dogOddfill();
$("#saveoddsbtn").click(function (e) {
// console.log("abcdefghjklmnopqrstuvwxyz");
var win1 = document.getElementById("win-input-1").value;
// console.log(win1);
var win2 = document.getElementById("win-input-2").value;
var win3 = document.getElementById("win-input-3").value;
var win4 = document.getElementById("win-input-4").value;
var win5 = document.getElementById("win-input-5").value;
var win6 = document.getElementById("win-input-6").value;
var win7 = document.getElementById("win-input-7").value;
var win8 = document.getElementById("win-input-8").value;
var win9 = document.getElementById("win-input-9").value;
var win10 = document.getElementById("win-input-10").value;
var win11 = document.getElementById("win-input-11").value;
var win12 = document.getElementById("win-input-12").value;
var win13 = document.getElementById("win-input-13").value;
var win14 = document.getElementById("win-input-14").value;
var place1 = document.getElementById("place-input-1").value;
var place2 = document.getElementById("place-input-2").value;
var place3 = document.getElementById("place-input-3").value;
var place4 = document.getElementById("place-input-4").value;
var place5 = document.getElementById("place-input-5").value;
var place6 = document.getElementById("place-input-6").value;
var place7 = document.getElementById("place-input-7").value;
var place8 = document.getElementById("place-input-8").value;
var place9 = document.getElementById("place-input-9").value;
var place10 = document.getElementById("place-input-10").value;
var place11 = document.getElementById("place-input-11").value;
var place12 = document.getElementById("place-input-12").value;
var place13 = document.getElementById("place-input-13").value;
var place14 = document.getElementById("place-input-14").value;
var gameid = document.getElementById("game-idds").value;
var dateObj = new Date();
var day = dateObj.getDate();
var month = parseInt(dateObj.getMonth()) + 1;
var year = dateObj.getFullYear();
var date = year + "-" + month + "-" + day;
$.ajax({
method: "POST",
url: "dog.php",
data: {
'saveodds': true,
'game_id': gameid,
'win1': win1,
'win2': win2,
'win3': win3,
'win4': win4,
'win5': win5,
'win6': win6,
'win7': win7,
'win8': win8,
'win9': win9,
'win10': win10,
'win11': win11,
'win12': win12,
'win13': win13,
'win14': win14,
'place1': place1,
'place2': place2,
'place3': place3,
'place4': place4,
'place5': place5,
'place6': place6,
'place7': place7,
'place8': place8,
'place9': place9,
'place10': place10,
'place11': place11,
'place12': place12,
'place13': place13,
'place14': place14,
'date': date,
},
success: function (response) {
if (response == '1') {
setTimeout(() => {
$("#saveoddsbtn").text("Save");
}, 1500);
$("#saveoddsbtn").text("Game Exists!!!");
} else if (response == '2') {
setTimeout(() => {
$("#saveoddsbtn").text("Save");
}, 1500);
$("#saveoddsbtn").text("Saved");
}
// alert(response);
// document.getElementById("win1").value = "";
// document.getElementById("win2").value = "";
// document.getElementById("win3").value = "";
// document.getElementById("win4").value = "";
// document.getElementById("win5").value = "";
// document.getElementById("win6").value = "";
// document.getElementById("win7").value = "";
// document.getElementById("win8").value = "";
// document.getElementById("win9").value = "";
// document.getElementById("win10").value = "";
// document.getElementById("win11").value = "";
// document.getElementById("win12").value = "";
// document.getElementById("win13").value = "";
// document.getElementById("win14").value = "";
// document.getElementById("place1").value = "";
// document.getElementById("place2").value = "";
// document.getElementById("place3").value = "";
// document.getElementById("place4").value = "";
// document.getElementById("place5").value = "";
// document.getElementById("place6").value = "";
// document.getElementById("place7").value = "";
// document.getElementById("place8").value = "";
// document.getElementById("place9").value = "";
// document.getElementById("place10").value = "";
// document.getElementById("place11").value = "";
// document.getElementById("place12").value = "";
// document.getElementById("place13").value = "";
// document.getElementById("place14").value = "";
dogOddUpdate();
horseOddUpdate();
}
})
// if(gameid == document.getElementById("dog-game-id").textContent){
// // console.log("cvb");
// document.getElementById("win1").textContent = win1;
// document.getElementById("win2").textContent = win2;
// document.getElementById("win3").textContent = win3;
// document.getElementById("win4").textContent = win4;
// document.getElementById("win5").textContent = win5;
// document.getElementById("win6").textContent = win6;
// document.getElementById("win7").textContent = win7;
// document.getElementById("win8").textContent = win8;
// document.getElementById("place8").textContent = place8;
// document.getElementById("place7").textContent = place7;
// document.getElementById("place6").textContent = place6;
// document.getElementById("place5").textContent = place5;
// document.getElementById("place4").textContent = place4;
// document.getElementById("place3").textContent = place3;
// document.getElementById("place2").textContent = place2;
// document.getElementById("place1").textContent = place1;
// }
})
$("#printBalance").click(function (e) {
var bnm = document.getElementById("reloadedbalanceTable").innerHTML;
var printdate = new Date().toLocaleDateString();
var printtime = new Date().toLocaleTimeString();
var printWindow = window.open('', '', 'width=800,height=600');
printWindow.document.write(`<html><head>
<style>*{margin=0;font-family: sans-serif;font-size:11px;}</style>
<title>Payment History</title></head>`+
`<body><div class='d-flex justify-content-between'><h4>Payment History</h4> <p>${printdate} ${printtime}</p></div><div>${bnm}</div></body></html>`);
printWindow.print();
printWindow.close();
})
var difference = [];
var correct = [];
var zzz = 0, mmm = 0;
// forEach funtion
function myFun(item) {
var date = item.date;
var gameid = item.gameid;
var number = item.number;
var odd = item.odd;
var type = item.type;
var stake = item.stake;
var ticketid = item.ticketid;
var placetype = item.placetype;
var id = item.id;
difference = [];
var table = '';
// console.log(date,gameid,number,odd,type,stake,ticketid);
// if(type == 'w'){
// console.log("WInner");
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'getwinticketwinnum': true,
'gameid': gameid,
'date': date,
},
success: function (response) {
// console.log(response,'---');
if (response == 1) {
} else {
var data2 = JSON.parse(response);
console.log(data2);
var first = data2[0].first;
var second = data2[0].second;
var third = data2[0].third;
var fodd = data2[0].fodd;
var fplaceodd = data2[0].fplaceodd;
var sodd = data2[0].sodd;
var todd = data2[0].todd;
if (type == 'w') {
if (number != first && odd == fodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == first && odd != fodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != first && odd != fodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'w',
ticketid: ticketid,
correctnum: first,
correctodd: fodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
} else if (type == 'p') {
if (placetype == 1) {
if (number != first && odd == fplaceodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == first && odd != fplaceodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != first && odd != fplaceodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: first,
correctodd: fplaceodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
if (placetype == 2) {
if (number != second && odd == sodd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == second && odd != sodd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != second && odd != sodd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: second,
correctodd: sodd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
if (placetype == 3) {
if (number != third && odd == todd) {
var check = {
foultype: 'onlynum',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
} else if (number == third && odd != todd) {
var check = {
foultype: 'onlyodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
} else if (number != third && odd != todd) {
var check = {
foultype: 'numodd',
gameid: gameid,
type: 'p',
ticketid: ticketid,
correctnum: third,
correctodd: todd,
foulnum: number,
foulodd: odd,
stake: stake,
date: date,
id: id,
}
difference.push(check);
// console.log(difference);
}
}
}
table += '<table class="table table-striped table-bordered w-100">';
table += "<tr>";
table += "<thead>";
table += "<th scope='col' class='hidden' >#</th>";
table += "<th scope='col'>Foul Type</th>";
table += "<th scope='col'>Game ID</th>";
table += "<th scope='col'>Market</th>";
table += "<th scope='col'>Ticket ID</th>";
table += "<th scope='col'>Correct VS Bet</th>";
table += "<th scope='col'>Correct VS Bet Odd</th>";
table += "<th scope='col'>Stake</th>";
table += "<th scope='col' class='text-light bg-danger'>Loss</th>";
table += "<th scope='col'>date</th>";
table += "</thead>";
table += "</tr>";
table += "<tbody>";
var sum = 0;
for (var i = 0; i < difference.length; i++) {
table += "<tr>";
table += "<td class='hidden'>" + difference[i].id + "</td>";
table += "<td>" + difference[i].foultype + "</td>";
table += "<td>" + difference[i].gameid + "</td>";
table += "<td>" + difference[i].type + "</td>";
table += "<td class='ticketiddd'>" + difference[i].ticketid + "</td>";
table += "<td>" + difference[i].correctnum + " VS " + difference[i].foulnum + "</td>";
table += "<td>" + difference[i].correctodd + " VS " + difference[i].foulodd + "</td>";
table += "<td>" + difference[i].stake + "</td>";
var odddiff = difference[i].foulodd - difference[i].correctodd;
var lossamt = odddiff * difference[i].stake;
if (lossamt > 0) {
table += "<td class='text-light bg-danger'>" + parseInt(lossamt) + "</td>";
sum += parseInt(lossamt);
// zzz += zzz;
} else if (lossamt < 0) {
table += "<td class='text-light bg-success'>" + parseInt(lossamt) + "</td>";
// mmm += mmm;
} else if (lossamt == 0) {
table += "<td class='text-dark '>" + parseInt(lossamt) + "</td>";
}
table += "<td>" + difference[i].date + "</td>";
table += "<td>" + "<button class='btn btn-warning btn-sm p-1 viewmistaketickett' data-bs-toggle='modal' data-bs-target='#viewmistaketicket' >View</button>" + "</td>";
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Number of Mistakes: ' + zzz + '</div>';
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Number of Not Wrong tickets: ' + mmm + '</div>';
table += '<div class="h6 pb-2 mt-4 text-danger border-bottom border-danger"> Total Estimated Loss: ' + sum + ' br</div>';
$("#paymenthistryy").html(table);
$('.viewmistaketickett').click(function (e) {
e.preventDefault();
var id = $(this).closest('tr').find('.ticketiddd').text();
console.log(id);
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'proceedviewing': true,
'id': id,
},
success: function (response) {
// alert(response);
var winarray = [];
var data = JSON.parse(response);
// var printWindow = window.open('', '', 'width=800,height=600');
var html = `<html><head><title>Copy Ticket</title>
<link rel="stylesheet" href="css/print.css" media="print">
<style>*{
margin: 0;padding:0;font-family: sans-serif;
}
body{
}.allelem{ font-size: 11px;
text-align:right;
margin-right:2px;
}.typestake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.fontweight{
font-weight: bolder;
}.fontless{
font-size: 11px;
}.totalstake{
font-size: 11px;
display: flex; justify-content: space-between;align-items:center;margin-top:2px;
}.barcode{
font-size: 11px;
width:80%;
}.winamt{
font-size: 11px;
border: 2px solid black;padding:2px;margin-top:2px;
}.minpay,.maxpay{
display: flex;justify-content: space-between;align-items:center;
}p{margin-bottom:0px;}
</style>
</head><body>`;
html += `<div class='allelem'><p >${data[0].ticketid}</p>
<p class='allelem'>${data[0].username}</p>
<p class='allelem'>Cashier ${data[0].userid}</p></div>
<div id="date" class='allelem'>${new Date().toLocaleString()}</div>`;
var sum = 0;
for (let i = 0; i < data.length; i++) {
var mar = data[i].type;
var market;
var gametype = data[0].gametype;
var game;
if (gametype == '1') {
game = "Greyhound Racing";
} else if (gametype == '2') {
game = "Horse Racing";
}
if (mar == 'w') {
market = 'Win';
} else if (mar == 'p') {
market = 'Place';
} else if (mar == 'e') {
market = 'Exact';
} else if (mar == 'q') {
market = 'Quinella';
} else if (mar == 'tr') {
market = "Trio";
} else if (mar == 'tf') {
market = 'Trifecta';
}
var ticketid = data[0].ticketid;
var number = data[i].number;
var odd = data[i].odd;
var stake = data[i].stake;
var userid = data[i].userid;
var gameid = data[i].gameid;
html += `<div class='typestake'><div class='type fontweight'>${market} </div>
<div class='stake fontweight'>Br ${stake}.00</div>
</div>
<div class='fontless'>${game}${new Date().toLocaleString()} #${gameid}</div>
<div class='fontless' style='margin-left:5px'>${number}. Dog ${odd}</div>`
;
var product = parseFloat(stake) * parseFloat(odd);
if (!isNaN(product)) {
winarray.push(product);
} else {
winarray.push(0);
}
sum += parseFloat(stake);
}
const barcodeElement = document.createElement("svg");
JsBarcode(barcodeElement, ticketid.toString(), {
format: "CODE128",
displayValue: true,
fontSize: 10,
textMargin: 5,
});
const barcodeParent = document.createElement("div");
barcodeParent.appendChild(barcodeElement);
var winarray2 = winarray.sort();
html += `<div class='totalstake fontweight'><div>Total stake</div><div>Br ${sum}.00</div></div>`;
html += `<div class='winamt fontweight'>
<div class='minpay'><div>Min Payout (Incl. Stake)</div><div>Br ${winarray2[0]}.00</div></div>
<div class='maxpay'><div>Max Payout (Incl. Stake)</div><div>Br ${winarray2[winarray2.length - 1]}.00</div></div>
</div>`;
$("#mistaketicketsdisplay").html(html);
}
})
})
}
}
})
}
// function checkwintickets(){
$("#bmmn").click(function () {
var start = '2024-02-05';
var end = '2024-02-12';
var array = [];
$.ajax({
type: 'post',
url: 'dog.php',
data: {
'getwinticketsofweek': true,
'start': start,
'end': end,
},
success: function (response) {
var data = JSON.parse(response);
console.log(data);
var difference = [];
data.forEach(myFun);
}
})
})
// }
});
function focusredeem() {
setTimeout(() => {
$("#ticket-id-scan").focus();
}, 500);
}
function focuscancel() {
setTimeout(() => {
$("#cancel-ticket-id-scan").focus();
}, 500);
}
</script>
<script src="js/mutation.js"></script>
</body>
</html>
Function Calls
| header | 1 |
| session_start | 1 |
Stats
| MD5 | a57cfd2026bc36e6bedc6df9776b621c |
| Eval Count | 0 |
| Decode Time | 327 ms |