{% if text_to_speech is defined and text_to_speech is not null and language_for_speech is defined and language_for_speech is not null %}
{% set nColNum = 0 %}
{% if column_num is defined %}
{% set nColNum = column_num %}
{% endif %}
{% set sTitle = app.session.get("ui_str")["texttospeech.read"]|replace({'"':'\"'})|raw %}
<li class="nav-item">
<a href="javascript:tts{{ nColNum }}.go()" id="readbutton{{ nColNum }}" title="{{ sTitle }}" class="nav-link">
<i class="fa-solid fa-circle-play"></i>
<span class="mobile-only">{{ sTitle }}</span>
</a>
</li>
<li class="nav-item">
<a id="loadingbutton{{ nColNum }}" title="{{ sTitle }}" class="nav-link" style="display: none;">
<i class="fa-solid fa-spinner fa-pulse"></i>
<span class="mobile-only">{{ sTitle }}</span>
</a>
</li>
{% set sTitle = app.session.get("ui_str")["texttospeech.pause"]|replace({'"':'\"'})|raw %}
<li class="nav-item">
<a href="javascript:tts{{ nColNum }}.pauseOrResume()" id="pausebutton{{ nColNum }}" title="{{ sTitle }}" class="nav-link" style="display: none;">
<i class="fa-solid fa-circle-pause"></i>
<span class="mobile-only">{{ sTitle }}</span>
</a>
</li>
{% set sTitle = app.session.get("ui_str")["texttospeech.stop"]|replace({'"':'\"'})|raw %}
<li class="nav-item">
<a href="javascript:tts{{ nColNum }}.stop()" id="stopbutton{{ nColNum }}" title="{{ sTitle }}" class="nav-link" style="display: none;">
<i class="fa-solid fa-circle-stop"></i>
<span class="mobile-only">{{ sTitle }}</span>
</a>
</li>
{% include 'NCBSWBundle:General:text_to_speech_js.html.twig' with {'nColNum': nColNum} %}
{% endif %}