{%extends 'layout.html' %}
{% block content%}
<form id="rsvp" action="/rsvp/" role="form"
      class="form-horizontal" method="post">
  {% with messages = get_flashed_messages() %}
  {% if messages %}
  {% for message in messages %}
  <div class="row">
    <div class="alert alert-success col-md-9">
      <strong>Success! </strong>{{message}}
    </div>
    {% endfor %}
  </div>
  {% endif %}
  {% endwith %}
  <div class="form-group">
	<label for="name" class="col-md-4 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-4 control-label">Full Name:</label>
    <div class="col-md-5">
	  <input type="text" id="fullname" class="form-control"
             name="full_name" placeholder="Your full name" value="{{form['full_name'] if form['full_name']}}"/>
    </div>
  </div>
  <p>
    Will you be able to make it to our wedding?
  </p>
  <div class="form-group">
    <label for="rsvp" class="col-md-4 control-label">RSVP:</label>
    <div class="col-md-5">
      <label class="radio-inline">
        <input type="radio" value="1" name="rsvp"
               {%if form['rsvp'] %}checked {% endif %}>Yes
      </label>
      <label class="radio-inline">
        <input type="radio" value="0" name="rsvp"
               {%if not form['rsvp'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="email" class="col-md-4 control-label">Email:</label>
    <div class="col-md-5">
	  <input type="email" id="email" class="form-control"
             name="email" placeholder="email"
             value="{{form['email'] if form['email']}}"
             {% if not form['rsvp'] %}disabled{% endif %}/>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-4 control-label">Mailing Address:</label>
    <div class="col-md-5">
      <textarea id="mailing" name="mailing"
                placeholder="Your mailing address"
                value="{{form['mailing'] if form['mailing']}}"
                class="form-control" rows="3" {% if not form['rsvp'] %}disabled {%endif%}></textarea>
	</div>
  </div>
  <p>
    {{_("Will you be accompanied by a plus one?")}}
  </p>
  <div class="form-group">
    <label for="plusone" class="col-md-4 control-label">+1:</label>
    <div class="col-md-5">
      <label class="radio-inline">
        <input id="plusoneyes" type="radio" value="1" name="plusone"
               {%if form['plusone'] %}checked {% endif %} >Yes
      </label>
      <label class="radio-inline">
        <input id="plusoneno" type="radio" value="0" name="plusone"
               {%if not form['plusone'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-4 control-label">{{_("+1's Full Name:")}}</label>
    <div class="col-md-5">
	  <input type="text" id="plusonename" class="form-control"
             name="plusonename" placeholder="+1's Name"
             value="{{form['plusonename'] if form['plusonename']}}"
             {% if not form['plusone']%}disabled{% endif %}/>
    </div>
  </div>
  <p>
    Will you be coming with kids?
  </p>
  <div class="form-group">
    <label for="plusone" class="col-md-4 control-label">Kids:</label>
    <div class="col-md-5">
      <label class="radio-inline">
        <input id="kidsyes" type="radio" value="1" name="kids"
               {%if form['kids'] %}checked {% endif %}>Yes
      </label>
      <label class="radio-inline">
        <input id="kidsno" type="radio" value="0" name="kids"
               {%if not form['kids'] %}checked {% endif %}>No
      </label>
    </div>
  </div>
  <div class="form-group">
	<label for="mailing" class="col-md-4 control-label">Kids' names:</label>
    <div class="col-md-5">
      <textarea id="kidsnames" name="kidsnames" placeholder="Your kids' names"
                class="form-control" rows="3"
                {%if not form['kids']%} disabled{% endif %}>{{form['kidsnames'] if form['kidsnames']}}</textarea>
	</div>
  </div>
  <p>
    Please let us know if you have any dietary restrictions or comments:
  </p>

  <div class="form-group">
	<label for="mailing" class="col-md-4 control-label">Comments:</label>
    <div class="col-md-5">
      <textarea id="comments" name="comments" placeholder="Your comments"
                class="form-control" rows="3">{{form['comments'] if form['comments']}}</textarea>
	</div>
  </div>
  <div class="form-group">
    <div class="col-md-offset-4 col-md-5">
      <button type="submit" class="btn btn-primary">
        Update
      </button>
    </div>
  </div>
</form>
{% endblock %}