 <section id="editageneinput_${id}" class="editageneinput">
    <div class="script_placeholder" data-src="/static/js/capa/genex/genex.nocache.js?raw"/>
    <div class="script_placeholder" data-src="${applet_loader}"/>

    % if status == 'unsubmitted':
    <div class="unanswered" id="status_${id}">
    % elif status == 'correct':
    <div class="correct" id="status_${id}">
    % elif status == 'incorrect':
    <div class="incorrect" id="status_${id}">
    % elif status == 'incomplete':
    <div class="incomplete" id="status_${id}">
    % endif

    <div id="genex_container"></div>
    <input type="hidden" name="genex_dna_sequence" id="genex_dna_sequence" value ="${genex_dna_sequence}"></input>
    <input type="hidden" name="genex_problem_number" id="genex_problem_number" value ="${genex_problem_number}"></input>
    <input type="hidden" name="input_${id}" aria-describedby="answer_${id}" id="input_${id}" value="${value|h}"/>

    <p class="status" aria-describedby="input_${id}">
      % if status == 'unsubmitted':
      unanswered
      % elif status == 'correct':
      correct
      % elif status == 'incorrect':
      incorrect
      % elif status == 'incomplete':
      incomplete
      % endif
    </p>

    <p id="answer_${id}" class="answer"></p>
  % if status in ['unsubmitted', 'correct', 'incorrect', 'incomplete']:
  </div>
% endif
</section>

