{% extends "base_generic.html" %}
{% load static %}
{% load crispy_forms_tags %}

{% block content %}

<style media="screen">
  .form-error {
    padding: 60 0 0 20;
    color: #F00;

  }
</style>
<div class="container">

  <div class="col-sm-6">

    <br>
    {{ form_content | safe }}
    <form method="post">

      {% csrf_token %}
      <!-- Left here in case we need to debug -->
      {% if signup_errors %}
      <div class='invalid-feedback' style="display: none;">{{ signup_errors }}</div>
      {% endif %}
      {% if contact_errors %}
      <div class='invalid-feedback' style="display: none;">{{ contact_errors }}</div>
      {% endif %}
      <!-- end of debug -->

      {{ signUp|crispy }}
      {{ form|crispy }}

      {% csrf_token %}
      <br><br>
      <button type="submit" class="btn  border-thin mybtn">Register</button> </form>

    <div class="">
      <br><br><br>
    </div>
  </div>
</div>
{% endblock %}
