###
### version of textline.html which does dynamic math
###
<section class="text-input-dynamath capa_inputtype" id="inputtype_${id}">

    % if preprocessor is not None:
    <div class="text-input-dynamath_data" data-preprocessor="${preprocessor['class_name']}"/>
    <div class="script_placeholder" data-src="${preprocessor['script_src']}"/>
    % endif

    % 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
    % if hidden:
      <div style="display:none;" name="${hidden}" inputid="input_${id}" />
    % endif

    <input type="text" name="input_${id}" id="input_${id}" value="${value}" class="math" size="${size if size else ''}" 
    % if hidden:
        style="display:none;"
    % endif
    />
    <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>
