{% extends "newbase.html" %}
{% load static %}
{% load rowerfilters %}

{% block title %}Change Workout {% endblock %}

{% block main %}

  <h1>Bulk Actions</h1>
<ul class="main-content">
    <li class="grid_4">
      <form action="" method="post">
	<p>
	  Edit and confirm the action you want to perform on the following workouts:
	</p>
	<div id="workouts">
	  {{ form.as_p }}
	</div>
	<div id="action">
	  {{ actionform.as_p }}
	</div>
	<div id="export">
	  {{ exportchoice.as_p }}
	</div>
	<div id="assign">
	  {{ assignchoices.as_p }}
	</div>
    </li>
    <li class="grid_2">
      {% csrf_token %}
      <input type="submit" value="Confirm">
    </li>
    </form>
</ul>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  var workoutsfield = $("#workouts")
  var actionsfield = $("#action")
  var exportfield = $("#export")
  var assignfield = $("#assign")
  var actionselect = $("#id_action")

  exportfield.css('visibility', 'hidden')
  assignfield.css('visibility', 'hidden')

  if (actionselect.val() == 'remove') {
      exportfield.css('visibility', 'hidden')
      assignfield.css('visibility', 'hidden')
  }

  if (actionselect.val() == 'rower assign') {
      assignfield.css('visibility','visible')
      exportfield.css('visibility', 'hidden')
  }

  if (actionselect.val() == 'export') {
      exportfield.css('visibility','visible')
      assignfield.css('visibility', 'hidden')
  }

  actionselect.change(function() {
      console.log("click", Value)
      var Value = actionselect.val()
      console.log("click", Value)

      if (Value == 'remove') {
	  exportfield.css('visibility', 'hidden')
	  assignfield.css('visibility', 'hidden')
      }

      if (Value == 'rower assign') {
	  assignfield.css('visibility','visible')
	  exportfield.css('visibility', 'hidden')
      }

      if (Value == 'export') {
	  exportfield.css('visibility','visible')
	  assignfield.css('visibility', 'hidden')	  
      }
  })
</script>

{% endblock %}

{% block sidebar %}
{% include 'menu_workout.html' %}
{% endblock %}