{% extends 'base.html' %}

{% block content %}
          <div class="modal fade" id="invalidModal" tabindex="-1" role="dialog" aria-labelledby="invalidModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="invalidModalLabel">Invalid Caategory</h4>
                  </div>
                  <div class="modal-body">
                    The requested certificate is unavailable for your email address. Please select the appropriate category and retry.
                  </div>
                </div>
              </div>
          </div>
          <form class="col-lg-12" action="{% url 'certificate:download' %}" method="post">
            {% csrf_token %}
            {{ message }}
            <div class="input-group" style="width:340px;text-align:center;margin:0 auto;">
            <input style="width:450;" class="form-control input-lg" placeholder="Enter the email address you used for registration" type="text" id="email" name=email>
              <span class="input-group-btn"><button class="btn btn-lg btn-primary" type="submit">Get Certificate</button></span>
            </div>
            <hr>
            <p>Please choose the appropriate category</p>
            <input type="radio" name="type" id="P" value="P" checked="True">Participant
            &nbsp;&nbsp;<input type="radio" name="type" id="A" value="A">Speaker
            &nbsp;&nbsp;<input type="radio" name="type" id="W" value="W">Workshop
            <hr>
            <br>
            <center>
            {% if user_papers %}
                <br><br>
                <span><h3>Papers presented</h3><span>
                {% for user in user_papers %}
                <br>
                <input type="radio" name="paper" value="{{ user.paper }}">{{ user.paper }}
                {% endfor %}
                {% endif %}
                {% if workshops %}
                <br><br>
                <span><h3>Workshop Attended</h3><span>
                {% for user in workshops %}
                <br>
                <input type="radio" name="workshop" value="{{ user.workshops }}">{{ user.workshops }}
                {% endfor %}
          {% endif %}
          </center>
          </form>
          <center><h4>Problem in downloading certificate ? write to us at <a href="mailto:info@fossee.in">info[at]fossee[dot]in</a></h4>
{% endblock %}

{% block javascript %}
<script>
    $(document).ready(function(){
        value = "{{ v }}"
        email = ""
        if(value == "paper"){
            $('#A').prop('checked', true)
            email = "{{ user_papers.0.email }}";
        }
        if(value == "workshop"){
            $('#W').prop('checked', true)
            email = "{{ workshops.0.email }}"
        }
        $('#email').val(email);
        notreg = "{{ notregistered }}";
        if(notreg == "1"){
            $("#invalidModal").modal();
        }
   });
</script>
{% endblock %}