{% if S_WALDO_GAME_ALLOWED %}
<fieldset>
    <dl>
        <dt>
            <label for="waldo_enabled">{{ lang('UCP_WALDO_ENABLED', WALDO_NAME) }}{{ lang('COLON') }}</label><br>
            <span>{{ lang('UCP_WALDO_ENABLED_EXPLAIN', WALDO_NAME) }}</span>
        </dt>
        <dd>
            <label><input type="radio" class="radio" name="waldo_enabled" id="waldo_enabled" value="1"{% if S_UCP_WALDO_ENABLED %} checked="checked"{% endif %}> {{ lang('YES') }}</label>
            <label><input type="radio" class="radio" name="waldo_enabled" value="0"{% if not S_UCP_WALDO_ENABLED %} checked="checked"{% endif %}> {{ lang('NO') }}</label>
        </dd>
    </dl>

    {% if S_WALDO_CUSTOM_UPLOAD_ALLOWED %}
    <dl>
        <dt>
            <label>{{ lang('WALDO_CURRENT_IMAGE', WALDO_NAME) }}{{ lang('COLON') }}</label><br>
            <span>{{ lang('WALDO_UPLOAD_IMAGE_EXPLAIN', WALDO_NAME) }}</span>
        </dt>
        <dd>
            <img src="{{ WALDO_CURRENT_IMAGE_URL }}" alt="{{ lang('WALDO_CURRENT_IMAGE', WALDO_NAME) }}" class="waldo-ucp-preview">
            <div class="waldo-ucp-current-note">
                {% if S_HAS_CUSTOM_WALDO and S_WALDO_CUSTOM_UPLOAD_ALLOWED %}
                    {{ lang('WALDO_CUSTOM_IMAGE_ACTIVE', WALDO_NAME) }}
                {% else %}
                    {{ lang('WALDO_DEFAULT_IMAGE_ACTIVE', WALDO_NAME) }}
                {% endif %}
            </div>
        </dd>
    </dl>

    <dl>
        <dt>
            <label for="waldo_image">{{ lang('WALDO_UPLOAD_IMAGE', WALDO_NAME) }}{{ lang('COLON') }}</label><br>
            <span>{{ lang('WALDO_UPLOAD_IMAGE_NOTE', WALDO_NAME) }}</span>
        </dt>
        <dd>
            <input type="file" name="waldo_image" id="waldo_image" accept=".png,.webp,.gif,image/png,image/webp,image/gif">
        </dd>
    </dl>

    {% if S_HAS_CUSTOM_WALDO %}
    <dl>
        <dt>
            <label for="waldo_delete">{{ lang('WALDO_DELETE_IMAGE', WALDO_NAME) }}{{ lang('COLON') }}</label>
        </dt>
        <dd>
            <label><input type="checkbox" name="waldo_delete" id="waldo_delete" value="1"> {{ lang('WALDO_DELETE_IMAGE_CONFIRM', WALDO_NAME) }}</label>
        </dd>
    </dl>
    {% endif %}
    {% endif %}
</fieldset>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var form = document.querySelector('form#ucp') || document.querySelector('form[action*="ucp.php"]');
    if (form) {
        form.setAttribute('enctype', 'multipart/form-data');
        form.setAttribute('encoding', 'multipart/form-data');
    }
});
</script>
{% endif %}