{% 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: "UserId"; }
            td:nth-of-type(2):before { content: "Name"; }
            td:nth-of-type(2):before { content: "Surname"; }
            td:nth-of-type(2):before { content: "Institution"; }
            td:nth-of-type(2):before { content: "Obj Mark Scored"; }
            td:nth-of-type(2):before { content: "Obj Minus Mark Scored"; }
            td:nth-of-type(2):before { content: "Desc Mark Scored"; }
            td:nth-of-type(2):before { content: "Total Scored"; }
            td:nth-of-type(2):before { content: "Is Attended"; }
            td:nth-of-type(2):before { content: "Is Final Result"; }
            td:nth-of-type(3):before { content: "View"; }
        }
    </style>
{% endblock %}#}
{% block body -%}
    <style >
        .question_container{
            border: 2px solid #b1b3b8;
            border-radius: 3px;
            margin-left: 3px;
            margin-right: 3px;
            margin-top: 10px;
            padding: 16px;
        }
        .correct_answer-label{
            color: green;
        }
        .wrong_answer-label{
            color: red;
        }
        .bottom_border{
            border-bottom: 1px dotted #c9c1c1;
            margin-bottom: 10px;
            margin-top: 10px;
        }
    </style>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h6> Exam Result </h6>
                </div>
                <div class="panel-body" id="result_to_print">
                    <a target="_blank" href="{{ path('candidate_scorecard',{'candExam':candidateExam.id,'candidateProfileId':candidateProfile.guid}) }}"> <i class="fa fa-print fa-4x"></i></a>
                    <div class="row question_container">
                        <div class="row">
                            <div class="col-sm-3">
                                <strong >Name : </strong> {{ candidateProfile.name }}
                            </div>
                            <div class="col-sm-3">
                                <strong >Surname : </strong> {{ candidateProfile.surname }}
                            </div>
                            <div class="col-sm-3">
                                <strong >Institution : </strong> {{ candidateProfile.institution }}
                            </div>
                            <div class="col-sm-3">
                                <strong >Qualfication : </strong> {{ candidateProfile.qualification }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-4">
                                <strong >Exam Name : </strong> {{ candidateExam.examid }}
                            </div>
                            <div class="col-sm-4">
                                <strong >Start Date & Time : </strong> {{ candidateExam.startedAt|date('d/m/Y h:i A') }}
                            </div>
                            <div class="col-sm-4">
                                <strong >Finish Date & Time : </strong> {{ candidateExam.tobeFinishedAt|date('d/m/Y h:i A') }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-4">
                                <strong >Percentage : </strong> {{ total_percentage }}
                            </div>
                            <div class="col-sm-4">
                                <strong >Mark Scored : </strong> {{ total_mark_scored }}
                            </div>
                            <div class="col-sm-4">
                                <strong >Total Mark : </strong> {{ total_mark }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                {{ overallConclusion|raw }}
                            </div>
                        </div>
                    </div>
                    {% if data.subjectwise is defined %}
                        <div class="row question_container">
                            <h4><strong > Subjectwise Mark</strong> </h4>
                            {% for subjectwise in data.subjectwise %}
                                <div class="row">
                                    <div class="col-sm-3">
                                        <strong >Subject Name : </strong> {{ subjectwise.subject }}
                                    </div>
                                    <div class="col-sm-3">
                                        <strong >Mark Scored : </strong> {{ subjectwise.mark }}
                                    </div>
                                    <div class="col-sm-3">
                                        <strong >Percentage : </strong> {{ subjectwise.percantage }}
                                    </div>
                                    <div class="col-sm-3">
                                        <strong >Max Mark : </strong> {{ subjectwise.max_mark }}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        {{ subjectwise.conclusion|raw }}
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    {% endif %}
                    {#{{ dump(data) }}#}
                    {% if data.topicwise is defined %}
                        <div class="row question_container">
                            <h4><strong > Subject Topic-wise Mark</strong> </h4>
                            {% for topicwise in data.topicwise %}
                                {% for topics in topicwise %}
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <strong >Subject Name : </strong> {{ topics.subject }}
                                        </div>
                                        <div class="col-sm-3">
                                            <strong >Topic Name : </strong> {{ topics.topic }}
                                        </div>
                                        <div class="col-sm-2">
                                            <strong >Mark Scored : </strong> {{ topics.mark }}
                                        </div>
                                        <div class="col-sm-2">
                                            <strong >Percentage : </strong> {{ topics.percantage }}
                                        </div>
                                        <div class="col-sm-2">
                                            <strong >Max Mark : </strong> {{ topics.max_mark }}
                                        </div>
                                    </div>
                                {% endfor %}
                            {% endfor %}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block userscripts %}

    <script type="text/javascript" >
        $(document).ready(function () {

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