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

{% block content %}

<style media="screen">

  .form-error{
    padding: 60 0 0 20;
    color: #F00;

  }

  .custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1.2rem;
    margin-bottom: 1rem;
  }
</style>

  <div class="col-sm-6">
    <br>
    {{ form_content | safe }}

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


    {% crispy form %}



    {% csrf_token %}
    {{ signUp|crispy }}
    <br><br>



    <!-- <form enctype="multipart/form-data" method="post" action="/newsletter/gemeinschaffen-newsletter/subscribe/">
    {% csrf_token %}
    <label for="id_email_field">E-mail:</label> <input type="email" name="email_field" required="" id="id_email_field">
    <button id="id_submit" name="submit" value="Subscribe" type="submit">Subscribe</button>
    </form> -->


    <div class="">
      <br><br><br>
    </div>
    <script>
      $(':input[value="{{ bz }}"]').prop('checked', true);
    </script>

  </div>
{% endblock %}
