<md-dialog class='exam-dialog'>
  <form ng-cloak>
    <md-toolbar>
      <div class='md-toolbar-tools'>
        <h2>Preview Examination</h2>
        <span flex></span>
        <md-button class='md-icon-button' ng-click='close()'>
          <md-icon class='faicon-mini' md-font-icon='fa fa-times'></md-icon>
        </md-button>
      </div>
    </md-toolbar>
    <md-dialog-content>
      <md-fab-speed-dial md-open='fabtool.isopen' md-direction='down' ng-class='fabtool.classname' class='fab-custom'>
        <md-fab-trigger>
          <md-button aria-label='menu' class='md-fab md-primary'>
            <md-icon md-font-icon='fa fa-bars faicon'></md-icon>
          </md-button>
        </md-fab-trigger>
        <md-fab-actions>
          <span ng-repeat='ls in fabtool.list'>
            <md-button aria-label='{{ ls.name }}' class='md-fab md-mini' ng-class='ls.classcolor' ng-click='submitBtn(ls.state)'>
              <md-tooltip md-direction='left'>{{ ls.name }}</md-tooltip>
              <md-icon md-font-icon='fa faicon-mini {{ ls.faicon }}'></md-icon>
            </md-button>
          </span>
        </md-fab-actions>
      </md-fab-speed-dial>

      <div class='md-dialog-content'>
        <div class='row'>
          <div class='col-xs-12 col-sm-12 col-md-12'>
            <md-card ng-hide="isDHASPIT">
              <md-card-title>
                <md-card-title-text>
                  <center><h2 class='header'>Summary of Result</h2></center>
                </md-card-title-text>
              </md-card-title>
              <md-card-content>
                <div class='row'>
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label summary-total'>Max score: {{ question.getTotalScore(question.getQuestion()) }}</h4>
                  </div>
                </div>
                <div class='row'>
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label' ng-class='checkSummaryPassing()'>Applicant's score: {{ question.getRealScore(question.getQuestion()) }}</h4>
                  </div>
                </div>
                <div class='row' ng-if="isDHASAdvanceEnglish">
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label'>Grade: {{DHASAdvanceEnglishGrade}}</h4>
                  </div>
                </div>
                <div class='row' ng-if="isDHASAbstractReasoning">
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label'>Grade: {{DHASAbstractReasoningGrade}}</h4>
                  </div>
                </div>
                <div class='row' ng-if="isDHASSupReadTest">
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label'>Grade: {{DHASSupReadTestGrade}}</h4>
                  </div>
                </div>
                <div class='row'>
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-6 col-sm-3 col-md-3'>
                    <h4 class='control-label' ng-class='checkEvaluateStatus()'>Evaluation status: {{ examdata.evaluate.isevaluate }}</h4>
                  </div>
                  <div class='col-xs-6 col-sm-3 col-md-3' ng-if='examdata.evaluate.isevaluate == true'>
                    <h4 class='control-label summary-passing'>On score: {{ examdata.evaluate.passing }}</h4>
                  </div>
                </div>
              </md-card-content>
            </md-card>

            <md-card ng-if="isDHASPIT">
              <md-card-title>
                <md-card-title-text>
                  <center><h2 class='header'>Summary of Result</h2></center>
                </md-card-title-text>
              </md-card-title>
              <md-card-content>
                <div class='row'>
                  <div class='col-xs-0 col-sm-3 col-md-3'></div>
                  <div class='col-xs-12 col-sm-6 col-md-6'>
                    <h4 class='control-label'>Dominance (บารมี-อิทธิพล) : <span class="pull-right">{{scoreDHASPIT.dominance}}</span></h4>
                    <h4 class='control-label'>Assertiveness (กล้าพูด-กล้ายืนหยัด) : <span class="pull-right">{{scoreDHASPIT.assertiveness}}</span></h4>
                    <h4 class='control-label'>Need for Achievement (ต้องการความสำเร็จ) : <span class="pull-right">{{scoreDHASPIT.needForAchievement}}</span></h4>
                    <h4 class='control-label'>Orderliness (ความมีระเบียบ) : <span class="pull-right">{{scoreDHASPIT.orderliness}}</span></h4>
                    <h4 class='control-label'>Autonomy (เป็นตัวของตัวเอง) : <span class="pull-right">{{scoreDHASPIT.autonomy}}</span></h4>
                    <h4 class='control-label'>Need for Affiliation (ต้องการสัมพันธ์) : <span class="pull-right">{{scoreDHASPIT.needForAffiliation }}</span></h4>
                    <h4 class='control-label'>Nurturance (ชอบอภิบาลผู้อื่น) : <span class="pull-right">{{scoreDHASPIT.nurturance}}</span></h4>
                    <h4 class='control-label'>Endurance (ความอดทน) : <span class="pull-right">{{scoreDHASPIT.endurance}}</span></h4>
                    <h4 class='control-label'>Need for Recognition (ต้องการเป็นที่ยกย่อง) : <span class="pull-right">{{scoreDHASPIT.needForRecognition}}</span></h4>
                    <h4 class='control-label'>Initiativeness (ชอบริเริ่ม-ชักชวน) : <span class="pull-right">{{scoreDHASPIT.initiativeness}}</span></h4>
                    <h4 class='control-label'>Sociability (ชอบสังคม) : <span class="pull-right">{{scoreDHASPIT.sociability}}</span></h4>
                    <h4 class='control-label'>Responsibility (ความรับผิดชอบ) : <span class="pull-right">{{scoreDHASPIT.responsibility}}</span></h4>
                    <h4 class='control-label'>Honesty (ความซื่อสัตย์) : <span class="pull-right">{{scoreDHASPIT.honesty}}</span></h4>
                    <h4 class='control-label'>Positive Attitude (ทัศนคติทางบวก) : <span class="pull-right">{{scoreDHASPIT.positiveAttitude}}</span></h4>
                    <h4 class='control-label'>Self-Control (การควบคุมตนเอง) : <span class="pull-right">{{scoreDHASPIT.selfControl}}</span></h4>
                    <h4 class='control-label'>Consistency (ความคงเส้นคงวา) : <span class="pull-right">{{scoreDHASPIT.consistency}}</span></h4>
                  </div>
                </div>
              </md-card-content>
            </md-card>


          </div>
        </div>

        <md-card ng-if="isSenaMentalHealth">
          <md-card-content>
            <canvas id="line" class="chart chart-line" chart-data="data"
                    chart-labels="labels" chart-series="series" chart-options="options"
                    chart-dataset-override="datasetOverride" chart-click="onClick">
            </canvas>
          </md-card-content>
        </md-card>

        <md-card>
          <md-card-content>
            <div class='row'>
              <div class='col-xs-12 col-sm-12 col-md-12'>
                <h2 class='header'>{{ swlang.getString(examdata.topic) }}</h2>
              </div>
            </div>

            <div class='row'>
              <div class='col-xs-12 col-sm-12 col-md-12'>
                <h3 class='exam-detail'>{{ swlang.getString(examdata.description) }}</h3>
              </div>
            </div>
            <preview-question ng-repeat='q in question.getQuestion()' obj='q' level='0' qindex='$index+1' class='exam-fontsize'></preview-question>

          </md-card-content>
        </md-card>





      </div>
    </md-dialog-content>
  </form>
</md-dialog>