{% extends "base.html" %}
{% block title %}Approve users{% endblock %}

{% block content %}

{% with messages = get_flashed_messages() %}
{% if messages %}
    <div class="modal fade modal-warning" id="formerror" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Login Error</h4>
                </div>
                <div class="modal-body">
    				{% for message in messages %}
                    	{{ message }}
					{% endfor %}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
{% endif %}
{% endwith %}

<div class="col-xs-12 col-lg-12">
     <form method="post">
     <div class="card">
        <div class="card-header">
            <div class="card-title">
                <div class="title">Approve or remove new users
		   	    <input type="submit" name="submit_button" value="Approve!">
                <input type="submit" name="submit_button" value="Remove!">
			    </div>
            </div>
        </div>

         <div class="card-body">
             <div class="col-xs-6 col-lg-6">
                  <div class="card">
                     <div class="card-header">
                         <div class="card-title">
                             <div class="title">New users</div>
                         </div>
                     </div>
         			 <div class="card-body">
                		<input type="checkbox" onClick="toggle_users(this)" checked> Approve all users<br/><br/>
                		{% for asked_user in asked_users %}
							<input type="checkbox" name="approve_users" value="{{ asked_user.name }}" checked> {{ asked_user.name }}: {{ asked_user.firstname }} {{ asked_user.lastname }} - {{ asked_user.email }}<br>
						{% endfor %}
					 </div>
				  </div>
			 </div>
             <div class="col-xs-6 col-lg-6">
                  <div class="card">
                     <div class="card-header">
                         <div class="card-title">
                             <div class="title">New users for events</div>
                         </div>
                     </div>
         			 <div class="card-body">
                		<input type="checkbox" onClick="toggle_event_teams(this)" checked> Approve all event teams<br/><br/>
                		{% for asked_event_team in asked_sign_up %}
							<input type="checkbox" name="approve_event_teams" value="{{ asked_event_team.id }}" checked> {{ asked_event_team.event.name }} - {{ asked_event_team.team.name }} <br>
						{% endfor %}
					 </div>
				  </div>
			 </div>
			</form>
         </div>
    </div>
</div>

{% endblock %}

{% block scripts %}
<script>
function toggle_users(source) {
  checkboxes = document.getElementsByName('approve_users');
  for(var i=0, n=checkboxes.length; i<n; i++) {
    checkboxes[i].checked = source.checked;
  }
}
function toggle_event_teams(source) {
  checkboxes = document.getElementsByName('approve_event_teams');
  for(var i=0, n=checkboxes.length; i<n; i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>
{% endblock %}