<!DOCTYPE html>
<html lang="en">
<head>
<link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
<title>URL shorter</title>
{% if recaptchaPrivateKey %}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
document.getElementById("form").submit();
}
</script>
{% endif %}
</head>
<body>
<div class="login-page">
<div class="form">
{% if not short_url %}
<form method="post" id= "form" class="login-form" action="">
<input id="url" name="url" type="url" placeholder="long url" value="{{long_url_prefilled}}"/>
{% if showDomainSelect %}
Domain: <select name="domain" id="domain">
{{domain | safe}}
</select>
<br><p> </p>
{% else %}
<input type="hidden" name="domain" id="domain" value={{domain}}>
{% endif %}
<input id="short" name="short" type="text" placeholder="short name" value="{{short_url_prefilled}}"/>
{% if recaptchaPrivateKey %}
<button class="g-recaptcha" data-sitekey="{{recaptchaPublicKey}}" data-callback='onSubmit'>short</button>
{% else %}
<button>short</button>
{% endif %}
</form>
{% else %}
<h3>Your shortened URL is: <a href="http://{{short_url}}"> {{short_url}}</a></h3>
<img src="data:image/jpeg;base64,{{qrcode}}">
{% endif %}
<p class="message">© Made by <a href="https://jonasled.de">jonasled</a><br>
Sourcecode is available <a href="https://gitlab.jonasled.de/jonasled/url_shorter_docker">here</a><br>
{% if builddate %}
Builddate: {{builddate}}<br>
{% endif %}
{% if version %}
Version: {{version}}
{% endif %}
</p>
</div>
</div>
<div id="snackbar">{{snackbar}}</div>
{% if snackbar %}
<script>
document.getElementById("snackbar").className = "show";
setTimeout(function(){ document.getElementById("snackbar").className = x.className.replace("show", ""); }, 10000);
</script>
{% endif %}
{% if domain_prefilled %}
<script>
var x = document.getElementById("domain");
x.selectedIndex = {{domain_prefilled}};
</script>
{% endif %}
</body>
</html>