###
### version of textline.html which does dynammic math
###
<section class="text-input-dynamath">
    % if state == 'unsubmitted':
    <div class="unanswered" id="status_${id}">
    % elif state == 'correct':
    <div class="correct" id="status_${id}">
    % elif state == 'incorrect':
    <div class="incorrect" id="status_${id}">
    % elif state == 'incomplete':
    <div class="incorrect" id="status_${id}">
    % endif

      <input type="text" name="input_${id}" id="input_${id}" value="${value}" class="math" size="${size if size else ''}" />

      <p class="status">
        % if state == 'unsubmitted':
        unanswered
        % elif state == 'correct':
        correct
        % elif state == 'incorrect':
        incorrect
        % elif state == 'incomplete':
        incomplete
        % endif
      </p>

      <p id="answer_${id}" class="answer"></p>

      <div id="display_${id}" class="equation">`{::}`</div>

    </div>
        <textarea style="display:none" id="input_${id}_dynamath" name="input_${id}_dynamath">  </textarea>
  % if msg:
      <span class="message">${msg|n}</span>
  % endif
</section>
