<link rel="stylesheet" href="/var/www/selfanalyse/aptitude-test/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
<style>
    @import url(https://fonts.googleapis.com/css?family=Lato);

    body {
        font-family: 'Lato', sans-serif;
    }
    .bold-txt {
        font-weight: bold;
        color: #000;
    }

    .col-md-2 {
        width: 13.666667% !important;
    }

    /* MARGIN CSS */
    .mt-20 {
        margin-top: 20px
    }

    .mb-20 {
        margin-bottom: 20px
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    th,
    td {
        text-align: left;
        padding: 8px;
    }

    .header-logo {
        float: right;
    }

    .chart-header-box {
        float: left;
        width: 100%;
        border-radius: 4px;
        background: #fff;
        padding: 10px;
    }

    .chart-header-box h4 {
        font-size: 16px;
    }

    .intro-box {
        margin: 0;
        padding-left: 14px;
        background: #fff;
        padding: 10px;

        float: left;
        width: 100%;
    }

    .intro-box h2 {
        margin: 0;
        color: #464646;
        font-weight: 600;
        font-size: 24px;
        padding: 0 0 20px;
    }



    .one-circle-box {
        border-radius: 50%;
        text-align: center;
        padding: 24px 0;
        width: 140px;
        margin: 0 auto;
    }

    .one-circle-box i {
        font-size: 28px;
    }

    .chart-box {
        border: 1px solid #cccccc;
        box-shadow: 0 2px 4px 2px #c7c7c7;
        margin: 2em 0;
    }

    #container {
        /* height: 550px; */
    }

    .highcharts-data-table table {
        font-family: Verdana, sans-serif;
        border-collapse: collapse;
        border: 1px solid #EBEBEB;
        margin: 10px auto;
        text-align: center;
        width: 100%;
        max-width: 500px;
    }

    .highcharts-data-table caption {
        padding: 1em 0;
        font-size: 1.2em;
        color: #555;
    }

    .highcharts-data-table th {
        font-weight: 600;
        padding: 0.5em;
    }

    .highcharts-data-table td,
    .highcharts-data-table th,
    .highcharts-data-table caption {
        padding: 0.5em;
    }

    .highcharts-data-table thead tr,
    .highcharts-data-table tr:nth-child(even) {
        background: #f8f8f8;
    }

    .highcharts-data-table tr:hover {
        background: #f1f7ff;
    }

    svg:not(:root) {
        overflow: visible !important;
    }

    .highcharts-container {
        overflow: visible !important;
    }

    .intro-box h5 {
        margin: 0;
        color: #fff;
        font-size: 18px;
        padding: 10px;
        text-align: center;
        background: #f1802b;
    }

    .ability-desc-box h2 {
        margin: 0;
        color: #464646;
        font-weight: 600;
        font-size: 20px;
        padding: 30px 0 10px;
    }


    .intro-box p {
        margin: 0;
        font-size: 16px;
    }

    .ability-desc-box {
        border-bottom: 1px solid #434348;
        padding-bottom: 20px;
    }

    .sten-score {
        border: 1px solid #b1b1b1;
        box-shadow: 0 2px 4px 2px #9a9a9a;
        padding: 10px;
        margin-top: 1em;
        /* background: #90ed7d; */
    }

    .sten-score h3 {
        font-size: 18px;
        margin: 0;
        padding-bottom: 10px;
    }

    .description-ul {
        padding: 20px;
    }

    .description-ul li {
        list-style: decimal;
        color: #000;
        margin-bottom: 20px;
        font-size: 15px;
    }

    .test-head {
        font-size: 26px !important;
        padding-bottom: 10px;
    }

    .chart-header-box h6 {
        margin: 0;
        font-size: 17px;
        padding: 10px 0 30px;
        line-height: 24px;
        font-weight: 600;
    }

    .back-home-btn {
        font-size: 14px;
        background: #0085f7;
        padding: 10px;
        display: table;
        margin: 0 auto;
        color: #fff;
        cursor: pointer;
        border-radius: 4px;
        font-weight: bold;
    }

    .fb-share {
        background: #3b5998;
        border-radius: 3px;
        font-weight: 600;
        padding: 5px 8px;
        float: right;
        position: relative;
        top: -4px;
        display: inline-flex;
    }

    .fb-share:hover {
        cursor: pointer;
        background: #213A6F
    }

    .fb-share svg {
        width: 18px;
        fill: white;
        vertical-align: middle;
        border-radius: 2px
    }

    .fb-share span {
        vertical-align: middle;
        color: white;
        font-size: 14px;
        padding: 0 3px
    }

    #header {
        position: fixed;
        left: 0px;
        top: 10px;
        right: 0px;
    }

    #footer {
        width: 100%;
        text-align: right;
        position: fixed;
        bottom: 0px;
    }

    #footer .page:after {
        content: counter(page, decimal);
    }

    /* END aptitude-test CSS */
