{% extends "base.html" %}
{% load staticfiles %}
{%block page-content%}

<!-- Top menu -->
<nav class="navbar navbar-dark fixed-top navbar-expand-md navbar-no-bg">
  <div class="container">
    <a class="navbar-brand" href="index.html">Anna & Dan</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  </div>
</nav>

<div>
  <div class="container">

<form action="{% url 'rsvp' %}?rsvp-code={{ rsvpCode }}" method="post">
  {% csrf_token %}
  {% for guest in guests %}
  <div class="form-group row">
    <label class="col-2">{{ guest.name }} will be: </label> 
    <div class="col-10">
      <div class="form-check form-check-inline">
        <input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_yes" type="radio" class="form-check-input" value="attending" required="required">
        <label for="attending_{{ guest.id }}_yes" class="form-check-label">attending</label>
      </div>
      <div class="form-check form-check-inline">
        <input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_no" type="radio" class="form-check-input" value="not_attending" required="required">
        <label for="attending_{{ guest.id }}_no" class="form-check-label">sending their regrets</label>
      </div>
    </div>
  </div> 
  {% endfor %}
  
  <div class="form-group row">
    <div class="">
      <button name="submit" type="submit" class="btn btn-primary">Submit</button>
    </div>
  </div>
</form>
</div>
</div>

{%endblock%}