Use blade templates

1 files changed, 66 insertions, 0 deletions

diff --git a/resources/views/trainer.blade.php b/resources/views/trainer.blade.php
new file mode 100644
index 0000000..9bfb5a8
--- /dev/null
+++ b/resources/views/trainer.blade.php
@@ -0,0 +1,66 @@
+@extends('layouts.with_sidebar')
+
+@section('sidebar')
+<form id="hebrewparsetrainer-settings">
+	<div class="form-group">
+		<h3>Stems</h3>
+		@foreach (\HebrewParseTrainer\Stem::all() as $stem)
+			<div class="checkbox">
+				<label><input class="reload-verb" type="checkbox" name="stem" value="{{{ $stem->name }}}" checked="checked"/> {{{ $stem->name }}}</label>
+			</div>
+		@endforeach
+	</div>
+
+	<div class="form-group">
+		<h3>Tenses</h3>
+		@foreach (\HebrewParseTrainer\Tense::all() as $tense)
+			<div class="checkbox">
+				<label><input class="reload-verb" type="checkbox" name="tense" value="{{{ $tense->name }}}" checked="checked"/> {{{ $tense->name }}}</label>
+			</div>
+		@endforeach
+	</div>
+
+	<div class="form-group">
+		<h3>Roots</h3>
+		@foreach (\HebrewParseTrainer\Root::all() as $root)
+			<div class="checkbox">
+				<label class="hebrew"><input class="reload-verb" type="checkbox" name="root" value="{{{ $root->root }}}" checked="checked"/> {{{ $root->root }}}</label>
+			</div>
+		@endforeach
+	</div>
+
+	<div class="form-group">
+		<h3>Settings</h3>
+		<div class="checkbox">
+			<label><input type="checkbox" id="settings-audio" checked="checked"/> Audio</label>
+		</div>
+	</div>
+</form>
+@endsection
+
+@section('content')
+<div id="trainer-input-container">
+	<p class="bg-danger" id="trainer-404">There are no verbs matching the criteria in our database.</p>
+	<p class="lead"><span class="hebrew hebrew-large" id="trainer-verb"></span><span id="trainer-answer"></span></p>
+</div>
+<div id="trainer-input-fancy"></div>
+<div class="text-muted">
+	<div id="trainer-input-help">
+		<p>Parse the verb and enter the answer as described below. Press return. If your answer was correct and there are multiple possible parsings, an extra input field will appear. After the first incorrect answer or after entering all possible answers, you can continue to the next verb by pressing return once more.</p>
+		<p>
+			<strong>Stems</strong>: either use the full name or a significant beginning (i.e. <code>Q</code> for Qal but <code>Pi</code> for Piel rather than <code>P</code>).<br/>
+			<strong>Tenses</strong>: use the abbreviations <code>pf</code>, <code>ipf</code>, <code>coh</code>, <code>imp</code>, <code>jus</code>, <code>infcs</code>, <code>infabs</code>, <code>pta</code> and <code>ptp</code>.<br/>
+			<strong>Person</strong>: <code>1</code>, <code>2</code>, <code>3</code> or none (infinitives and participles).<br/>
+			<strong>Gender</strong>: <code>m</code>, <code>f</code> or none (infinitives).<br/>
+			<strong>Number</strong>: <code>s</code>, <code>p</code> or none (infinitives).
+		</p>
+		<p><strong>Examples</strong>: <code>Q pf 3ms</code>, <code>ni pta fp</code>, <code>pi infabs</code>.</p>
+		<p>You can also use the buttons to enter your answer. This is an experimental feature.</p>
+	</div>
+	<button type="button" class="btn btn-default btn-xs" id="show-hide-help">Show help</button>
+</div>
+
+<script type="text/javascript">
+	var reload_on_load = true;
+</script>
+@endsection