<% content_for :side_bar do %>
  <%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_site_info_path(@site), :icon => 'icons-cog', :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>

<% content_for :page_specific_css do %>
  <%= stylesheet_link_tag 'normalize' %>
  <%= stylesheet_link_tag 'bootstrap-responsive' %>
  <%= stylesheet_link_tag 'rulingorbit' %>
  <%= stylesheet_link_tag 'template-store' %>
<% end %>


  <div class="wrapper">
    <div id="toolbar">
      <div class="filter fn">
        <span class="label">Price</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">All</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">All</a></li>
            <li><a class="option-item" href="">15,000</a></li>
            <li><a class="option-item" href="">20,000</a></li>
            <li><a class="option-item" href="">25,000</a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Color</span>
        <div class="select single-select" id="color-filter">
          <ul class="option-list">
            <li><a href="" class="ui btn option-default">All</a></li>
            <li><a class="ui btn" href=""><span class="color-tag red"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag yellow"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag green"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag blue"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag purple"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag white"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag gray"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag black"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Category</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">All</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">All</a></li>
            <li><a class="option-item" href="">National Taiwan University</a></li>
            <li><a class="option-item" href="">Category 1</a></li>
            <li><a class="option-item" href="">Category 2</a></li>
            <li><a class="option-item" href="">Category 3</a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Sort by</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">Date</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">Date</a></li>
            <li><a class="option-item" href="">Popular</a></li>
            <li><a class="option-item" href="">Recent Upload</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div id="item-list">
      <ul class="clearfix">
        <% @templates.each do |template| %>
          <li>
            <%= link_to admin_template_store_template_path(template['id']) do %>
              <%= image_tag "http://#{APP_CONFIG['store_ip']}#{template['thumb']}", :class => "item-thumb" %>
              <span class="item-info">
                <b class="item-name"><%= template['title'] %></b>
                <span class="item-price">Free</span>
              </span>
            <% end %>
          </li>
        <% end %>
        <% (12-@templates.size).times do |i| %>
          <li>
            <%= link_to admin_template_store_template_path('show', :t => i + 1) do %>
              <img src="/assets/template/thumb/tb<%= i + 1 %>.jpg" alt="" class="item-thumb">
              <span class="item-info">
                <b class="item-name">Template <%= i + 1 %></b>
                <span class="item-price">Free</span>
              </span>
            <% end %>
          </li>
      <% end %>
      </ul>
    </div>
  </div>