<%= stylesheet_link_tag  'polls', :media => 'all' %>
<div class="polls_content polls_box" id="polls">
  <div class="ur_page_head" >
    <h1 class="ur_page_title">
      <%= @poll.polls_name%>
    </h1>
    <%= @poll.polls_description.nil? ? "" : @poll.polls_description.html_safe%>
  </div>

  <div class="ur_card">
    <ol class="ur_questions">
      <% @poll_questions.each do |pq| %>
          <% if pq.question_type == 1 %>
              <!-- 单选题 -->
              <li class="ur_question_item radio">
                <div class="ur_title">
                  <span class="title_index"><%= l(:label_question_number,:question_number => pq.question_number) %></span>
                  <%= pq.question_title %>
                  <span class="title_index">[单选题]</span>
                  <% if pq.is_necessary == 1 %>
                      <span class="ur_required" title="<%= l(:label_must_answer) %>">*</span>
                  <% end %>
                </div>
                <div class="cl"></div>
                <div class="ur_inputs">
                  <form>
                    <table class="ur_table" >
                      <tbody>
                      <% pq.poll_answers.each do |pa| %>
                          <tr>
                            <td>
                              <label >
                                <script>
                                    function click_<%= pa.id %>(obj)
                                    {
                                        $.ajax({
                                            type: "post",
                                            url: "<%= commit_answer_poll_path(@poll) %>",
                                            data: {
                                                poll_answer_id: <%= pa.id %>,
                                                poll_question_id: <%= pq.id %>
                                            },
                                            success: function (data) {
                                                var dataObj = eval(data);
                                                obj.checked = true;
                                                var span = $('#percent');
                                                span.html(dataObj.percent);
                                            }
                                        });
                                    }
                                </script>
                                <%= radio_button "poll_vote","poll_answer_id",pa.id,:class=>"ur_radio",:onclick =>"click_#{pa.id}(this);return false;",:checked => answer_be_selected?(pa,User.current),:disabled => !@can_edit_poll %>
                                <%= pa.answer_text %>
                              </label>
                            </td>
                          </tr>
                      <% end %>
                      </tbody>
                    </table>
                  </form>
                </div>
              </li>
          <% elsif pq.question_type == 2 %>
              <!-- 多选题 -->
              <li class="ur_question_item checkbox">
                <div class="ur_title">
                  <span class="title_index"><%= l(:label_question_number,:question_number => pq.question_number) %></span>
                  <%= pq.question_title %>
                  <span class="title_index">[多选题]</span>
                  <% if pq.is_necessary == 1 %>
                      <span class="ur_required" title="<%= l(:label_must_answer) %>">*</span>
                  <% end %>
                </div>
                <div class="cl"></div>
                <div class="ur_inputs">
                  <form>
                    <table class="ur_table" >
                      <tbody>
                      <% pq.poll_answers.each do |pa| %>
                          <tr>
                            <td>
                              <label >
                                <script>
                                    function click_<%= pa.id %>(obj)
                                    {
                                        $.ajax({
                                            type: "post",
                                            url: "<%= commit_answer_poll_path(@poll) %>",
                                            data: {
                                                poll_answer_id: <%= pa.id %>,
                                                poll_question_id: <%= pq.id %>
                                            },
                                            success: function (data) {
                                                var dataObj = eval(data);
                                                if(dataObj.text == "true")
                                                {
                                                    obj.checked = true;
                                                }
                                                else
                                                {
                                                    obj.checked = false;
                                                }
                                                var span = $('#percent');
                                                span.html(dataObj.percent);
                                            }
                                        });
                                    }
                                </script>
                                <input class="ur_checkbox" type="checkbox" onclick="click_<%= pa.id %>(this);return false;" <%= answer_be_selected?(pa,User.current) ? "checked":"" %> <%= @can_edit_poll?"":"disabled=disabled" %> >
                                <%= pa.answer_text %>
                              </label>
                            </td>
                          </tr>
                      <% end %>
                      </tbody>
                    </table>
                  </form>
                </div>
              </li>
          <% elsif pq.question_type == 3 %>
              <!-- 单行文字-->
              <li  class="ur_question_item text">
                <div class="ur_title">
                  <span class="title_index"><%= l(:label_question_number,:question_number => pq.question_number) %></span>
                  <%= pq.question_title %>
                  <span class="title_index">[单行主观]</span>
                  <% if pq.is_necessary == 1 %>
                      <span class="ur_required" title="<%= l(:label_must_answer) %>">*</span>
                  <% end %>
                </div>
                <div class="cl"></div>
                <div class="ur_inputs">
                  <script>
                      function onblur_<%= pq.id %>(obj)
                      {
                          $(window).unbind('beforeunload');
                          $.ajax({
                              type: "post",
                              url: "<%= commit_answer_poll_path(@poll) %>",
                              data: {
                                  poll_question_id: <%= pq.id %> ,
                                  vote_text: obj.value
                              },
                              success: function (data) {
                                  var dataObj = eval(data);
                                  var span = $('#percent');
                                  span.html(dataObj.percent);
//                                 obj.value = data;
                              }
                          });

                      }
                  </script>
                  <input class="ur_text ur_textbox" type="text" size="" maxlength="" style="width: 100%" value="<%= get_anwser_vote_text(pq.id,User.current.id).html_safe %>" onblur="onblur_<%= pq.id %>(this);" <%= @can_edit_poll?"":"disabled=disabled" %>>
                </div>
              </li><!--单行输入 end-->
          <% elsif pq.question_type == 4 %>
              <!-- 多行文字-->
              <li class="ur_question_item textarea">
                <div class="ur_preview">
                  <div class="ur_title">
                    <span class="title_index"><%= l(:label_question_number,:question_number => pq.question_number) %></span>
                    <%= pq.question_title %>
                    <span class="title_index">[多行主观]</span>
                    <% if pq.is_necessary == 1 %>
                        <span class="ur_required" title="<%= l(:label_must_answer) %>">*</span>
                    <% end %>
                  </div>
                  <div class="cl"></div>
                  <div class="ur_inputs">
                    <script>
                        function onblur_<%= pq.id %>(obj)
                        {
                            $.ajax({
                                type: "post",
                                url: "<%= commit_answer_poll_path(@poll) %>",
                                data: {
                                    poll_question_id: <%= pq.id %> ,
                                    vote_text: obj.innerHTML
                                },
                                success: function (data) {
                                    var dataObj = eval(data);
                                    if(dataObj.text != 'failure')
                                    {
                                        var span = $('#percent');
                                        span.html(dataObj.percent);
                                    }
                                    else
                                    {
                                        alert("error");
                                    }

                                }
                            });
                        }
                    </script>
                    <div contenteditable='<%= @can_edit_poll %>' class="ur_textbox" style="min-height: 150px;width: 100%;<%= @can_edit_poll?"":"background-color:#DCDCDC;" %>" onblur="onblur_<%= pq.id %>(this);"><%= get_anwser_vote_text(pq.id,User.current.id).html_safe %></div>
                  </div>
                </div>
              </li><!--多行输入 end-->
          <% else %>
              <!-- 未知题型 -->
          <% end %>
      <% end %>
    </ol>
    <ul class="wlist">
      <%= pagination_links_full @obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true%>
    </ul>
    <div class="cl"></div>
    <div class="ur_buttons" style="width: 100px;">
      <% if @poll.polls_status == 2 %>
          <%= link_to l(:button_submit),commit_poll_poll_path(@poll), :method => :post,:class => "ur_button",:format => 'js',:remote=>true %>
      <% end %>
    </div>
    <div class="cl"></div>
    <div class="ur_progress_text">
      <%= l(:label_complete_question) %>
      <strong class="ur_progress_number">
        <span id="percent"><%= format "%.2f" ,@percent %></span>%
      </strong>
    </div>
  </div>
</div><!--问卷内容end-->
