{% extends "cms/admin_home.html" %}
{% load sekizai_tags i18n %}

{% block content %}

	<h2>{% trans "Email Students: Confirmation" %}</h2>

	<p>{% trans "Please confirm the following before sending" %}:</p>

	<hr />

	{% if testemail %}<h3>{% trans "Test Email (No Recipients)" %}</h3> <hr />{% endif %}
	<h4>{% trans "From" %}: {{ from_name }} &lt;{{ from_address }}&gt;</h3>
	<h4>{% trans "Subject" %}: {{ subject }}</h4>

	<hr />

	<div class="panel panel-default">
	<div class="panel-heading"><h4 class="panel-title">{% trans "Message" %}</h4></div>
	<div class="panel-body">
		{% if richTextChoice == "HTML" %}
			{{ html_message|safe }}
		{% else %}
			<pre class="unstyled">{{ message }}</pre>
		{% endif %}
	</div>
	</div>

	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
	  <div class="panel panel-default">
	    <div class="panel-heading" role="tab" id="headingOne">
	      <h4 class="panel-title">
	        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
	          {% trans "Recipients" %}
	        </a>
	      </h4>
	    </div>
	    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
	      <div class="panel-body">

			<h4>
				{% if month and not series %}
					{% blocktrans %}Events in {{ month }}{% endblocktrans %}:
				{% else %}
					{% trans "Students Registered for Events" %}:
				{% endif %}
			</h4>
			<ul>
				{% for s in events_to_send %}
					<li>{{ s.name }}</li>
				{% endfor %}
			</ul>

	      </div>
	    </div>
	  </div>
	  <div class="panel panel-default">
	    <div class="panel-heading" role="tab" id="headingTwo">
	      <h4 class="panel-title">
	        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
	          {% trans "Detailed Recipients" %}
	        </a>
	      </h4>
	    </div>
	    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	      <div class="panel-body">

			{% if to %}
			<h5>CC:</h5>
			<ul>
			{% for item in to %}
				<li>{{ item }}</li>
			{% endfor %}
			</ul>
			{% endif %}
					
			{% if cc %}
			<h5>CC:</h5>
			<ul>
			{% for item in cc %}
				<li>{{ item }}</li>
			{% endfor %}
			</ul>
			{% endif %}

			{% if bcc or emails %}
			<h5>BCC:</h5>
			<ul>
			{% for item in bcc %}
				<li>{{ item }}</li>
			{% endfor %}
			{% for item in emails %}
				<li>{{ item }}</li>
			{% endfor %}
			</ul>
			{% endif %}

	      </div>
	    </div>
	  </div>
	</div>

	<a class="btn btn-success" href="?confirmed=True">{% trans "Send Emails" %}</a>
	<a class="btn btn-default" href="{% url 'emailStudents' %}">{% trans "Return To Form" %}</a>

{% addtoblock "css" %}
	<style type="text/css">
		pre.unstyled {
			border: 0;
			padding: 0;
			background-color: transparent;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    font-size: 14px;
		}
	</style>
{% endaddtoblock %}
{% endblock %}