{%extends 'layout.htm' %}
{% block content%}
<form id="rsvp" action="/rsvp/" role="form"
      class="form-horizontal" method="post">
  <div class="form-group">
	<label for="name" class="col-md-2 control-label">Username:</label>
    <div class="col-md-5">
      <p class="form-control-static">{{form['user_name']}}</p>
    </div>
  </div>
  <div class="form-group">
	<label for="fullname" class="col-md-2 control-label">Full Name:</label>
    <div class="col-md-5">
	  <input type="text" id="fullname" class="form-control"
             name="username" placeholder="{{form['full_name']}}"/>
    </div>
  </div>
  <p style="text-indent:3em">
    Will you be able to make it to our wedding?
  </p>
  <div class="form-group">
    <label for="answer" class="col-md-2 control-label">RSVP:</label>
    <div class="col-md-9">
      <label class="radio-inline">
        <input type="radio" value="yes" name="rsvp"
               {%if form['rsvp'] %}checked {% endif %}>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="rsvp"
               {%if not form['rsvp'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="email" class="col-md-2 control-label">Email:</label>
    <div class="col-md-5">
	  <input type="email" id="email" class="form-control"
             name="email" placeholder=
             "{{form['email'] if form['email'] is not none else 'email'}}"/>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-2 control-label">Mailing Address:</label>
    <div class="col-md-5">
      <textarea id="mailing" name="mailing"
                placeholder="{{mailing if form['mailing'] is not none
                             else 'Your mailing address'}}"
                class="form-control" rows="3"></textarea>
	</div>
  </div>
  <p style="text-indent:3em">
    Will you be accompanied by a plus one?
  </p>
  <div class="form-group">
    <label for="plusone" class="col-md-2 control-label">+1:</label>
    <div class="col-md-9">
      <label class="radio-inline">
        <input type="radio" value="yes" name="plusone"
               {%if form['plusone'] %}checked {% endif %}>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="plusone"
               {%if not form['plusone'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-2 control-label">+1's Full Name:</label>
    <div class="col-md-5">
	  <input type="text" id="plusonename" class="form-control"
             name="plusonename" placeholder="{{form['plusonename']}}"/>
    </div>
  </div>
  <p style="text-indent:3em">
    Will you be coming with kids?
  </p>
  <div class="form-group">
    <label for="plusone" class="col-md-2 control-label">Kids:</label>
    <div class="col-md-9">
      <label class="radio-inline">
        <input type="radio" value="yes" name="kids"
               {%if form['kids'] %}checked {% endif %}>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="kids"
               {%if not form['kids'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-2 control-label">Kids' names:</label>
    <div class="col-md-5">
      <textarea id="kidsnames" name="kidsnames" placeholder="Your kids' names"
                class="form-control" rows="3"></textarea>
	</div>
  </div>
  <p style="text-indent:3em">
    Please let us know if you have any dietary restrictions or comments:
  </p>

  <div class="form-group">
	<label for="mailing" class="col-md-2 control-label">Comments:</label>
    <div class="col-md-5">
      <textarea id="comments" name="comments" placeholder="Your comments"
                class="form-control" rows="3"></textarea>
	</div>
  </div>
</form>
{% endblock %}