<div class="row">
	<div class="col-md-4 my-3 my-md-0" ng-hide="!content.image_url">
		<img class="img-fluid" ng-src="{{ content.image_url }}" />
	</div>

	<div ng-class="!content.image_url ? 'col-sm-12' : 'col-md-8'">

		<div class="row">
			<div class="col-md-10">
				<h3 class="quiz-title title" ng-bind="content.title">[title]</h3>
				<p><span class="label label-default" lmsg="quiz.info.quiz_completed">[quiz completed]</span></p>
			</div>
			<div class="col-md-2">
				<div class="float-right">
					<cla-share canonical_url="{{canonicalUrl}}"></cla-share>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="quiz-score" ng-class="results.passed ? 'quiz-score--passed' : 'quiz-score--failed'">
					<p class="quiz-score__mark" ng-if="results.passed">
						<span class="glyphicons glyphicons-ok"></span> <lmsg src="quiz.info.passed">[passed]</lmsg>
					</p>

					<p class="quiz-score__mark" ng-if="!results.passed">
						<span class="glyphicons glyphicons-remove"></span> <lmsg src="quiz.info.failed">[failed]</lmsg>
					</p>

					<p ng-bind="localise('quiz.info.score_of_score', results.user_points, results.max_points)">[you've scored 0 out of 0]</txt></p>
				</div>

			</div>
		</div>

		<div class="page-actions">
			<a href="" class="btn btn-secondary" ng-click="retake()" ng-show="can_retake"><txt lmsg="quiz.retake_quiz">[Re-take Quiz]</txt></a>
			<a ng-href="{{ getDoneUrl() }}" class="btn btn-primary"><txt lmsg="quiz.quiz_done">[Done]</txt></a>
		</div>

	</div>

</div>

<div ng-if="results.show_results > 0">

	<div class="row">
		<div class="col-md-12">

			<h4 lmsg="quiz.info.review">[review]</h4>

			<p><strong><txt lmsg="quiz.statistics.date">[Date]</txt></strong>: <span>{{ results.date_completed }}</span></p>
			<p><strong><txt lmsg="quiz.statistics.time">[Time Taken]</txt></strong>: <span>{{ results.time_taken }}</span></p>

		</div>
	</div>


	<!-- answered questions -->
	<div class="row">
		<div class="col-md-12">
			<!-- ng-include, php endpoint to render cla component -->
			<ng-include src="answersTemplate()"></ng-include>
		</div>
	</div>

</div>

<!-- draw canvas for confetti -->
<canvas id="confetti"></canvas>
<!-- end of draw canvas -->
