<!doctype html>
<!--
MiniPOS web front-end page template
Author: Simon Volpert <simon@simonvolpert.com>
Project page: https://simonvolpert.com/minipos/
This program is free software, released under the Apache License, Version 2.0. See the LICENSE file for more information
-->
<html>
<head>
<title>{label}</title>
<link rel="stylesheet" href="style.css">
<script src="scripts.js"></script>
<script>
var currencies = {currencies};
var welcome_timeout = {timeout};
</script>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body onload="setTimeout(returnTimer, 1000)">
<form method="get" action="invoice">
<div id="keypad">
<div class="row">
<input type="text" class="text" id="amountbox" name="amount" pattern="[0-9.]+(\.[0-9][0-9]?)?" onkeypress="setTimeout(validateInput, 1)" required>
<input type="button" {currency_disabled} value="{cur}" id="currency" onclick="cycleCurrency()">
<input type="hidden" value="{cur}" id="currencybox" name="currency">
</div><div class="row">
<input type="button" value="1" onclick="textAppend(1)">
<input type="button" value="2" onclick="textAppend(2)">
<input type="button" value="3" onclick="textAppend(3)">
<input type="button" class="blue back" value="⌫" onclick="textRemove()">
</div><div class="row">
<input type="button" value="4" onclick="textAppend(4)">
<input type="button" value="5" onclick="textAppend(5)">
<input type="button" value="6" onclick="textAppend(6)">
<input type="reset" class="red" value="C" onclick="resetTaxLock()">
</div><div class="row">
<input type="button" value="7" onclick="textAppend(7)">
<input type="button" value="8" onclick="textAppend(8)">
<input type="button" value="9" onclick="textAppend(9)">
<input type="button" value="≡" class="dark" onclick="openLogs()">
</div><div class="row">
<input type="button" id="cents" value="{centkey}" onclick="addCents()">
<input type="button" value="0" onclick="textAppend(0)">
<input type="button" id="tax" class="cyan" {tax_disabled} value="%" onclick="addTax()">
<input type="submit" class="green" value="✓">
</div></div>
</form>
<p>{tax}: <span id="percents">{taxrate}%</span></p>
</body>
</html>