<div class="term-definition">
    <div class="action-bar" data-sequence="{{sequence}}">
        {{#if options.enableAudioPlayback}}
        <a href="#" title="Play audio" class="action-play-audio" data-index="{{@index}}"><img src="{{root}}/img/play_audio.png"></a>
        {{/if}}
        {{#if addable}}
        <a href="#" title="Add term as expression" class="action-add-note disabled" data-mode="term_kanji" data-index="{{@index}}"><img src="{{root}}/img/add_term_kanji.png"></a>
        <a href="#" title="Add term as reading" class="action-add-note disabled" data-mode="term_kana" data-index="{{@index}}"><img src="{{root}}/img/add_term_kana.png"></a>
        {{/if}}
    </div>

    {{#if reading}}
    <div class="term-expression"><ruby>{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}<rt>{{reading}}</rt></ruby></div>
    {{else}}
    <div class="term-expression">{{#kanjiLinks}}{{expression}}{{/kanjiLinks}}</div>
    {{/if}}

    <div class="term-rules">
        {{#each rules}}
        <span class="rule">{{.}}</span> {{#unless @last}}&laquo;{{/unless}}
        {{/each}}
    </div>

    <div class="term-tags">
        {{#each tags}}
        <span class="tag tag-{{class}}" title="{{desc}}">{{name}}</span>
        {{/each}}
    </div>

    <div class="term-glossary">
        <ol>
            {{#each glossary}}
            <li><span>{{.}}</span></li>
            {{/each}}
        </ol>
    </div>
</div>