{% extends 'emailupload/base.html' %}
{% block title %}QuickSched: Confirm{% endblock %}
{% load static %}

{% block content %}

<div class="mt-5 w-75 mx-auto" id="confirmation">
    <img height="150" width="150" src="{% static 'global/Magisters.svg' %}">    
    <h1 class="mt-3">Are you sure you want to add these accounts?</h1>

    <div class="mt-3 w-50 mx-auto" id="accounts">
    {% if new_accounts %}
	<h2>New Accounts</h2>
	<p class="text-muted">will be given a temporary password to complete their account creation</p>
    <ul class="list-group">
	{% for account in new_accounts %}
	<li class="list-group-item">{{ account }}</li>
	{% endfor %}
    </ul>
    {% endif %}

    {% if returning_accounts %}
    <h2>Returning Accounts</h2>
    <p class="text-muted">will be sent an email to return to QuickSched and update their accounts</p>
    <ul class="list-group">
	{% for account in returning_accounts %}
	<li class="list-group-item">{{ account }}</li>
	{% endfor %}
    </ul>
    {% endif %}
    </div>

    <div class="mt-4" id="buttons">
	<a class="btn btn-primary" href="{% url 'confirm_emails' %}">Confirm</a>
	<a class="btn btn-primary" href="{% url 'cancel_roster' %}">Cancel</a>
    </div>
</div>

{% endblock %}
