{%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">{{username}}</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="{{fullname}}"/>
    </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" checked>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="rsvp">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="{{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="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" checked>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="plusone">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="{{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" checked>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="no" name="kids">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 %}