{% extends 'base.html' %}
{% block header%}
    <h1> Scilab India Conference 2014 </h1>
{% endblock %}
{% 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 Category</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 %}
            {% if error %}
                <p class="lead"> Sorry your certificate cannot be processed. Kindly contact the fossee team.<p>
            {% else %}
                {{ message }}
            {% endif %}
            <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>
            <center>
            <div id ="paper">
            {% if user_papers %}
                <span><h3>Papers presented</h3><span>
                <div style="padding-left:350px;text-align:left">
                {% for user in user_papers %}
                <input type="radio" name="paper" value="{{ user.paper }}">{{ user.paper }}<br>
                {% endfor %}
                </div>
            {% endif %}
        </div>
        <div id="workshop">
            {% if workshops %}
                <span><h3>Workshop Attended</h3><span>
                <div style="text-align:left">
                {% for user in workshops %}
                <input type="radio" name="workshop" value="{{ user.workshops }}">{{ user.workshops }}<br>
                {% endfor %}
                </div>
                {% endif %}

        </div>
          </center>
            <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">Download Certificate</button></span>
            </div>
          </form>
          <center><h4>Problem in downloading the certificate? Write to us at <a href="mailto:certificates@fossee.in">certificates[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();
        }
        $("[name=type]").change(function(){
            $("#paper").remove();
            $("#workshop").remove();
        });
   });
</script>
{% endblock %}