{% extends '::base.html.twig' %}
{% block usercss %}
    {{ parent() }}
    <style>
        @media
        only screen and (max-width: 760px),
        (min-device-width: 768px) and (max-device-width: 1024px)  { 

            /*
            Label the data
            */
            td:nth-of-type(1):before { content: "#"; }
            td:nth-of-type(2):before { content: "Exam"; }
            td:nth-of-type(3):before { content: "Question Set"; }
            td:nth-of-type(4):before { content: "Status"; }
            td:nth-of-type(5):before { content: "Started At"; }
            td:nth-of-type(6):before { content: "Completed At"; }
            td:nth-of-type(7):before { content: "Mark:Objective Type"; }
            {#            td:nth-of-type(7):before { content: "Mark:Descriptive Type"; }#}
            td:nth-of-type(8):before { content: "Final Result"; }
            td:nth-of-type(9):before { content: "Detailed Result"; }
        }
    </style>
{% endblock %}
{% block body -%}

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h6>List: Attended Exams</h6>
                </div>
                <div class="panel-body">  
                    <div class="data_container">
                        <table class="table table-bordered" id="table_responsive">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Exam</th>
                                    <th>Question Set</th>
                                    <th>Current Status</th>
                                    <th>Started At</th>
                                    <th>Completed At</th>
                                    <th>Mark:Objective Type</th>
                                        {#                                    <th>Mark:Descriptive Type</th>#}
                                    <th>Final Result</th>
                                    <th>Detailed Result</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% set slno = 1 %}
                                {% for entity in exams %}
                                    <tr>
                                        <td>{{ slno }}</td>
                                        <td>{{ entity.examid }} - {{ entity.examid.examtype.examType }}</td> {#entity.examid.examname#}
                                        <td> {{ entity.questionset.questionset }} </td>
                                        <td> {{ entity.examstatus.status }} </td>
                                        <td> 
                                            {% if entity.startedat %}
                                                {{ entity.startedat|date('d/m/Y h:i A') }} </td>
                                            {% endif %}
                                        <td> 
                                            {% if entity.completedat %}
                                                {{ entity.completedat|date('d/m/Y h:i A') }} 
                                            {% endif %}
                                        </td>
                                        <td> 
                                            Mark Scored:{{ entity.objmarkscored - entity.objmarkminusscored }}  <br />
                                            Maximum Mark: {{ entity.objmark }}  <br />
                                        </td>
                                        {# <td> 
                                             Mark Scored:{{ entity.objmarkscored }}  <br />
                                             Minus Mark Scored:{{ entity.objmarkminusscored }}  <br />
                                             Maximum Mark: {{ entity.objmark }}  <br />
                                             Maximum Minus Mark: {{ entity.objmarkminus }} 
                                         </td>#}
                                        {#                                        <td> {{ entity.descmarkscored  }} / {{ entity.descmark  }}</td>#}
                                        <td>
                                            {% if entity.finalizeresult  %}
                                                {% set finalizeresult = entity.markscored ~ "/" ~ entity.totalmark %}
                                            {% else %}
                                                {% set finalizeresult = "Not finalized" %}
                                            {% endif %}
                                            {{ finalizeresult }}
                                            {#<button class="btn btn-sm btn-success"> View </button>
                                            <button class="btn btn-sm btn-primary"> Calculate </button>#}
                                        </td>
                                        <td>
                                            {% if entity.finalizeresult  %}
                                                <a href="{{ path('candidate_exam_result_candidate',{candExam:entity.id}) }}">
                                                    <button class="btn btn-info btn-sm">
                                                        Answer Sheet
                                                    </button>
                                                </a>
                                                <a href="{{ path('candidate_exam_conclusion_candidate',{candExam:entity.id}) }}">
                                                    <button class="btn btn-primary btn-sm">
                                                        <i class="fa fa-file-code-o fa-2x"></i>
                                                    </button>
                                                </a>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% set slno = slno + 1 %}
                                {% endfor %}
                            </tbody>
                        </table>
                        {{ knp_pagination_render(exams, 'AppBundle:Default:slidingAjax.html.twig') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block userscripts %}
    <script type="text/javascript">
        $(document).ready(function () {

        });
        function __loadPage(path) {
            $.ajax({
                type: "POST",
                url: path,
                beforeSend: function () {
                    $("#ajax_loader_div").show();
                },
                success: function (html) {
                    var data_table = $(html).find(".data_container");
                    $(".data_container").html(data_table);
                },
                complete: function () {
                    $("#ajax_loader_div").hide();
                }

            });
        }
    </script>
{% endblock %}