<%
  content_for_javascript_once 'live-coder' do
    javascript_include_tag "live-coder"
  end
%>

<div data-id="live-coder-answer">
  <div class="code-input">
    <label for="question_input_options_html">index.html</label>
    <%= text_area_tag 'question[live_code][html]', question.input_options['html'], { data: {id: 'code-html', last: question.input_options['html']}, class: 'code-answer code-html' } %>
  </div>

  <div class="code-input">
    <label for="question_input_options_css">styles.css</label>
    <%= text_area_tag 'question[live_code][css]', question.input_options['css'], { data: {id: 'code-css', last: question.input_options['css']}, class: 'code-answer code-css' } %>
  </div>

  <div class="code-input">
    <label for="question_input_options_js">main.js</label>
    <%= text_area_tag 'question[live_code][js]', question.input_options['js'], { data: {id: 'code-js', last: question.input_options['js']}, class: 'code-answer code-js' } %>
  </div>

  <div class="results" data-id="results"></div>
</div>
