<?xml version='1.0' encoding='UTF-8' ?>


<data>

    <events>

        <event id="screenloaded">
            <click>
                <function name="begin">this</function>
            </click>
        </event>

        <event id="btnover">
            <rollover>
                <css add="btnOver">this</css>
            </rollover>

            <rollout>
                <css remove="btnOver">this</css>
            </rollout>
        </event>

        <event id="optionover">
            <rollover>
                <css add="optionOver">this</css>
            </rollover>

            <rollout>
                <css remove="optionOver">this</css>
            </rollout>

            <click>
                <css add="optionOver">this</css>
            </click>
        </event>

        <event id="imgover">
            <rollover>
                <css name="imgOver">this</css>
            </rollover>

            <rollout>
                <css name="imgOut">this</css>
            </rollout>

            <click>
                <css name="imgOver">this</css>
            </click>
        </event>

        <event id="select">
            <click>
                <function name="select">this</function>
            </click>
        </event>

        <event id="selectandsubmit">
            <click>
                <function name="select">this</function>
                <function name="submit">this</function>
            </click>
        </event>

        <event id="submit">
            <click>
                <function name="submit">this</function>
            </click>
        </event>

        <event id="reset">
            <click>
                <function name="reset">this</function>
            </click>
        </event>

        <event id="sca">
            <click>
                <function name="sca">this</function>
            </click>
        </event>

        <event id="loadNextQuestion">
            <click>
                <function name="loadNextQuestion">this</function>
            </click>
        </event>

        <event id="restart">
            <click>
                <function name="restart">this</function>
            </click>
        </event>

        <event id="sendResult">
            <click>
                <function name="updateQuizAttempt" />
            </click>
        </event>
        
        <event id="loadAnotherPage">
            <click>
                <url address="http://www.essemble.co.uk" window="true">this</url>
            </click>
        </event>

    </events>

    <!--timer-->
    <div id="timerContainer" anim="none" class="timerContainer text-center text-muted" />

    <!--quiz-->
    <custom type="quiz" id="quiz" width="100%">
        <settings cheatmode="false" timer="false" radiobutton="false" radiobuttonx="10" radiobuttony="10" correctx="calc(100% - 30px)" correcty="5" attempts="1" />

            <question id="-1" time="30" event="">
                <text margin-top="20" margin-bottom="25" anim="none" class="text-center">
                    <![CDATA[
                    <p class="p_24 text-center">This quiz has been completed</p>
                    ]]>
                </text>
                <!--option 1 -->
                <option correct="true">
                    <text margin-bottom="5" anim="show" animtime="0.5" animdelay="1" event="selectandsubmit,loadNextQuestion" class="btn btn-primary">
                        <![CDATA[
                        <p class="text-white">
                            See your results
                            <span class="d-inline-block animated wobble infinite ml-2">
                                <i class="fa fa-arrow-right text-white"></i>
                            </span>
                        </p>
                        ]]>
                    </text>
                </option>
                <!-- feedbacks -->
                <fb id="1" event="">
                </fb>
                <fb id="2" event="">
                </fb>
            </question>

        <!--generic timeout text-->
        <timeout>
            <image margin-bottom="30" anim="top" animtime="1" animdelay="0.3" ease="Bounce.easeOut" src="http://www.placehold.it/800x500" />
            <text margin-bottom="30" anim="top" animtime="1" animdelay="0.2" ease="Bounce.easeOut"><![CDATA[<p class="p_42 grey">Times up!</p>]]></text>
            <button margin-bottom="30" anim="top" animtime="1" animdelay="0.1" ease="Bounce.easeOut" event="btnover,restart"><![CDATA[Start again]]></button>
        </timeout>

        <!--score screen-->
        <score masteryscore="100" quizId="982339" playerId="6055" quizName="Christian 3.">
            <pass event="sendResult">
                        <image margin-bottom="30" anim="top" animtime="1" animdelay="0.3" ease="Bounce.easeOut" src="https://wcb.azurewebsites.net/media/1143/khaled-genius.gif" />

                <text margin-bottom="30" anim="top" animtime="1" animdelay="0.2" ease="Bounce.easeOut"><![CDATA[<p class="p_30">CONGRATULATIONS!</p><p class="p_24">You scored [score]%</p>]]></text>
                <button margin-bottom="30" anim="top" animtime="1" animdelay="0.1" ease="Bounce.easeOut" event="btnover,restart"><![CDATA[Play again?]]></button>

                <text margin-bottom="30" anim="top" animtime="1" animdelay="0.2" ease="Bounce.easeOut">

                    <![CDATA[
                    <div class="block-content block-content-full">
                        <div class="row">
                            <div class="col-6">

                                    <a href="#" class="btn btn-sm btn-light btn-block" style="pointer-events:none">Previous quiz</a>

                            </div>
                            <div class="col-6">

                                    <a href="/kahoots/player/quiz-attempt/?Id=1012268&amp;quizId=32987" class="btn btn-sm btn-primary btn-block" onclick="gtag('event', 'Click', {'event_category': 'Button','event_label': 'Next quiz : Mock Test 5'});">Next quiz</a>

                            </div>
                        </div>
                        

                        <div class="row">
                            <div class="col-md-12">
                                <a href="/kahoots/player" class="btn btn-hero btn-success js-click-ripple-enabled mt-4">Back to Leaderboard</a>
                            </div>
                            <div class="col-md-12">
                                <a href="/kahoots/player/detail?id=6055" class="btn btn-hero btn-success js-click-ripple-enabled mt-4">Back to profile</a>
                            </div>
                        </div>
                    </div>]]>



                </text>

            </pass>
            <fail event="">
                        <image margin-bottom="30" anim="top" animtime="1" animdelay="0.3" ease="Bounce.easeOut" src="https://wcb.azurewebsites.net/media/1036/doggy-give-up.gif" />

                <text margin-bottom="30" anim="top" animtime="1" animdelay="0.2" ease="Bounce.easeOut"><![CDATA[<p class="p_32">Bad luck! You scored [score]%</p><p class="p_24">Why not have another go?</p>]]></text>
                <button margin-bottom="30" anim="top" animtime="1" animdelay="0.1" ease="Bounce.easeOut" event="btnover,restart"><![CDATA[Play again?]]></button>
            </fail>
        </score>
    </custom>

    <!--progress bar and footer elements have reserved ids. They are optional elements and can be moved or removed if not required-->
    <div id="quiz_footer" margin-top="30" height="47" anim="hide" width="100%" text-align="center">
        <div id="quiz_progress_outer"><div id="quiz_progress_inner"></div></div>
        <text id="footer_score" float="left" margin-top="13" width="33.33%"><![CDATA[<p style="float:left">Score 0/[score]]</p>]]></text>
        <text id="footer_page" float="left" margin-top="13" width="33.33%"><![CDATA[<p>Question [current]]/[total]]</p>]]></text>
        <text id="footer_next" float="left" margin-top="5" text-align="right" width="33.33%"><![CDATA[]]></text>
    </div>
</data>
