{% extends 'professor_dashboard.html' %}
{% block body %}
<div class="row align-items-center d-flex  justify-content-center">
    <div class="col-12 mb-4">
        <div class="card border-light shadow-sm components-section align-items-center d-flex  justify-content-center">
            <div class="card-body align-items-center d-flex justify-content-center">     
                <div class="row mb-4">
                    <div class="col-lg-12 col-sm-16">
                      <h3 class="h3 text-center">SHARE DETAILS WITH STUDENTS</h3>  
                    </div>
                    <form action="/share_details_emails" method="POST" class="mt-4" enctype = "multipart/form-data">
                    <div class="card-body justify-content-md-center">
                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap mb-0 rounded">
                                <tbody>
                                {% for res in callresults%}
                <tr>
                <td scope="col" >TEST ID</td>
                    <td>{{res['test_id']}}</td>
                    <input type="hidden" name="tid" value="{{res['test_id']}}">
                </tr>
                <tr>
                    <td scope="col" >SUBJECT</td>
                    <input type="hidden" name="subject" value="{{res['subject']}}">
                    <td>{{res['subject']}}</td>
                </tr>
                <tr>
                    <td  scope="col" >TOPIC</td>
                    <input type="hidden" name="topic" value="{{res['topic']}}">
                    <td>{{res['topic']}}</td>
                </tr>
                <tr>
                    <td  scope="col" >DURATION</td>
                    <input type="hidden" name="duration" value="{{res['duration']}}">
                    <td>{{res['duration']}} sec</td>
                </tr>
                <tr>
                    <td  scope="col" >START</td>
                    <input type="hidden" name="start" value="{{res['start']}}">
                    <td>{{res['start']}}</td>
                </tr>
                <tr>
                    <td scope="col" >END</td>
                    <input type="hidden" name="end" value="{{res['end']}}">
                    <td>{{res['end']}}</td>
                </tr>
                <tr>
                    <td  scope="col" >PASSWORD</td>
                    <input type="hidden" name="password" value="{{res['password']}}">
                    <td>{{res['password']}}</td>
                </tr>
                <tr>
                    <td  scope="col" >NEGATIVE MARKS</td>
                    <input type="hidden" name="neg_marks" value="{{res['neg_marks']}}">
                    <td>{{res['neg_marks']}} %</td>
                </tr>
                <tr>
                    <td  scope="col" >CALCULATOR ALLOWED</td>
                    <td>{% if(res['calc'] == 1) %} 
                        <input type="hidden" name="calc" value="YES">
                        YES {% else %}
                        <input type="hidden" name="calc" value="NO">
                        NO
                        {% endif %}</td>
                </tr>
                <tr>
                    <td colspan="2">EMAILS LIST: [SEPARATED BY COMMA (,)]</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <textarea name="emailssharelist" class="form-control" placeholder="abc@example.com,def@example.com" rows="6" required></textarea>
                    </td>
                </tr>
{% endfor %}
</tbody>
            </table>
            <input type="submit" class="btn btn-primary form-group justify-content-center" value="SHARE NOW">
        </div>
    </div>
    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );
</script>
{% endblock %}