{% extends "base.html" %}
{% block main %}
  <form method="POST" enctype="multipart/form-data" action="{{ url_for('editor') }}">
    <div class="editareas">
      <div class="editarea editor">
        <fieldset class="required">
          <textarea id="html" placeholder="Write some test HTML here"></textarea>
        </fieldset>
      </div>
      {{ editorform.csrf_token }}
      <div class="editarea editor">
        <fieldset class="required">
          {{ editorform.css(placeholder="Try out your CSS here") }}
          {% for message in editorform.css.errors %}
          <div class="error">{{ message }}</div>
          {% endfor %}
        </fieldset>
      </div>
      <div class="editarea">
        {% if files_uploaded %}
        <fieldset class="required">
          {{ editorform.cssname.label }}
          {{ editorform.cssname }}
          {% for message in editorform.cssname.errors %}
          <div class="error">{{ message }}</div>
          {% endfor %}
        </fieldset>
        <fieldset class="button required">
              {{ editorform.submit }}
        </fieldset>
          {% else %}
            <p>
              You need to upload your files first before you can save a css file.
            </p>
          {% endif %}
      </div>
    </div>
  </form>
<iframe id="code"></iframe>

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/editor.css')}}">
<script src="{{ url_for('static', filename='js/editorupdate.js')}}"></script>
{% endblock main %}