<!DOCTYPE html>
<html lang="it">
<head>
<title>Punto Persiane Login</title>
<!-- META SECTION -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- END META SECTION -->
<!-- CSS INCLUDE -->
<link rel="stylesheet" href="{{ asset('css/styles.css') }}" />
<link rel="stylesheet" href="{{ asset('css/template.css') }}" />
<script type="text/javascript" src="{{ asset('assets/site/modernizr.custom.86080.js') }}"></script>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" />
<!-- EOF CSS INCLUDE -->
</head>
<body>
<!-- APP WRAPPER -->
<div class="app app-fh">
<!-- START APP CONTAINER -->
<div class="app-container" style="background: transparent;" style="background: url(assets/images/background/bg-2.jpg) center center no-repeat fixed;background-size: cover;">
<div class="app-login-box">
<div class="text-center margin-top-20 margin-bottom-20"><img style="max-width: 50%; height: auto;" src="{{ asset('img/logo.png') }}" alt=""></div>
<div class="app-login-box-title">
<div class="title">Area Riservata</div>
<div class="subtitle">Accedi con le tue credenziali</div>
</div>
<div class="app-login-box-container">
{{ form_start(form, {'action': path('login_check'), 'method': 'POST'}) }}
{% if error %}
<div class="alert alert-danger" role="alert">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{{ form_widget(form) }}
{{ form_end(form) }}
</div>
<div class="app-login-box-footer">
© Punto Persiane - Accesso riservato.
</div>
</div>
</div>
<!-- END APP CONTAINER -->
</div>
<!-- END APP WRAPPER -->
<!-- IMPORTANT SCRIPTS -->
<script type="text/javascript" src="{{ asset('assets/vendor/jquery/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/jquery/jquery-migrate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/jquery/jquery-ui.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/bootstrap/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/moment/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/customscrollbar/jquery.mCustomScrollbar.min.js') }}"></script>
<!-- END IMPORTANT SCRIPTS -->
<script type="text/javascript" src="{{ asset('assets/vendor/form-validator/jquery.form-validator.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/sha256.jquery.debug.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/vendor/noty/jquery.noty.packaged.js') }}"></script>
<!-- APP SCRIPTS -->
<script type="text/javascript" src="{{ asset('assets/app.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/app_plugins.js') }}"></script>
<!-- END APP SCRIPTS -->
<script type="text/javascript">
jQuery(document).ready(function ($) {
function disabledField(disable) {
$('#connection').attr('disabled', disable);
$('#name').attr('disabled', disable);
$('#password').attr('disabled', disable);
$('#login').attr('disabled', disable);
}
$(document).on('change', '#connection', function () {
disabledField(true);
$.ajax({
type: "POST",
url: "{{ path('change_location') }}",
data: {
connection: $(this).val()
},
success: function (json) {
disabledField(false);
},
error: function (json) {
disabledField(false);
}
});
});
});
$.validate({
modules: 'date,file,location',
onValidate: function () {
delayBeforeFire(function () {
app.spy();
}, 100);
}
});
</script>
</body>
</html>