<script type="text/javascript">

  jQuery(document).ready(function($) {
    loadRankDetails();
  });


</script>

<div class="bodyLeft">
  <%= render :partial => 'advancement_left' %>
  &nbsp;
</div>

<div class="bodyMain">

  <% form_tag( {:action => "bulk_edit_ranks"} , :method => :post, :id => "bulk_edit_ranks_form") do %>
    <div>
      <%= hidden_field_tag :troop_id, @troop.id %>

      <div class="menu_bar_container">
        <div class="menu_bar_buttons">
          <%= submit_tag "Update", :name=>"update", :class=>"menu_bar_button", :id=>nil %>
          &nbsp;<br />
        </div>
      </div>



      <div style="float: left; padding-right: 2ex; padding-bottom: 2ex;">
        <fieldset>
          <legend>Scouts and Rank</legend>
          <ol class="rows" style="padding-top: 0.25em; padding-right: 2ex; min-width: 35ex;">
            <li class="row">
              <div class="rowLabel" style="width: 3.6em;"><%= label_tag "user_ids", "Scouts:" %></div>
              <div class="rowInput"><%= select_tag "user_ids[]",
                  options_for_select(@troop.scouts.map{|entry| [entry.full_name, entry.id.to_s]},params["user_ids"]),
                  :multiple=>true, :size=>9, :id=>"user_ids",
                  :onchange=>"return loadRankDetails();"
                -%></div>
              <div class="rowBr" />
            </li>
            <li class="row">
              <div class="rowLabel" style="width: 3.6em;"><%= label_tag :rank_id, "Rank:" %></div>
              <div class="rowInput"><%= select_tag "rank_id",
                  "<option value=\"\">Select a Rank</option>"+
                  options_for_select(
                  @ranks.map{|entry| [entry.name, entry.id.to_s]},
                  params[:rank_id]),
                  :id => "rank_id", :onchange=>"return loadRankDetails();"
                -%></div>
              <div class="rowBr" />
            </li>
            <li class="row" style="display: none;">
              <div class="rowLabel" style="width: 3.6em;">&nbsp;</div>
              <div class="rowInput"><%= button_tag "Load Requirements", :name => "loadDetailsButton", :id => "loadDetailsButton", :onclick=>"return loadRankDetails();" %></div>
              <div class="rowBr" />
            </li>
            <li class="row" style="display: none;">
              <div class="rowLabel" style="width: 3.6em;">&nbsp;</div>
              <div class="rowInput"><%= submit_tag "Update" %></div>
              <div class="rowBr" />
            </li>
          </ol>
        </fieldset>
      </div>


      <div style="float: left; padding-right: 2ex; padding-bottom: 2ex;">
        <fieldset>
          <legend>Mark Complete</legend>

          <div id="rank_requirements">
            <% if !@rank.nil? %>
              <%= render :partial => "bulk_edit_rank_requirements", :object => @rank %>
            <% else %>
              Select a Rank to See Requirements
            <% end %>
          </div>

        </fieldset>
      </div>



      <br style="clear: both;" />
      <div style="background-color: #ddd; font-size: 0.8em; width: 35em;">
        <div style="padding: 0.25em 0.25em 0.25em 0.25em;">
          <%= submit_tag "Update", :name=>"update", :style=>"padding-right: 1em;", :id=>nil %>
          &nbsp;<br />
        </div>
      </div>

    </div>
  <% end %>




</div>