{% extends "base.html" %}

{% block title %}Change Rower Export Settings{% endblock %}

{% block content %}
<script type="text/javascript" src="/static/js/reorderSelect.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
{{ formmiddle.media }}

<div class="grid_12 alpha">
  {% if workoutid %}
  <div class="grid_2 suffix_10 alpha">
    <p>
      <a class="button gray small" href="/rowers/workout/{{ workoutid }}/workflow/">Return to Workout</a>
    </p>
  </div>
  {% endif %}
  <h1>Workflow Page Configuration</h1>
  <p>On this page, you can add and remove elements from the left and middle
    panels of your Workflow page.
    Use the arrows on the right to move selected elements up and down to
    determine the order.
    In this way, you can configure the page to
    streamline your regular workout analysis workflow.</p>
  <h2>Left Panel</h2>
  <form enctype="multipart/form-data" action="" method="post">
    <div class="grid_11 alpha">
    <p>
      {% if formleft.errors %}
    <p style="color: red;">
      Please correct the error{{ formleft.errors|pluralize }} below.
    </p>
    {% endif %}
    
      <table>
        {{ formleft.as_table }}
      </table>
      {% csrf_token %}
    </p>
  </div>
  <div class="grid_1 omega">
    <img src="/static/img/moveup.gif" alt="Move Up" onclick="moveUp('id_leftpanel_to')" style="cursor:pointer"  /><br />
    <img src="/static/img/movedn.gif" alt="Move Down" onclick="moveDown('id_leftpanel_to')" style="cursor:pointer"  />
  </div>
</div>

<div class="grid_12 alpha">
  <div class="grid_4 prefix_4 suffix_4">
    <input class="grid_4 button green" type="submit" value="Save">
  </div>
  </form>
</div>

<div class="grid_12 alpha">
  <h2>Middle Panel</h2>
  <form enctype="multipart/form-data" action="" method="post">
  <div class="grid_11 alpha">
    <p>
      {% if formmiddle.errors %}
    <p style="color: red;">
      Please correct the error{{ formmiddle.errors|pluralize }} below.
    </p>
    {% endif %}
    
    <table>
      {{ formmiddle.as_table }}
    </table>
    {% csrf_token %}
  </div>
  <div class="grid_1 omega">
    <img src="/static/img/moveup.gif" alt="Move Up" onclick="moveUp('id_middlepanel_to')" style="cursor:pointer" /><br />
    <img src="/static/img/movedn.gif" alt="Move Down" onclick="moveDown('id_middlepanel_to')" style="cursor:pointer" />
  </div>
</div>

<div class="grid_12 alpha">
  <div class="grid_4 prefix_4 suffix_4">
    <input class="grid_4 button green" type="submit" value="Save">
  </div>
  </form>
</div>



{% endblock %}