{% extends 'management/base.html' %}
{% load static %}
{% load crispy_forms_filters %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12">
    <div class="card shadow">
      <div class="card-body">
        <h4>Add Voters via QR Code</h4>
        <span>What's the voters name? Hint: You can also leave the name empty.
        </span>
        <hr>
        <form class="form-group" action="{% url 'management:add_mobile_voter' session.pk %}" method="post">
          {% csrf_token %}
          <label for="name">Voter's name:</label>
          <input type="text" id="name" name="name" class="form-control"><br>
          <button type="submit" id="id_btn_submit" class="btn btn-primary btn-block">Submit</button>
        </form>
        <a class="btn btn-secondary btn-block" href="{% url 'management:session' session.pk %}">Cancel</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}
{% block footer_scripts %}
  <script src="{% static "js/jquery-3.5.1.min.js" %}"
          integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="></script>
  <script src="{% static "js/reload.js" %}"></script>

  <script src="{% static "bootstrap-4.5.3-dist/js/bootstrap.min.js" %}"
          integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"></script>
  <script src="{% static "management/js/session.js" %}"></script>
{% endblock %}