       <ArbitraryHtmlAndMath className='-stimulus' block={true} html={content.stimulus_html} />
       <ArbitraryHtmlAndMath className='stem' block={true} html={question.stem_html} />
       <div className='answers-table'>{renderedAnswers}</div>
-
       <div className='exercise-tags'>{renderedTags}</div>
     </BS.Panel>
 

{TocStore} = require '../../../flux/toc'

ExerciseCardMixin =
  renderAnswers: (answer) ->
    classes = ['answers-answer']
    if answer.correctness is '1.0'
      classes.push('correct')

    <div className={classes.join(' ')}>
      <div className="answer-letter" />
      <ArbitraryHtmlAndMath className="answer" block={false} html={answer.content_html} />
    </div>

  renderTags: (tag) ->
    {content, isLO} = ExerciseStore.getTagContent(tag)
    classes = ['exercise-tag']

    if isLO
      classes = ['lo-tag']
      loLabel = 'LO: '

    <span className={classes.join(' ')}>{loLabel} {content}</span>

  renderExercise: ->
    content = @props.exercise.content
    question = content.questions[0]
    renderedAnswers = _(question.answers).chain()
      .sortBy('id')
      .map(@renderAnswers)
      .value()
    tags = _.clone @props.exercise.tags
    # Display the exercise uid as a tag
    tags.push(name: "ID: #{@props.exercise.content.uid}")
    renderedTags = _.map(_.sortBy(tags, 'name'), @renderTags)
    header = @renderHeader()
    panelStyle = @getPanelStyle()


React = require 'react'
_ = require 'underscore'
classnames = require 'classnames'

BS = require 'react-bootstrap'
$ = require 'jquery'

