<% doinline = 'style="display:inline-block;vertical-align:top"' if inline else "" %>
<section id="formulaequationinput_${id}" class="inputtype formulaequationinput" ${doinline}>
  <div class="${status.classname}" id="status_${id}">
    <input type="text" name="input_${id}" id="input_${id}"
        data-input-id="${id}" value="${value|h}"
        aria-label="${label}"
        % if size:
        size="${size}"
        % endif
        />

      <p class="status" 
         %if status != 'unsubmitted':
         aria-hidden="true"
         %endif
         >
          <span class="sr equation">
              %if value:
              ${value|h}
              % else:
              ${label}
              %endif
          </span> - ${status.display_name}
      </p>

      <div id="input_${id}_preview" class="equation">
        \[\]
        <img src="${STATIC_URL}images/spinner.gif" class="loading" alt="Loading"/>
      </div>
    <p id="answer_${id}" class="answer"></p>
  </div>

  <div class="script_placeholder" data-src="${previewer}"/>

  % if msg:
      <span class="message">${msg|n}</span>
  % endif
</section>
