{% if S_WALDO_SHOW and S_REGISTERED_USER %}
<div id="waldo-hunt" class="waldo-hunt {{ WALDO_THEME_CLASS }}" data-url="{{ WALDO_CATCH_URL }}" data-leaderboard="{{ WALDO_LEADERBOARD_URL }}" data-toplist="{{ WALDO_TOPLIST_URL }}" data-sound-enabled="{% if WALDO_SOUND_ENABLED %}1{% else %}0{% endif %}" data-sound-url="{{ WALDO_SOUND_URL }}">
    <a href="{{ WALDO_LEADERBOARD_URL }}" id="waldo-link" class="waldo-image-link" title="{{ lang('WALDO_FOUND', WALDO_NAME) }}">
        <img src="{{ WALDO_IMAGE_SRC }}" alt="{{ WALDO_NAME }}">
    </a>
    <span class="waldo-click-hint">{{ lang('WALDO_CLICK_HINT', WALDO_NAME) }}</span>
</div>

<div id="waldo-overlay" class="waldo-overlay {{ WALDO_THEME_CLASS }}" style="display: none;">
    <div class="waldo-overlay-backdrop"></div>
    <div class="waldo-overlay-box">
        <div class="waldo-overlay-header">
            <strong>{{ lang('WALDO_LEADERBOARD', WALDO_NAME) }}</strong>
            <button type="button" class="waldo-overlay-close" aria-label="{{ lang('WALDO_CLOSE') }}">&times;</button>
        </div>
        <div class="waldo-overlay-body">
            <div id="waldo-overlay-content" class="waldo-overlay-content"></div>
            <div class="waldo-overlay-footer-link">
                <a href="{{ WALDO_LEADERBOARD_URL }}" id="waldo-overlay-page-link">{{ lang('WALDO_VIEW_FULL_LEADERBOARD', WALDO_NAME) }}</a>
            </div>
        </div>
    </div>
</div>

<div id="waldo-toast" class="waldo-toast" style="display:none;">
    <span id="waldo-toast-text"></span>
</div>

<script src="{{ ROOT_PATH }}ext/spiderpiggy/waldohunt/assets/waldo.js"></script>
{% endif %}