{% extends 'schasite/base.html' %}
{% load static  %}

{% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title>
{% endblock %}

{% block content %}

<div class="mid-body">
    <h1>Membership <span>Form for 2024</span></h1>
  <div style="padding:10px 0 10px 0">
    <div class="clear">
        <form method="POST" action='{% url "membership_form" %}'>
            {% csrf_token %}
            <div class="aboutcolumnzone">
              <div class="aboutcolumn1">
            <h5>Person #1</h5>
            {% for field in peopleForm1 %}
              <div class="fieldWrapper">
                {{ field.errors }}
                {{ field.label_tag }} : {{ field }}
              </div>
            {% endfor %}
          </div>
          <div class="aboutcolumn2">
            <h5>Person #2</h5>
            {% for field in peopleForm2 %}
              <div class="fieldWrapper">
                {{ field.errors }}
                {{ field.label_tag }} : {{ field }}
              </div>
            {% endfor %}
            </div>
          </div>
          <div class="aboutcolumnzone">
            <div class="aboutcolumn1">
            <h5>Address</h5>
            {% for field in addressForm %}
                <div class="fieldWrapper">
                    {{ field.errors }}
                    {{ field.label_tag }} : {{ field }}
                </div>
            {% endfor %}  
            <h5>Children</h5>
            {% for field in membershipForm %}
                <div class="fieldWrapper">
                    {{ field.errors }}
                    {{ field.label_tag }} : {{ field }}
                </div>
                <p>Please add the names as a comma seperated list. i.e. Bob, Cindy</p>
            {% endfor %}  
            <h5>Services Information</h5>
            {% for field in servicesForm %}
                <div class="fieldWrapper">
                    {{ field.errors }}
                    {{ field }} : {{ field.label_tag }}
                </div>
            {% endfor %}
            </div>
            <div class="aboutcolumn2">
            <h5>Committee Information</h5>
            {% for field in committeeForm %}
                <div class="fieldWrapper">
                    {{ field.errors }}
                    {{ field }} : {{ field.label_tag }}
                </div>
            {% endfor %}
          </div>
          
        </div>
            <div class="clear"></div>
            {% if err_msg %}
            <div>
              <p>{{ err_msg }}</p>
            </div>
            {% endif %}

            {% if captchaForm %}
            {{ captchaForm }}
            {% endif %}
            
            <button type=""button" value="submit">Submit</button>
          </form>
          </div>
      
      <p><strong>Please note dues will be $30 for 2024.</strong></p>
  
      </div>
    </div>
  
  </div>
  <div class="clear"></div>
  
  

{% endblock %}