{% extends "base.html" %}
{% block main %}
  <form method="POST" enctype="multipart/form-data" action="{{ url_for('editor') }}" class="editform">
    <div class="editareas">
      <div class="editarea editor">
        <fieldset class="required">
          <textarea id="html" placeholder="Write some test HTML here">
            {{htmlplaceholder}}
          </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" id="editorsubmitform">
        {% if files_uploaded or distribusi_live %}
          <fieldset class="required">
            {{ editorform.cssname.label }}
            {{ editorform.cssname }}
            {% for message in editorform.cssname.errors %}
            <div class="error">{{ message }}</div>
            {% endfor %}
          </fieldset>
          <fieldset class="required">
            {{ editorform.cssfile.label }}
            {{ editorform.cssfile }}
            {% for message in editorform.cssfile.errors %}
            <div class="error">{{ message }}</div>
            {% endfor %}
          </fieldset>
          <fieldset class="required">
            {{ editorform.public.label }}
            {{ editorform.public }}
            {% for message in editorform.public.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 %}