<div class="transcripts-message-status status-error">
    <i class="icon-remove"></i>
    <%= gettext("Timed Transcript Conflict") %>
</div>

<p class="transcripts-message">
    <%= gettext("The timed transcript file on YouTube does not appear to be the same as the timed transcript file on edX.") %>
    <strong>
        <%= gettext("Would you like to replace the edX timed transcript with the ones from YouTube?") %>
    </strong>
</p>

<p class="transcripts-error-message is-invisible">
    <%= gettext("Error.") %>
</p>

<div class="wrapper-transcripts-buttons">
    <button
        class="action setting-replace"
        type="button"
        name="setting-replace"
        value="<%= gettext("Yes, Replace EdX Timed Transcript with YouTube Timed Transcript") %>"
        data-tooltip="<%= gettext("Yes, Replace EdX Timed Transcript with YouTube Timed Transcript") %>"
    >
        <span>
            <%= gettext("Yes, Replace EdX Timed Transcript with YouTube Timed Transcript") %>
        </span>
    </button>
</div>