@@ -86,7 +86,7 @@ <h4><a href="{% url 'newsletter' %}">NEWSLETTERS</a></h4>

<div class="col-sm-4">
<div style="font-size:3em; color:tomato; text-align:center;">
<a href="{% url 'news' %}"><i class="fas fa-newspaper fa-lg"></i></a>
<a href="{% url 'events' %}"><i class="fas fa-newspaper fa-lg"></i></a>
</div><br/>
<h4><a href="{% url 'news' %}">EVENTS</a></h4>
<p>You can find all our announcments and upcoming events here.</p>
@@ -1,23 +1,39 @@
{% load widget_tweaks %}

{% for field in form %}
{% if form.is_bound %}
{% if field.errors %}
<script>
$(document).ready(function(){
$("#overlay").css("visibility", "visible");
$(".event-id").attr("value", eventId);
});
</script>
{% render_field field class="form-control is-invalid" %}
{% for error in field.errors %}
<small class="invalid-feedback">{{error}}</small>
{% endfor %}
{% else %}
{% render_field field class="form-control is-valid" %}
<div class="container" style='padding-top: 70px;'>
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6 align-items-center">

<form method="post" novalidate id="rsvp-form">
<div style="text-align:center;">
<h3>RSVP to Event:</h3>
<h3>"{{event}}"</h3>
<hr>
</div>
{% csrf_token %}
{% for field in form %}
{% if form.is_bound %}
{% if field.errors %}
{% render_field field class="form-control is-invalid" %}
{% for error in field.errors %}
<small class="invalid-feedback">{{error}}</small>
{% endfor %}
{% else %}
{% render_field field class="form-control is-valid" %}
{% endif %}
{%else %}
{% render_field field class="form-control" %}
{% endif %}
{%else %}
{% render_field field class="form-control" %}
{% endif %}
<hr>
{% endfor %}
<br>
<div style="text-align:center;">
<button type="submit" class="btn btn-primary" id="rsvp-submit">Submit</button>
</div>
</form>
</div>
</div>
</div>


@@ -11,42 +11,46 @@ <h1>St. Clair Medical Society Officers</h1>
</div>
</div>




<div class="d-flex flex-row align-items-center flex-wrap">
<div class="mx-auto">
<img src="http://www.stclairmed.com/picts/past-presidents-1.jpg" class="img-responsive rounded" style="max-height: 775px;"/>
</div>

<div class="mx-auto">
<img src="http://www.stclairmed.com/presidents-dinner-2017/Presidents%202017-officers.jpg" class="img-responsive rounded" style="max-height: 500px;"/>
</div>
</div><!--row-->

<div class="d-flex flex-row flex-wrap justify-content-around" style="padding-top:50px; padding-bottom:50px;">

<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-1"></div>
<div class="col-sm-5">
{% for role in roles %}
</br>
<div class="col-sm-2">
<h5>{{ role.name }}</h5>
<hr>
<ol>
{% for officer in officers %}
{% if officer.role.name == role.name %}
<li style="list-style-type:none; font-size:18px;">
{% if officer.position %}
{{ officer }} - {{ officer.position }}
{% else %}
{{ officer }}
{% endif %}
</li>
<h5>{{ role.name }}</h5>
<ol>
{% for officer in officers %}
{% if officer.role.name == role.name %}
<li style="list-style-type:none;">
{% if officer.position %}
{{ officer }} - {{ officer.position }}
{% else %}
{{ officer }}
{% endif %}
{% endfor %}
</ol>
</div>
<br>
</li>
{% endif %}
{% endfor %}
</ol>
{% endfor %}

</div>
<div class="col-md-6">
<div class="container-fluid">
<img src="http://www.stclairmed.com/presidents-dinner-2017/Presidents%202017-officers.jpg" class="img-fluid rounded" style="max-height: 500px;"/>
</div>
</div>
</div>
<hr>
<br>
<div class="row slideanim">
<div class="col-sm-12" style="text-align:center">
<h2>Past Officers - 2016</h2>
</div>
</div>
<div class="row slideanim align-items-center">
<div class="col-sm-12">
<img style="display:block; margin:auto;" src="http://stclairmed.com/picts/past-presidents-1.jpg"/>
</div>
</div>
</div>

>>>>>>> origin/gwi-events-5
{% endblock body %}
@@ -1,9 +1,10 @@
{% extends 'base.html' %}

{% block body %}
<div class="container-fluid">
<div class="container" style="padding-top:70px;">
<p>We have received your RSVP to {{event.title}}!</p>
<p>Please confirm the event details sent to {{rsvp.email}}</p>
<p>*** You may have to check your spam folder ***</p>
<p><a href="{% url 'events' %}">&#171; Back to Events</a></p>
</div>
{% endblock body %}