<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" />
<link rel="stylesheet" href="{{ asset('styles/style.css')}}">
<style>
.form-range-custom {
-webkit-appearance: none;
width: 100%;
height: 2px;
background: #e7edfb;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.form-range-custom::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width:20px;
height:20px;
border-radius:50%;
background: #e7edfb;
cursor:pointer;
}
.form-range-custom::-moz-range-thumb {
width:20px;
height:20px;
border-radius:50%;
cursor:pointer;
background: #e7edfb;
}
</style>
{% block stylesheets %}
{# {{ encore_entry_link_tags('app') }} #}
{% endblock %}
</head>
<body>
{% block body %}
{% endblock %}
{% block javascripts %}
{# {{ encore_entry_script_tags('app') }} #}
<script src="{{ asset('scripts/jquery-3.5.1.js')}}"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function padNumber(num, size) {
num = num.toString();
while (num.length<size) {
num="0"+num;
}
return num;
}
function tick() {
var d = new Date();
var time = padNumber(d.getHours(), 2)+':'+padNumber(d.getMinutes(),2);
// $('#time').html(' '+time);
// $('#time').html(time);
t = setTimeout(tick, 60000);
}
$(function(){
tick();
/*var str = $('#customRange1').val();
alert(str);*/
});
</script>
<script type ="text/javascript">
function redirectScroll() {
var str = document.getElementById("customRange1").value;
if (str == 50) {
window.location = "{{ path('app_register') }}";
}else if (str == 0) {
window.location = "{{ path('app_login') }}";
}
}
</script>
{% endblock %}
</body>
</html>