{% extends "includes/base.html" %}
{% block body %}
  <div class="page-header"></div>
  <div class="page-body">
    <form method="post">
      <div class="container">
        <div class="col-md-6">
          <h2>Create a new page</h2>
          <dl>
            <dt>{{form.title.label}} (required)</dt>
            <dd>
              <div>{{form.title}}</div>
              {% if form.title.errors %}
                <ul class="errors">
                  {% for error in form.title.errors %}
                    <li>{{error}}</li>
                  {% endfor %}
                </ul>
              {% endif %}
              <p class="markdown-note">This will show up on your page as &ldquo;[Your Name]'s pledge page:&rdquo;</p>              
            </dd>
            <dt>{{form.description.label}} (required)</dt>
            <dd>
              <div>{{form.description(rows=10, style="width: 100%;")}}</div>
              {% if form.description.errors %}
                <ul class="errors">
                  {% for error in form.description.errors %}
                    <li>{{error}}</li>
                  {% endfor %}
                </ul>
              {% endif %}
              <p class="markdown-note">This form supports the
                <a href="http://daringfireball.net/projects/markdown/syntax">
                  Markdown syntax
                </a>, for including text formatting, links, and images.
              </p>
            </dd>
          </dl>
          <div style="text-align: right;" class="create_team">
            <input type="submit" value="Create Your Pledge Page">
          </div>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-5">
          <dl>
            <dt>{{form.zip_code.label}}</dt>
            <dd>
              <div>{{form.zip_code}}</div>
              {% if form.zip_code.errors %}
                <ul class="errors">
                  {% for error in form.zip_code.errors %}
                    <li>{{error}}</li>
                  {% endfor %}
                </ul>
              {% endif %}
            </dd>
          </dl>
        </div>
      </div>
    </form>
  </div>
{% endblock %}
