<?php
	// Assets::add( 'answersheet.min.js' );
	Assets::add( 'workbook.css' );
	// Assets::add( 'momentjs' );
	// AMIB::add_js_translation( trans( 'answersheet.js-msgs' ) );
?>

<?php $__env->startSection( 'head' ); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection( 'content' ); ?>
	<div class="cc">
		<div id="workbook" class="pure-g">
			<div id="workbook-meta" class="pure-u-1 pure-u-md-8-24 pure-u-lg-6-24 l-box">
				<h2><?php echo e($user->full_name); ?></h2>
				<img class="profile-image" src="<?php echo $user->image_url; ?>" alt="<?php echo e($user->full_name); ?>">
				<button class="print" onclick="window.print();">چاپ</button>
			</div>
			
			<div id="workbook-main" class="pure-u-1 pure-u-md-16-24 pure-u-lg-18-24 l-box">
			<?php
				foreach( $exam_user->Questions as $q ) {
					if( is_null( $q->pivot->correct ) || ( $q->pivot->correct === 0 && $q->pivot->answer == '' ) ) {
						$class = "no-answer";
					} else if( $q->pivot->correct === 1 ) {
						$class = "correct";
					} else {
						$class = "incorrect";
					}
					
					echo "<div class='question {$class}'>";
					
					echo $q->text ;
					
					if( $q->type == MULTIPLE_CHOICE ) {
						echo "<div class='pure-g'>";
							foreach( $q->Choices as $c ) {
								$class = $c->id == $q->answer ? 'correct-choice' : '';
								$class .= ( $c->id == $q->pivot->answer ? ' chosen' : '' );
								echo "<div class='pure-u-1 pure-u-lg-1-2 l-box choice-c'><div class='choice {$class}'>";
									echo $c->text;
								echo "</div></div>";
							}
							
						echo "</div>";
						
					} else if( $q->type == DESCRIPTIVE ) {
						echo "<div class='{$class}'>" . e( $q->pivot->answer ) . "</div>";
					}
					
					echo "</div>";
				}
			?>
			</div>
		</div>
	</div>
<?php $__env->stopSection(); ?>