HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ip-172-31-18-78 6.17.0-1017-aws #17~24.04.1-Ubuntu SMP Tue May 26 21:09:53 UTC 2026 aarch64
User: ubuntu (1000)
PHP: 8.2.31
Disabled: NONE
Upload Files
File: /var/www/selfanalyse/emu-personality-test/test-report.php
<?php

/**
 *
 * Title : Test Report
 * Developer : Rohit Kashyap
 * Date : 17 Apr,2020
 * Description : User test report and their score with highchart.
 */
// ini_set('dsiplay_errors', 1);
// error_reporting(E_ALL);
include_once('../wp-config.php');

if (is_user_logged_in()) {
    $user_id = $current_user->ID;


    global $wpdb;
    $PSY_EXAMS = $wpdb->prefix . PSY_EXAMS;
    $PSY_ABILITY = $wpdb->prefix . PSY_ABILITY;
    $PSY_ABILITY_CLASS = $wpdb->prefix . PSY_ABILITY_CLASS;
    $PSY_USERS_DETAILS = $wpdb->prefix . PSY_USERS_DETAILS;
    $PSY_SP_OPTION_VALUE = $wpdb->prefix . PSY_SP_OPTION_VALUE;
    $PSY_ABILITY_RAW_SCORE = $wpdb->prefix . PSY_ABILITY_RAW_SCORE;
    $PSY_EMU_PER_RAW_SCORE = $wpdb->prefix . PSY_EMU_PER_RAW_SCORE;
    $PSY_TEST_GEN_TEST_TAKEN = $wpdb->prefix . PSY_TEST_GEN_TEST_TAKEN;
    $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER = $wpdb->prefix . PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER;
    $PSY_API_REQUEST_DATA = $wpdb->prefix . PSY_API_REQUEST_DATA;

    $testID = $_REQUEST['testId'];

    $curDate = date('Y-m-d H:i:s');

    /**
     * IF test id is numeric and length is smaller than equal to 5
     */
    if (is_numeric($testID) && strlen($testID) <= 5) {

        $checkTest = $wpdb->get_var("SELECT count(test_taken_id) FROM $PSY_TEST_GEN_TEST_TAKEN where test_taken_id='$testID' and user_id='$user_id' and test_type='EMU-PER' and status='Y'");

        /**
         * IF test id exist
         */
        if ($checkTest != '0') {


            /**
             * Get user date buy user id
             */
            $userData = $wpdb->get_row("SELECT ud.first_name,ud.last_name,ud.date_of_birth FROM $PSY_USERS_DETAILS as ud where user_id='$user_id'");

            $studentName = $userData->first_name . ' ' . $userData->last_name;
            $dob = date('d F, Y', strtotime($userData->date_of_birth));


            /**
             * Get user details from test taken table by test id
             */
            $getTestDetails = $wpdb->get_row("SELECT tt.total_questions,tt.class_id,tt.exam_category_id,tt.reference_id,tt.time_taken_in_seconds,tt.start_date,e.category_name,cl.class_name FROM $PSY_TEST_GEN_TEST_TAKEN as tt LEFT JOIN $PSY_EXAMS as e on e.exam_category_id=tt.exam_category_id LEFT JOIN $PSY_ABILITY_CLASS as cl on cl.class_id=tt.class_id where tt.test_taken_id='$testID' and tt.status='Y'");

            $exam_id = $getTestDetails->exam_category_id;
            $class_id = $getTestDetails->class_id != '0' ? $getTestDetails->class_id : '13';
            $class = $getTestDetails->class_name;
            $dateAttempt = date('d F, Y', strtotime($getTestDetails->start_date));
            $seconds = $getTestDetails->time_taken_in_seconds;
            $testDate = date('Y-m-d H:i:s', strtotime($getTestDetails->start_date));
            $date1 = str_replace('-', '/', $testDate);
            $tomorrow = date('Y-m-d H:i:s', strtotime($date1 . '+1 days'));
            $subs_id = $getTestDetails->reference_id;

            $emuUserdetail = $wpdb->get_row("SELECT emu_unique_user_id, emu_payment_ref_id FROM $PSY_API_REQUEST_DATA where subs_id='$subs_id'");

            $emu_student_id = $emuUserdetail->emu_unique_user_id;
            $emu_ref_id = $emuUserdetail->emu_payment_ref_id;

            $parent_subject = $wpdb->get_var("SELECT exam_category_id FROM $PSY_EXAMS where parent_id='$exam_id'");

            /**
             * Fetch Scores
             */

            /**
             * Calculating score and average of first 6 topics
             */

            $getMotivationScore = $wpdb->get_var("SELECT AVG(answer) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48355' and test_taken_id='$testID'");

            $getGMscore = $wpdb->get_var("SELECT answer FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48356' and test_taken_id='$testID'");

            $getSEstscore = $wpdb->get_var("SELECT answer FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48357' and test_taken_id='$testID'");

            $getPreservanceScore = $wpdb->get_var("SELECT AVG(CASE WHEN test_question_id IN(82953,82955,82957,82967) THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48358' and  test_question_id IN(82953,82954,82955,82956,82957,82960,82961,82962,82963,82965,82967,82968,82969,82982) and test_taken_id='$testID'");

            $getRefScore = $wpdb->get_var("SELECT AVG(answer) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48358' and test_question_id IN(82970,82971,82973,82974,82976,82977,82978,82979,82981) and test_taken_id='$testID'");

            $getNegEffScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82975 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48358' and test_question_id IN(82958,82959,82964,82966,82972,82975,82980) and test_taken_id='$testID'");


            /**
             * Calculating sum of last 5 topics
             */
            $getExvScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82988 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48359' and  test_question_id IN(82983,82988) and test_taken_id='$testID'");

            $getAggbScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82984 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48360' and  test_question_id IN(82984,82989) and test_taken_id='$testID'");

            $getConsScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82990 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48361' and  test_question_id IN(82985,82990) and test_taken_id='$testID'");

            $getEmStScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82991 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48362' and  test_question_id IN(82986,82991) and test_taken_id='$testID'");

            $getOpexpScore = $wpdb->get_var("SELECT SUM(CASE WHEN test_question_id = 82992 THEN answer * -1 ELSE answer END) FROM $PSY_TEST_GEN_TEST_TAKEN_QUESTION_ANSWER where module_id='48363' and  test_question_id IN(82987,82992) and test_taken_id='$testID'");

            /**
             * Array for first 6 topics
             */
            $percentiledata = array("Motivation Calibration" => $getMotivationScore, "Growth Mindset" => $getGMscore, "Self Esteem" => $getSEstscore, "Perseverance" => $getPreservanceScore, "Reflective and adaptive help-seeking" => $getRefScore, "Negative affect and emotional response" => $getNegEffScore);



            /**
             * Array for last 5 topics and calculating score
             */
            $rankdata = array("Neuroticism" => $getEmStScore, "Agreeableness" => $getAggbScore, "Extraversion" => $getExvScore, "Conscientiousness" => $getConsScore,  "Openness to Experiences" => $getOpexpScore);

            $rankArray = array();
            $defaultArray = array();
            $o = 1;
            foreach ($rankdata as $key => $val) {

                $raw_score = number_format((float) $val, 1, '.', '');

                if ($raw_score > 0) {
                    $defValue = 8;
                } else {
                    $defValue = 8 * (-1);
                }

                //$getrank = $wpdb->get_var("SELECT rank FROM $PSY_EMU_PER_RAW_SCORE where raw_score=$raw_score");

                /**
                 * Create array for highchart according to raw score
                 */
                $rankArray[] = array("y" => (int) $raw_score, "name" => $key);

                /**
                 * Create defaut array values
                 */
                $defaultArray[] = array("y" => (int) $defValue, "name" => 'Default', "order" => $o);

                $o++;
            }

            /**
             * Calculating score separately
             */
            $one = number_format((float) $getExvScore, 1, '.', '');
            $two = number_format((float) $getAggbScore, 1, '.', '');
            $three = number_format((float) $getConsScore, 1, '.', '');
            $four = number_format((float) $getEmStScore, 1, '.', '');
            $five = number_format((float) $getOpexpScore, 1, '.', '');


?>
            <!DOCTYPE html>
            <html <?php language_attributes(); ?>>

            <head>
                <title>Personality Test Report - ThinkEmu</title>
                <link rel="icon" href="/wp-content/themes/psychometrics/images/emu.ico" type="image/x-icon" />
                <link rel="stylesheet" href="/aptitude-test/css/bootstrap.min.css">
                <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">


                <script src="/aptitude-test/js/jquery.min.js"></script>
                <script src="/aptitude-test/js/bootstrap.min.js"></script>
                <script src="/aptitude-test/js/highcharts.js"></script>
                <script src="https://code.highcharts.com/highcharts-more.js"></script>
                <script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
            </head>
            <style>
                @import url(https://fonts.googleapis.com/css?family=Lato);

                body {
                    font-family: 'Lato', sans-serif !important;
                }

                .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%;
                    border: 1px solid #ddd;
                }

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

                .header-logo {
                    float: right;
                }

                .chart-header-box {
                    float: left;
                    width: 100%;

                    margin-top: 2em;
                    border-radius: 4px;
                    background: #fff;
                    padding: 10px;
                    border-bottom: 1px solid #cecece;
                }

                .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
                }

                /* aptitude-test CSS */

                #btnPrint {
                    float: right;
                    margin-bottom: 12px;
                    background: #154479;
                    border: none;
                    color: #fff;
                    padding: 4px 10px;
                    font-weight: 600;
                    border-radius: 4px;
                }

                .topic {
                    padding: 10px 0px 10px 0px;
                    font-size: 20px;
                    list-style: none;
                }



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

            <body>

                <script>
                    // Load the fonts
                    Highcharts.createElement('link', {
                        href: 'https://fonts.googleapis.com/css?family=Ubuntu:400,700',
                        rel: 'stylesheet',
                        type: 'text/css'
                    }, null, document.getElementsByTagName('head')[0]);
                    // Add the background image to the container
                    Highcharts.addEvent(Highcharts.Chart, 'afterGetContainer', function() {
                        // eslint-disable-next-line no-invalid-this
                        this.container.style.background =
                            'url(https://www.highcharts.com/samples/graphics/sand.png)';
                    });
                    Highcharts.theme = {

                        chart: {
                            backgroundColor: null,
                            style: {
                                fontFamily: 'Ubuntu, sans-serif'
                            }
                        },
                        title: {
                            style: {
                                color: 'black',
                                fontSize: '16px',
                                fontWeight: 'bold'
                            }
                        },
                        subtitle: {
                            style: {
                                color: 'black'
                            }
                        },
                        tooltip: {
                            borderWidth: 0
                        },
                        labels: {
                            style: {
                                color: '#6e6e70'
                            }
                        },
                        legend: {
                            backgroundColor: '#E0E0E8',
                            itemStyle: {
                                fontWeight: 'bold',
                                fontSize: '13px'
                            }
                        },
                        xAxis: {
                            labels: {
                                style: {
                                    color: '#6e6e70'
                                }
                            }
                        },
                        yAxis: {
                            labels: {
                                style: {
                                    color: '#6e6e70'
                                }
                            }
                        },
                        plotOptions: {
                            series: {
                                shadow: true
                            },
                            candlestick: {
                                lineColor: '#404048'
                            },
                            map: {
                                shadow: false
                            }
                        },
                        // Highstock specific
                        navigator: {
                            xAxis: {
                                gridLineColor: '#D0D0D8'
                            }
                        },
                        rangeSelector: {
                            buttonTheme: {
                                fill: 'white',
                                stroke: '#C0C0C8',
                                'stroke-width': 1,
                                states: {
                                    select: {
                                        fill: '#D0D0D8'
                                    }
                                }
                            }
                        },
                        scrollbar: {
                            trackBorderColor: '#C0C0C8'
                        }
                    };
                    // Apply the theme
                    Highcharts.setOptions(Highcharts.theme);
                </script>

                <!-- TOP TABLE SECTION -->
                <section style="background: #f1f1f1;" id="main">
                    <div class="container">
                        <!----User details--->
                        <div class="row">
                            <div class="chart-header-box">
                                <div class="col-md-8">
                                    <h4 class="test-head"><?php echo $getTestDetails->category_name; ?></h4>
                                    <h4>Name : <span style="font-weight: bold;"> <?php echo $studentName; ?> </span>, <span> Class :</span> <span style="font-weight: bold;"><?php echo $class ?></span></h4>
                                    <h4>Date : <span style="font-weight: bold;"><?php echo $dateAttempt; ?></span></h4>
                                </div>
                                <div class="col-md-4">
                                    <img class="header-logo" src="https://selfanalyse.com/wp-content/themes/psychometrics/images/emu-logo.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="chart-header-box" style="background: #d8e6f1;text-align: center;">
                            <h6> Your reports will be created by our experts and can be seen on your EMU dashboard in an hour</h6>

                            <a href="https://thinkemu.com/psychometric-test-results" style="text-decoration: none;">
                                <h3 class="back-home-btn"><i class="fas fa-angle-double-left"></i> Back to Profile</h3>
                            </a>
                        </div>
                        <?php
                        //$percentileArray = array();
                        /**
                         * Creating percentile gauge highcharts by calculating percentile from $PSY_EMU_PER_RAW_SCORE table
                         */
                        $i = 1;
                        foreach ($percentiledata as $key => $val) {

                            $percent_raw_score = number_format((float) $val, 1, '.', '');

                            $getPercentile = $wpdb->get_var("SELECT percentile_rounded FROM $PSY_EMU_PER_RAW_SCORE where raw_score=$percent_raw_score");

                            $percentile = (int) $getPercentile;
                            $createName = strtolower(str_replace(" ", "-", $key));
                            $image_name = $testID . '-' . $createName . '.png';


                        ?>


                            <script type="text/javascript">
                                var gaugeOptions = {
                                    chart: {
                                        type: 'solidgauge'
                                    },

                                    title: {
                                        text: '<?php echo $key ?>'
                                    },

                                    pane: {
                                        center: ['50%', '85%'],
                                        size: '140%',
                                        startAngle: -90,
                                        endAngle: 90,
                                        background: {
                                            backgroundColor: Highcharts.defaultOptions.legend.backgroundColor || '#EEE',
                                            innerRadius: '60%',
                                            outerRadius: '100%',
                                            shape: 'arc'
                                        }
                                    },

                                    exporting: {
                                        enabled: true
                                    },

                                    tooltip: {
                                        enabled: false
                                    },

                                    // the value axis
                                    yAxis: {
                                        min: 0,
                                        max: 100,
                                        stops: [
                                            [0.1, '#55BF3B'], // green
                                            [0.5, '#DDDF0D'], // yellow
                                            [0.9, '#DF5353'] // red
                                        ],
                                        lineWidth: 0,
                                        tickWidth: 0,
                                        minorTickInterval: null,
                                        tickAmount: 2,
                                        labels: {
                                            y: 16
                                        }
                                    },

                                    plotOptions: {
                                        solidgauge: {
                                            dataLabels: {
                                                y: 5,
                                                borderWidth: 0,
                                                useHTML: true
                                            }
                                        },
                                        series: {
                                            animation: true
                                        }
                                    },
                                    credits: {
                                        enabled: false
                                    },

                                    series: [{
                                        name: '<?php echo $key ?>',
                                        data: [<?php echo $percentile ?>],
                                        dataLabels: {
                                            format: '<div style="text-align:center">' +
                                                '<span style="font-size:25px">{y}</span><br/>' +
                                                '<span style="font-size:12px;opacity:0.4">Percentile</span>' +
                                                '</div>'
                                        },
                                        tooltip: {
                                            valueSuffix: 'Percentile'
                                        }
                                    }]
                                };
                                //var chartSpeed = Highcharts.chart('container_<?php echo $i ?>', Highcharts.merge(gaugeOptions))
                            </script>
                            <?php
                            $path = '/var/www/selfanalyse/emu-personality-test/chart_images/' . $image_name;
                            if (file_exists($path)) {
                                echo "";
                            } else {
                            ?>
                                <script type="text/javascript">
                                    //save image
                                    var data = {
                                        options: JSON.stringify(gaugeOptions),
                                        resources: {
                                            // You can add your CSS styles here
                                            css: ".highcharts-background { fill: #efefef; stroke: #a4edba; stroke-width: 2px} .highcharts-title tspan {font-size: 25px;font-weight: bold;} .highcharts-label span div span{font-size: 18px!important;font-weight:bold!important;} .highcharts-axis-labels text{font-size:20px!important;}"
                                        },
                                        width: 300,
                                        height: 600,
                                        filename: 'test.png',
                                        type: 'image/png',
                                        async: true
                                    };
                                    var exportUrl = 'https://export.highcharts.com/';
                                    $.post(exportUrl, data, function(data) {
                                        var imageUrl = exportUrl + data;
                                        console.log(imageUrl)
                                        var urlCreator = window.URL || window.webkitURL;
                                        $.ajax({
                                            type: "POST",
                                            url: "/emu-personality-test/save_image.php",
                                            dataType: 'JSON',
                                            data: {
                                                "type": "gauge",
                                                "image_name": "<?php echo $image_name ?>",
                                                "image": imageUrl
                                            },
                                            success: function(data) {

                                            }
                                        });
                                        //document.querySelector("#image").src = imageUrl;
                                        //window.location = "https://wa.me/?text=" + encodeURIComponent(imageUrl);

                                    });
                                </script>
                            <?php
                            }
                            ?>
                        <?php
                            $i++;
                        }
                        ?>
                    </div>
                </section>
            </body>

            </html>
            <!-- END TOP TABLE SECTION -->
            <script>
                var comparison_chart = {
                    chart: {
                        type: 'bar',
                        backgroundColor: '#303030',

                    },

                    title: {
                        text: 'Personality Test',
                        style: {
                            color: '#FFFFFF',
                            fontSize: '20px',
                            fontWeight: 'bold'
                        }
                    },
                    legend: {
                        itemStyle: {
                            color: '#000000',
                            fontWeight: 'bold',
                            fontSize: '10px'
                        }
                    },
                    xAxis: [{
                        visible: false,

                    }],
                    yAxis: [{
                        title: {
                            text: 'Rank',
                            style: {
                                color: '#FFFFFF',
                                fontWeight: 'bold',
                            }
                        },
                        labels: {
                            style: {
                                color: '#FFFFFF',
                                fontWeight: 'bold',
                            }
                        },

                        max: 8,
                        min: -8,
                        tickInterval: 1,
                        showFirstLabel: true,
                    }],

                    plotOptions: {
                        series: {
                            pointPadding: -0.50
                        },
                    },

                    series: [{
                            name: 'Range',
                            color: 'rgb(158, 159, 163)',
                            pointPlacement: -0.2,
                            linkedTo: 'main',
                            pointWidth: 30,
                            data: <?php echo json_encode($defaultArray); ?>,
                        }, {
                            name: '',
                            id: 'main',
                            showInLegend: false,
                            pointWidth: 30,
                            colorByPoint: true,
                            dataSorting: {
                                enabled: false,
                                matchByName: true,
                                sortKey: 'series.order'
                            },
                            dataLabels: [{
                                enabled: true,
                                inside: true,
                                style: {
                                    fontSize: '16px'
                                }
                            }],

                            data: <?php echo json_encode($rankArray); ?>
                        },
                        {
                            name: 'Neuroticism',
                            pointWidth: 30,

                        },
                        {
                            name: 'Agreeableness',
                            pointWidth: 30,

                        }, {
                            name: 'Extraversion',
                            pointWidth: 30,

                        }, {
                            name: 'Conscientiousness',
                            pointWidth: 30,

                        }, {
                            name: 'Openness to Experiences',
                            pointWidth: 30,

                        }
                    ],
                }
                //var chart_bar = Highcharts.chart('container', comparison_chart);
            </script>
            <?php
            if ($emu_student_id != '') {
                /***
                 * send curl response to emu
                 */
                // API URL
                $url = 'https://thinkemu.com/api/v1/aptitude-test/response';
                $link = "https://selfanalyse.com/emu-personality-test/print_page.php?testId=$testID&student_id=$user_id";

                // Create a new cURL resource
                $ch = curl_init($url);

                // Setup request to send json via POST
                $emuData = array(
                    'student_id' => $emu_student_id,
                    'test_id' => $emu_ref_id,
                    'link' => $link

                );
                $payload = json_encode($emuData);



                $headers = array(
                    'Content-Type: application/json',
                    'x-api-key: d6b20680-5fdc-4e4c-855e-8744fd22ccb2'
                );

                // Attach encoded JSON string to the POST fields
                curl_setopt($ch, CURLOPT_POSTFIELDS, $payload);

                // Set the content type to application/json
                curl_setopt($ch, CURLOPT_HTTPHEADER, array(
                    'Content-Type: application/json',
                    'x-api-key: d6b20680-5fdc-4e4c-855e-8744fd22ccb2'
                ));

                // Return response instead of outputting
                curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

                // Execute the POST request
                $result = curl_exec($ch);
                curl_close($ch);

                $resultResponse = json_decode($result);
            }

            $barImage = $testID . '-cmp-bar.png';
            $path = '/var/www/selfanalyse/emu-personality-test/chart_images/' . $barImage;
            if (file_exists($path)) {
                echo "";
            } else {
            ?>
                <script type="text/javascript">
                    //save image
                    var data = {
                        options: JSON.stringify(comparison_chart),

                        resources: {
                            // You can add your CSS styles here
                            css: ".highcharts-background { fill: #303030; stroke: #a4edba; stroke-width: 2px} .highcharts-title tspan { color:#ffffff;font-size: 20px;font-weight: bold;fill: #FFFFFF; } .highcharts-yaxis-labels text {color: #FFFFFF!important;cursor: default!important;font-size: 11px!important;font-weight: bold!important;fill: #FFFFFF!important;} .highcharts-axis-title tspan {color: #FFFFFF;font-weight: bold;fill: #FFFFFF;} .highcharts-legend-item text tspan {color: #ffffff;cursor: pointer;font-size: 10px;font-weight: bold;fill: #ffffff;}"
                        },
                        width: 450,
                        height: 900,
                        filename: 'test.png',
                        type: 'image/png',
                        async: true
                    };
                    var exportUrl = 'https://export.highcharts.com/';
                    $.post(exportUrl, data, function(data) {
                        var imageUrl = exportUrl + data;
                        console.log(imageUrl)
                        var urlCreator = window.URL || window.webkitURL;
                        $.ajax({
                            type: "POST",
                            url: "/emu-personality-test/save_image.php",
                            dataType: 'JSON',
                            data: {
                                "type": "cmp-bar",
                                "image_name": "<?php echo $barImage ?>",
                                "image": imageUrl
                            },
                            success: function(data) {

                            }
                        });
                    });
                </script>
            <?php
            }
            ?>
        <?php
        } else {
        ?>
            <script>
                window.location.href = 'http://www.thinkemu.com'
            </script>
        <?php
        }
    } else {
        ?>
        <script>
            window.location.href = 'http://www.thinkemu.com'
        </script>
    <?php
    }
} else {
    ?>
    <script>
        window.location.href = 'http://www.thinkemu.com'
    </script>
<?php
}
?>