<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/css/monsiteperso.css">
    <title>Login</title>
</head>
<body>
    <div class="login-box">
        <form action="/create-website" method="POST" class="form_main">
         {{ form.csrf_token }}
	<h3 class="heading"> Création du site  </h3>
	

	<div class="inputContainer">
		{{ form.login.label }} :  
		{{ form.login(col=10, class="inputField" ) }}
		{% if form.passwd_confirm.errors %}
   		 {% for error in form.login.errors %}
    		 <small class="errors">{{ error }}</small>
		 {% endfor %}
		{% endif %}

        </div>
    
        <div class="inputContainer">
		{{ form.passwd.label }}: 
		{{ form.passwd(class="inputField" ) }}
		{% if form.passwd.errors %}
		<small class="errors">{{ form.passwd.errors[0] }}</small>
		{% endif %}

	</div>
        
	<div class="inputContainer">
      
		{{ form.passwd_confirm.label }}: 
		{{ form.passwd_confirm(class="inputField" ) }}
		{% if form.passwd.errors %}
		<small class="errors">{{ form.passwd.errors[0] }}</small>
		{% endif %}
	</div> 
	
	<div class="inputContainer">
		{{ form.site_title.label }}: 
		{{ form.site_title(col=10, class="inputField" ) }}
        </div>

	<div class="inputContainer">
		{{ form.theme.label }}:
		{{ form.theme(col=10, class="inputField" ) }}
        </div>


      {{ form.submit(class="button") }}
     </form>
    </div>
  </body> 
</html>
