{% extends "soc/models/list.html" %}

{% block scripts %}
{{ block.super }}

<script type="text/javascript">
  var MAX_AVAILABLE_SLOTS = {{ total_slots }};
  var RETURN_URL = "{{ return_url }}";
  $(document).ready(function(){
    $('[id^=id_spin_slot_count_]').spin({min:0, max:MAX_AVAILABLE_SLOTS});
    $('[id^=id_spin_adjustment_count_]').spin();
    $(tooltip).purr({usingTransparentPNG: true, isSticky: true});
    $("#p_total_slots").html("<strong>Max slots:</strong> "+MAX_AVAILABLE_SLOTS);
    retrieveJSON();
  });
</script>
{% endblock %}

{% block body %}

<input type="button" class="button" onclick="javascript:reCalculate()" value="Recalculate slots" />
<input type="button" class="button" onclick="javascript:submit()" value="Submit" />

{{ block.super }}

{% endblock %}