title: Xtemplate if conditions in sencha touch
body: <p>I have the following Xtemplate code:</p>
  
  <pre><code>('Ext.XTemplate',
      '&lt;div class="moreArrow"&gt;&lt;/div&gt;',
      '&lt;div class="img"&gt;&lt;img src="http://localhost/WL2/assets/rest/{image}"/&gt;&lt;/div&gt;',                       
      '&lt;div class="meta"&gt;',
      '&lt;h3&gt;{merchName}&lt;/h3&gt;',
      '&lt;div class="actions"&gt;',
          '&lt;button class="seen{[values.seen ? " selected" : ""]}"&gt;{action}&lt;/button&gt;',
          '{% if (values.seen) { %}',
              '&lt;button class="thumb up{[values.like ? " selected" : ""]}"&gt;&lt;b&gt;&lt;/b&gt;&lt;/button&gt;',
              '&lt;button class="thumb down{[values.dislike ? "selected" : ""]}"&gt;&lt;b&gt;&lt;/b&gt;  &lt;/button&gt;',
          '{% } else { %}',
              '&lt;button class="want{[values.wantToSee ? "selected" : ""]}"&gt;Want to Go There&lt;/button&gt;',
          '{% } %}',
          '&lt;/div&gt;',
      '&lt;/div&gt;'
  )
  </code></pre>
  
  <p>My problem is that the if condition in the part <code>{% if (values.seen) { %}</code> is not working, that is when the button is clicked, it should show two buttons of dislike and like. What is wrong with my code that is causing this issue?</p>