
{% include "_head.html"  %}

<body class="app app-signup p-0">    	
    <div class="row g-0 app-auth-wrapper">
	    <div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
		    <div class="d-flex flex-column align-content-end">
			    <div class="app-auth-body mx-auto">	
					{% include "_branding.html"  %}
					<h2 class="auth-heading text-center mb-4">Registrarse en ReyMota</h2>					
	
					<div class="auth-form-container text-start mx-auto">
					
						<form class="auth-form auth-signup-form" method="POST" enctype="multipart/form-data">         							
                            {% csrf_token %}
							{% for field in form %}
							<p>
							  {{ field.label_tag }}<br>
							  {{ field }}
							  {% if field.help_text %}
								<small style="color: grey">{{ field.help_text }}</small>
							  {% endif %}
							  {% for error in field.errors %}
								<p style="color: red">{{ error }}</p>
							  {% endfor %}
							</p>
						  {% endfor %}
                            <div class="item border-bottom py-3"></div>
                            <div class="text-center">
								<button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Sign Up</button>
							</div>
						</form><!--//auth-form-->
						
						<div class="auth-option text-center pt-5">¿Ya tienes una cuenta? <a class="text-link" href="{% url 'login' %}" >Entra</a></div>
					</div><!--//auth-form-container-->	
					
					
				    
			    </div><!--//auth-body-->
		    
				{% include "_footer.html"  %}

		    </div><!--//flex-column-->   
	    </div><!--//auth-main-col-->
	    <div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
		    <div class="auth-background-holder">			    
		    </div>
		    <div class="auth-background-mask"></div>
		    <div class="auth-background-overlay p-3 p-lg-5">
			    <div class="d-flex flex-column align-content-end h-100">
				    <div class="h-100"></div>
					<!--
				    <div class="overlay-content p-3 p-lg-4 rounded">
					    <h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5>
					    <div>Portal is a free Bootstrap 5 admin dashboard template. You can download and view the template license <a href="https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-developers/">here</a>.</div>
				    </div>
					-->
				</div>
		    </div><!--//auth-background-overlay-->
	    </div><!--//auth-background-col-->
    
    </div><!--//row-->


</body>
</html> 

