{% extends 'main.html' %}
{% load static %}
{% block content %}
<div class="container">
  <div class="row justify-content-md-center">
    <img src="{% static 'images/nitm_alumni_election_logo_2025-26.png' %}" class="img-fluid" style="width: 350px;" />
  </div>
</div>
<div class="px-4 px-md-5 text-lg-start">
  <div class="row gx-lg-5 align-items-center">
    <div class="col-md-10 mx-auto col-lg-8">

      <div class="card">

        <h5 class="card-header text-center py-4">
          <strong>Voting Closed</strong>
        </h5>

        <!-- <div class="card-body px-lg-5 pt-0">
          
            
          <span class="badge badge-warning text-wrap mt-4">
            <h6><span class="badge badge-danger ml-2">!</span> Only NITM alumni with registered email addresses can generate a valid token number for voting.</h6>
          </span>
            
          <form class="text-center" style="color: #757575;" action="" method="post" onsubmit="openLoader()">
            {% csrf_token %}

            <div class="md-form">
              <input type="email" id="voter_email" name="voter_email" class="form-control" required>
              <label for="voter_email" class="">E-mail</label>
            </div>

            <div class="md-form">
              <input type="text" id="roll_number" name="roll_number" class="form-control" required>
              <label for="roll_number" class="">Institute Roll Number</label>
            </div>

            <button class="btn btn-outline-info btn-rounded btn-block my-4 waves-effect z-depth-0"
              type="submit">Generate</button>

            <div id="loadingModal" style="display: none;">
              <button class="btn btn-primary" type="button" disabled>
                <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                Processing... Please wait
              </button>
            </div>

            <p>Already have a Token Number?
              <a href="{% url 'home' %}">Click here to Sign in</a>
            </p>

          </form>

        </div> -->

      </div>

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

{% endblock %}