{% extends "base.html" %}

{% block title %}Registracija{% endblock %}



{% block body %}

    <h1 style="color: #3289c8;">Registraciona forma.</h1>
	
	{% if user.errors is not empty %}
	
		<p>Obrati pažnju na:</p>
		<ul>
		
			{% for error in user.errors %}
				<li class="error">{{ error }}</li>
			{% endfor %}
		
		</ul>
	
	{% endif %}
	
	
	<form method='post' action="/signup/create" id="formSignup" enctype="multipart/form-data">
	
			
	
		
			{% include '/profile/profileinfo.html' with {'user': user} %}
				
				
		<div>
		<button type="submit" class="btn btn-primary" style="margin-top: 1rem;">Registruj</button>
		<a href="/" style="    vertical-align: bottom;">Odustani</a>
		</div>
	</form>
	
	<br>
	

{% endblock %}

{% block footer %}

    {{ parent() }}
	
<script src="/js/commons/libs/hideShowPassword.min.js"></script>

<script>



		
	$(document).ready(function() {
	
	
		
		
		$('#formSignup').validate({
			rules: {
				name:  {
					required: true
				},
				fullName:  {
					required: true,
					minlength: 6
				},
				email: {
					required: true,
					email: true,
					remote: '/account/validate-email'
				},
				password: {
					required: true,
					minlength: 6
				},
				cabinetName: {
					required: true
				}
			},
			messages: {
			
				email: {
					remote: 'Zauzeta adresa.'
				}
			
			}
		});
	
	
		$('#inputPassword').hideShowPassword({
			show: false,
			innerToggle: 'focus',
			states: {
				shown: {
				  toggle: {
					content: 'Sakrij'
				  }
				},
				hidden: {
				  toggle: {
					content: 'Prikaži'
				  }
				}
		  }
		});
		
		
		
	
	});

</script>

{% endblock %}