{% extends "adminheader.html" %}

{% block body %}
<div class="container-fluid pt-3">
        <div class="container text-center">
                  {% with messages = get_flashed_messages() %}
                        {% if messages %}
                          {% for message in messages %}
                          <div class="alert alert-warning alert-dismissible" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                                {{message}}
                          </div>
                          {% endfor %}
                        {% endif %}
                  {% endwith %}
        </div>
</div>
<div class="container-fluid p-3">
	<div class="row">
		<div class="col-md-4">
			<table class="table table-bordered table-sm">
			    	<thead class="thead-dark">
      				<tr>
        				<th>UserName</th>
        				<th>Email_id</th>
        				<th>Confirmed?</th>
      				</tr>
    				</thead>
    				<tbody>
				{% for row in allrecords %}
      				<tr class="{% if row[6] == 'N' %} table-danger {% else %} table-secondary {% endif %}">
        				<td>{{ row[1] }}</td>
        				<td>{{ row[2] }}</td>
        				<td>{{ row[6] }}</td>
				</tr>      
				{% endfor %}
			    	</tbody>
  			</table> 
		</div>
		<div class="col-md-4">
			<div class="row">
				<div class="col-md-6">
					<p> Total Users: {{ allrecords|count }} </p>
				</div>
				<div class="col-md-6">
					<p> Total Confirmed: {{ allrecords|count }} </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<p> Total Logins today: 999  </p>
				</div>
				<div class="col-md-6">
					<p> Total logins so far: 999 </p>
				</div>
			</div>
		</div>
		<div class="col-md-4">
			<div class="row">
				<div class="col-md-12 bg-light" style="height:auto;">
					<p class="lead bg-dark text-white px-3"><Strong>Add Limit to the Users</strong></p>
					<form method="post" action="/adminhome/" role="form">
					<div class="form-group row">
    							<label for="selectuser" class="col-sm-2 col-form-label">SelectUser</label>
    						<div class="col-sm-10">
	                        			<select class="form-control custom-select my-1 mr-sm-2" id="selectuser" name="selectuser" required>
        						<option selected>Choose...</option>
        						{% for row in userrecord %}
							<option value="{{ row[0] }}">{{ row[1] }}-->{{ row[2] }}</option>
							{% endfor %}
                        				</select>
    						</div>
  					</div>
  					<div class="form-group row">
   	 					<label for="limit" class="col-sm-2 col-form-label">Limit</label>
    						<div class="col-sm-10">
      							<input type="text" class="form-control" id="limit" name="limit" required>
    						</div>
  					</div>		
	  				<button for="submit1" type="submit" class="btn btn-primary my-1">Submit</button>
					</form>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12 bg-light" style="height:auto;">
					<p class="lead bg-dark text-white px-3"><Strong>Delete User</strong></p>
					<form method="post" action="/adminhome/" role="form">
					<div class="form-group row">
    							<label for="deleteuser" class="col-sm-2 col-form-label">User to Delete</label>
    						<div class="col-sm-10">
	                        			<select class="form-control custom-select my-1 mr-sm-2" id="deleteuser" name="deleteuser" required>
        						<option selected>Choose...</option>
        						{% for row in userrecord %}
							<option value="{{ row[0] }}">{{ row[1] }}-->{{ row[2] }}</option>
							{% endfor %}
                        				</select>
    						</div>
  					</div>
	  				<button for="submit2" type="submit" class="btn btn-primary my-1">Submit</button>
					</form>
				</div>
			</div>
		</div>


</div>
{% endblock %}