<h2>{{player.transcript.title}}</h2>

<ol class="transcript">

{{#each player.transcript.annotations as |annotation|}}

	{{#if (if-and (if-operator player.progress '>=' annotation.start) (if-operator player.progress '<' annotation.end))}}

	<li class="sentence active">

		<i class="fa fa-play" {{action 'play' annotation.start}}>Play</i>

		<p class="original">{{annotation.content}}</p>

		<p class="translation">{{annotation.translation}}</p>

	</li>

	{{else}}

	<li class="sentence" {{action 'play' annotation.start}}>

		<i class="fa fa-play">Play</i>

		<p class="original">{{annotation.content}}</p>

		<p class="translation">{{annotation.translation}}</p>

	</li>

	{{/if}}

{{/each}}

</ol>