</style>

<body style="border: 8px solid #154479;font-size:15px;line-height:180%;">
    <div id="header">
        <div class="col-md-12" style="margin-top: 10px;">
        <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt="">
        </div>
    </div>
    <div id="footer">
        <p><span style="float:left;" class="page">Page </span> <span style="text-align: right;">Source: DBDA-R by Sanjay Vohra</span> </p>
    </div>
    <div>
        <div class="container">
            <!----User details--->
            <div class="row" style="page-break-after: always;">
                <div class="chart-header-box" style="margin-bottom: 2em;">
                    <div class="col-md-12">
                        <br><br><br><br>
                        <!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
                    </div>
                    <div class="col-md-12" style="text-align: center;">
                        <h2>Aptitude Test Report - <?php echo $getTestDetails->category_name; ?></h2>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Name : <span style="font-weight: bold;"> <?php echo $studentName; ?> </span>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Gender : <span style="font-weight: bold;"> <?php echo $gender; ?> </span>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Current Education Level : <span style="font-weight: bold;"> <?php echo $class ?> </span>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Date of birth : <span style="font-weight: bold;"> <?php echo $dob; ?> </span>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Email Address : <span style="font-weight: bold;"> <?php echo $email; ?> </span>
                    </div>
                    <br><br><br>
                    <div class="col-md-12">
                        <h4>Phone No. : <span style="font-weight: bold;"> <?php echo $mobile; ?> </span>
                    </div>
                </div>
            </div>
            <!----First Page Content--->
            <div class="row" style="page-break-after: always;font-size:18px;">
                <div class="chart-header-box" style="margin-bottom: 2em;">
                    <div class="col-md-12" style="margin-top: 10px;">
                        <br><br><br><br>
                        <!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
                    </div>
                    <div class="col-md-12">
                        <h3>About Psychometric Tests</h3>
                        <br><br><br><br>
                        <p>Psychometric tests tell us a lot about ourselves. They can be particularly helpful when we are making an important decision such as, choosing a career, a course or a stream.</p>
                        <p>Psychometric tests are designed to assess the cognitive abilities and personality traits of an individual. Knowing our own strengths and weaknesses help us in choosing the career/course most suited for us, or to reveal the abilities we need to develop in order to be successful in the careers we want to choose.</p>
                        <p>Psychometric tests are of two types:<ul>
                                <li>Test for abilities or aptitude</li>
                                <li>Test for personality</li>
                            </ul>
                        </p>
                        <br><br><br><br>
                        <p>Abilities or aptitude describe our strengths and weaknesses. For example, some people sing very well. We would say that their ‘ability’ to sing is high. Now that person can become a professional singer much more easily than a person who does not have that ability. Similarly, all of us have different levels of ability for numbers, for language, for reasoning and logic, for mechanics etc. These different abilities are more or less beneficial in success in different fields or careers.</p>
                    </div>
                </div>
            </div>
            <div class="row" style="page-break-after: always;font-size:18px;">
                <div class="chart-header-box" style="margin-bottom: 2em;">
                    <div class="col-md-12" style="margin-top: 10px;">
                        <br><br><br><br>
                        <!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
                    </div>
                    <br>
                    <div class="col-md-12">
                        <div class="col-md-12" style="text-align: center;">
                            <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/image-<?php echo $exam_id . '.png' ?>" alt="">
                        </div>
                        <br>
                        <div class="col-md-12">
                            <h3><?php echo $getTestDetails->category_name; ?></h3>
                            <p>
                                <?php echo $getTestDetails->sectional_instruction; ?>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="font-size:18px;">
                <div class="chart-header-box" style="margin-bottom: 2em;">
                    <div class="col-md-12" style="margin-top: 10px;">
                        
                        <!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
                    </div>

                    <?php
                    foreach ($getsubject as $sub) {
                        $subjectName = $sub->category_name;
                        $subject = $sub->exam_category_id;

                        $abilityData = $wpdb->get_row("SELECT ability_id, description, color FROM $PSY_ABILITY where FIND_IN_SET($subject,ref_id)");
                        $ability_id = $abilityData->ability_id;
                        $ability_desc = $abilityData->description;

                        $getTestSummary = $wpdb->get_row("SELECT count(case when ttqt.correct_answer=ttqat.answer then 1 end) as correctQn, count(case when ttqt.correct_answer!=ttqat.answer and ttqat.answer!=0 then 1 end) as inCorrectQn, count(case when ttqat.answer=0 then 1 end) as unAttemptQn from $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER as ttqat Inner join $PSY_SP_QUESTION as ttqt on ttqt.question_id = ttqat.test_question_id where ttqat.test_taken_id='$testID' and ttqat.subject_id='$subject'");
                        $correctQn = (int) $getTestSummary->correctQn;
                        $inCorrectQn = $getTestSummary->inCorrectQn;
                        $unAttemptQn = $getTestSummary->unAttemptQn;

                        $rawScore = $wpdb->get_row("SELECT sten_score FROM $PSY_ABILITY_RAW_SCORE where $correctQn BETWEEN raw_score_start and raw_score_end and class_id='$class_id' and ability_id='$ability_id'");

                        $stenScore = (int) $rawScore->sten_score;

                        $stenDesc = $wpdb->get_row("SELECT description from $PSY_ABILITY_STEN_DESC where ability_id='$ability_id' and FIND_IN_SET($stenScore,sten_scores)");
                        $stenDesc = $stenDesc->description;

                        $createName = strtolower(str_replace(" ", "-", $sub->category_name));
                        $image_name = $testID . '-' . $createName . '.png';

                    ?>
                    <br><br><br><br>
                        <table style="page-break-after: always;">
                            <tr>
                                <td>
                                    <h3><?php echo $subjectName ?></h3>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <p>
                                        <?php echo $ability_desc ?>
                                    </p>
                                </td>
                            </tr>


                            <tr>
                                <td>
                                    <p style="text-align: center;margin-top:25px;">
                                        <img src="/var/www/selfanalyse/emu-aptitude-test/chart_images/<?php echo $image_name ?>" alt="">
                                    </p>
                                </td>
                            </tr>

                            <tr>
                                <td>

                                    <h3><?php echo $subjectName . ' - ' . $stenScore ?></h3>

                                </td>
                            </tr>



                            <tr>
                                <td>
                                    <p>
                                        <?php echo $stenDesc ?>
                                    </p>
                                </td>
                            </tr>
                        </table>

                    <?php
                    }
                    ?>
                    <br>
                </div>
            </div>
            <!-----Disclaimer-------->
            <div class="row">
                    <div class="col-md-12" style="margin-top: 10px;">
                        <br><br><br><br>
                        <!-- <img src="/var/www/selfanalyse/wp-content/themes/psychometrics/images/emu-logo.png" alt=""> -->
                    </div>
                <div class="col-md-12" style="font-size:18px;">
                    <h4>Interpretation of Scores:</h4>

                    <table border="2">
                        <tr>
                            <th>Score</th>
                            <th>Inference</th>
                        </tr>
                        <tr>
                            <td>1-3</td>
                            <td>Below Average Ability</td>
                        </tr>
                        <tr>
                            <td>4-7</td>
                            <td>Average Ability</td>
                        </tr>
                        <tr>
                            <td>8-10</td>
                            <td>High Ability</td>
                        </tr>
                    </table>
                    <br><br>
                    <p>
                        <strong> Note : <i>One to one counselling session is recommended for better interpretation of your scores.</i></strong>
                    </p>
                </div>
                <br><br><br>
                <div class="intro-box print-view-box">
                    <p class="disc-print" style="font-style: italic;"> <span style="text-decoration: underline;">Disclaimer:</span> It is to be noted that these test scores do not provide any kind of diagnosis. The cognitive functioning is a result of “Nature and Nurture”. This means how an individual thinks is a result of his innate nature as well as his environment. The scores should be taken in the right perspective. These scores indicate an individual’s ability to perform a particular task right now (at the moment of taking the test). Adding extra skill or training in that area may improve the scores.</p>
                </div>
            </div>
        </div>
    </div>
</body>