{% load static %}
{% load widget_tweaks %}
{% load crispy_forms_tags %}
<html>
<head>
	<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

<!--	<link rel="stylesheet" href="{% static 'css/theme.css' %}">-->
	<link rel="stylesheet" href="{% static 'css/smtp1.css' %}">
	<link rel="stylesheet" href="{% static 'css/smtp2.css' %}">
	<link rel="stylesheet" href="{% static 'css/smtp3.css' %}">
	<link rel="stylesheet" href="{% static 'css/smtp4.css' %}">
	<link rel="stylesheet" href="{% static 'css/smtp5.css' %}">


  <link rel="stylesheet" href="{% static 'css/all.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.min.css' %}">

<!--<link rel="stylesheet" href="{% static 'css/mdb.min.css' %}">-->
</head>
<body>


<!--<div class="mt-2">-->
<!--    {% for message in messages %}-->
<!--<div class="container">-->
<!--  <div class="alert {{ message.tags }} " role="alert" >-->
<!--      {{ message }}-->
<!--  </div>-->
<!--</div>-->
<!--{% endfor %}-->
<!--     </div>-->

{% if messages %}
<div class="messages">
    {% for message in messages %}

	<div class="alert {{ message.tags }}" >
		<font color="cyan"	>{{message}}</font>
	</div>

    {% endfor %}
</div>
{% endif %}


<div class="row">
 <div class="col-xl-4 col-lg-6 col-md-6 d-flex flex-column mx-auto">
   <div class="card card-plain mt-sm-5 mt-4">
	<h3 class="font-weight-bolder text-primary text-gradient">{{status}}</h3>
	<div class="card-header pb-0 text-left">
		<h3 class="font-weight-bolder text-primary text-gradient">Join us today</h3>
		<p class="mb-0">
        Enter your email and password to register </p>
	</div>

	<div class="card-body pb-3">
		<form action="{% url 'Registration' %}" id="reg_form" data-validate	 method="post">

			{% csrf_token %}

                      {% for field in Registration_form %}

                                            {{field.label}}
											{{field.errors}}
                                            {% render_field field class="form-control" %}

                      {% endfor %}


			<div class="text-center">
				<input type="submit" value="SignUp" name="reg_sign" class="btn bg-gradient-primary w-100 mt-4 mb-0">
			</div>

		</form>
	</div>


	<div class="card-footer text-center pt-0 px-sm-4 px-1">
	<a href="{% url 'Login' %}" id="acount_exist">Already have a account</a>
	</div>

</div>
</div>
</div>

<script src="{% static 'js/smtp1.js' %}"></script>
</body>

</html>
