<script src="/javascripts/educoder/welcome.js" type="text/javascript"></script>
<div class="clearfix">
  <!--banner图-->
  <div class="clearfix edu-back-white pb40 pt30 mb20" id="index-top">
    <div class="educontent pr">
      <div class="banner-content pr">
        <div class="banner">
          <ul class="img">
            <!--<li><a href="https://www.educoder.net/courses/1410" target="_blank"><img src="/images/educoder/recom_1.jpg" id="b-img-1"/></a></li>-->
            <% if @images_url.present? %>
                <% @images_url.each do |image| %>
                    <li><a href="<%= image[:path] %>" target="_blank"><img src="<%= image[:image_url] %>" id="b-img-1"/></a></li>
                <% end %>
            <% else %>
                <li><a href="<%= competition_path(:id => "gcc-dev-2018") %>" target="_blank"><img src="/images/educoder/recom_1.jpg" id="b-img-1"/></a></li>
                <li><a href="<%= competition_path(:id => "gcc-annotation-2018") %>" target="_blank"><img src="/images/educoder/recom_2.jpg" id="b-img-1"/></a></li>
                <li><a href="<%= competition_path(:id => "ccf-se-2018") %>" target="_blank"><img src="/images/educoder/recom_3.jpg" id="b-img-1"/></a></li>
                <li><a href="https://www.educoder.net/paths/54" target="_blank"><img src="/images/educoder/recom_4.jpg" id="b-img-1"/></a></li>
                <li><a href="https://www.educoder.net/paths/11" target="_blank"><img src="/images/educoder/recom_5.jpg" id="b-img-2"/></a></li>
                <li><a href="https://www.educoder.net/paths/29" target="_blank"><img src="/images/educoder/recom_6.jpg" id="b-img-3"/></a></li>
            <% end %>
          </ul>
          <ul class="num"></ul>
        </div>
        <div class="banner-l"><img src="/images/educoder/banner-left.png"/></div>
        <div class="banner-r"><img src="/images/educoder/banner-right.png"/></div>

        <div class="user_navlist">
          <div class="user_navlist_black">
            <ul class="black_nav_list">
              <% @rep_list.each do |rep| %>
                  <li class="welcome_shixun_index" data-id="<%= rep[:rep_id] %>" data-type="rep">
                    <span class="black_nav_span clearfix font-12"><%= rep[:rep_name] %><img src="/images/educoder/icon/downarrowsmall-right.svg" class="fr mt15 transform-90"></span>
                    <ul class="user_navlist_white">
                      <% rep[:sub_rep_list].each do |sub| %>
                          <div class="clearfix mt20 mb5 pb10 navlistpanel-line">
                            <p class="little-title clearfix welcome_shixun_index" data-id="<%= sub[:sub_rep_id] %>"
                               data-rep-id="<%= rep[:id] %>" data-type="sub"><%= sub[:sub_rep_name] %></p>
                            <% sub[:tag_rep_list].each do |tag| %>
                                <a href="javascript:void(0)" class="welcome_shixun_index" data-id="<%= tag[:tag_id] %>"
                                   data-rep-id="<%= rep[:id] %>" data-sub-id="<%= sub[:sub_rep_id] %>" data-type="tag"><%= tag[:tag_name] %></a>
                            <% end %>
                          </div>
                      <% end %>
                    </ul>
                  </li>
              <% end %>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--实训路径-->
  <div class="clearfix pt20 educontent pr pb20 mb60">
    <div class="edu-txt-center">
      <p class="color-dark edu-txt-center font-24" style="line-height: 30px">实训课程</p>
      <p class="color-grey-cd font-12">TRAINING COURSE</p>
    </div>
    <a href="<%= subjects_path() %>" class="moreitem">更多<i class="fa fa-angle-right ml5"></i></a>
    <div class="square-list clearfix">
      <%= render :partial => "subjects/subject_item", :locals => {:subjects => @subjects} %>
    </div>
    <!--广告-->
    <!--<a href="https://www.educoder.net/paths/4" target="_blank"><img src="/images/educoder/guagngao.png" width="100%"/></a>-->
  </div>

  <!--精选实训 改为 开发社区-->
  <div class="clearfix pt20 educontent pr pb20">
    <div class="edu-txt-center">
      <p class="color-dark edu-txt-center font-24" style="line-height: 30px">开发社区</p>
      <p class="color-grey-cd font-12">DEVELOPMENT COMMUNITY</p>
    </div>
    <a href="<%= shixuns_path %>" class="moreitem">更多<i class="fa fa-angle-right ml5"></i></a>
    <div class="square-list clearfix">
      <%= render :partial => "shixuns/shixun_item", :locals => {:shixuns => @shixuns} %>
    </div>
  </div>

  

  <!--导师排行榜-->
  <div class="pt60 pb60 mb30 mentor-ranking">
    <div class="educontent">
      <div class="edu-txt-center">
        <p class="color-dark edu-txt-center font-24" style="line-height: 30px">导师排行榜</p>
        <p class="color-grey-cd font-12">MENTOR RANKING</p>
      </div>
      <div class="ranking clearfix">
        <ul class="grade color-dark">
          <% if @tea_users[1] %>
              <li class="mt35 pr">
                <img src="/images/educoder/huangguan-two.png" class="huangguan"/>
                <a href="/users/<%= (@tea_users[1].try(:login)) %>" class="color-dark"><%= image_tag(url_to_avatar(@tea_users[1])) %>
                  <span class="task-hide rankName"><%= @tea_users[1].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
          <% if @tea_users[0] %>
              <li class="pr">
                <img src="/images/educoder/huangguan.png" class="huangguan"/>
                <a href="/users/<%= (@tea_users[0].try(:login)) %>" class="color-dark"><%= image_tag(url_to_avatar(@tea_users[0])) %>
                  <span class="task-hide rankName"><%= @tea_users[0].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
          <% if @tea_users[2] %>
              <li class="mt35 pr">
                <img src="/images/educoder/huangguan-three.png" class="huangguan"/>
                <a href="/users/<%=(@tea_users[2].try(:login)) %>" class="color-dark"><%= image_tag(url_to_avatar(@tea_users[2])) %>
                  <span class="task-hide rankName"><%= @tea_users[2].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
        </ul>
        <br/>
        <ul class="grade mt30">
          <% if @tea_users.size > 3 %>
              <% @tea_users[3..@tea_users.size].each do |t_u| %>
                  <li>
                    <a href="/users/<%= t_u.try(:login) %>" class="color-dark"><%= image_tag(url_to_avatar(t_u)) %>
                      <span class="task-hide rankName"><%= t_u.try(:show_name) %></span>
                    </a>
                  </li>
              <% end %>
          <% end %>
        </ul>
      </div>
    </div>
  </div>
  <!--程序员排行榜-->
  <div class="pt60 pb60 mb30 pro-ranking">
    <div class="educontent">
      <div class="edu-txt-center">
        <p class="color-dark edu-txt-center font-24" style="line-height: 30px">程序员排行榜</p>
        <p class="color-grey-cd font-12">PROGRAMMER RANKING</p>
      </div>
      <div class="ranking clearfix">
        <ul class="grade color-dark">
          <% if @stu_users[1] %>
              <li class="mt35 pr">
                <img src="/images/educoder/huangguan-two.png" class="huangguan"/>
                <a href="/users/<%= @stu_users[1].try(:login) %>" class="color-dark"><%= image_tag(url_to_avatar(@stu_users[1])) %>
                  <span class="task-hide rankName"><%= @stu_users[1].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
          <% if @stu_users[0] %>
              <li class="pr">
                <img src="/images/educoder/huangguan.png" class="huangguan"/>
                <a href="/users/<%= @stu_users[0].try(:login) %>" class="color-dark"><%= image_tag(url_to_avatar(@stu_users[0])) %>
                  <span class="task-hide rankName"><%= @stu_users[0].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
          <% if @stu_users[2] %>
              <li class="mt35 pr">
                <img src="/images/educoder/huangguan-three.png" class="huangguan"/>
                <a href="/users/<%= (@stu_users[2].try(:login)) %>" class="color-dark"><%= image_tag(url_to_avatar(@stu_users[2])) %>
                  <span class="task-hide rankName"><%= @stu_users[2].try(:show_name) %></span>
                </a>
              </li>
          <% end %>
        </ul>
        <br/>
        <ul class="grade mt30">
          <% if @stu_users.size > 3 %>
              <% @stu_users[3..@stu_users.size].each do |e_u| %>
                  <li>
                    <a href="/users/<%= e_u.try(:login) %>" class="color-dark"><%= image_tag(url_to_avatar(e_u)) %>
                      <span class="task-hide rankName"><%= e_u.try(:show_name) %></span>
                    </a>
                  </li>
              <% end %>
          <% end %>
        </ul>
      </div>
    </div>
  </div>
</div>