{% extends "base.html" %}
{% block main %}
<div id="upload" class="workflow">
  <h3>Step 1: Upload</h3>
  <p>Upload your files here, the only accepted file type is a zip file</p>
  <form method="POST" enctype="multipart/form-data" action="{{ url_for('upload') }}">
  			{{ uploadform.csrf_token }}
        <fieldset class="required">
            {{ uploadform.sitename.label }}
            {{ uploadform.sitename }}
            {% for message in uploadform.sitename.errors %}
             <div class="error">{{ message }}</div>
            {% endfor %}
        </fieldset>
  			<fieldset class="required">
  					{{ uploadform.zipfile.label }}
  					{{ uploadform.zipfile }}
  					{% for message in uploadform.zipfile.errors %}
  					 <div class="error">{{ message }}</div>
  					{% endfor %}
  			</fieldset>
        <fieldset class="button required">
        {{ uploadform.submit }}
        </fieldset>
  </form>
  {% if success %}
    <p>Your file has been uploaded successfully</h2>
  {% endif %}
</div>
<div id="theme" class="workflow">
  <h3>Step 2: Theme</h3>
  <p>dropdown css file selector</p>
</div>
<div id="edit" class="workflow">
  <h3>Step 3: Edit</h3>
  <p>go to CSS editor</p>
</div>
<div id="distribusi" class="workflow">
  <h3>Step 4: Distribusi</h3>
  <p>run distribusi on your files, this will generate your website and make
  your content public.</p>
  <form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusi') }}">
      {{ distribusiform.csrf_token }}
      <fieldset class="button required">
        {{ distribusiform.submit }}
      </fieldset>
    </form>
</div>

{% endblock main %}