<% 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 %>
<% content_for :page_specific_javascript do %>
  <%= javascript_include_tag "jquery.cycle" %>
  <%= javascript_include_tag "rulingorbit" %>
<% end %>

<% if @template %>
  <div class="wrapper">
    <div id="toolbar">
      <div class="fn"><a class="ui btn" href="/admin/template_store">Back to Store</a></div>
    </div>
    <div id="content" class="clearfix">
      <div class="side">
        <div id="item-info">
          <%= image_tag "http://#{APP_CONFIG['store_ip']}#{@template['thumb']}", :class => "item-thumb" %>
          <h2 class="item-name"><%= @template['title'] %></h2>
          <%= link_to 'free download', buy_template_admin_purchase_path(@template['id']), :id => "download" %>
          <ul class="item-extra-info">
            <li><span class="title">views</span><span class="count"><%= Random.new.rand(10..100) %></span></li>
            <!-- <li><span class="title">color</span><span class="color-tag green"></span></li> -->
          </ul>
        </div>
      </div>
      <div class="main clearfix">
        <h3>description</h3>
        <div id="desc-holder" class="paragraph"><%= @template['intro'] %></div>
        <h3>screen shot</h3>
        <div id="screen-shot">
          <div class="holder">
            <% @template['screenshots'].each do |screenshot| %>
              <%= image_tag "http://#{APP_CONFIG['store_ip']}#{screenshot}", :class => "preview item-thumb" %>
            <% end %>
          </div>
        </div>
      </div>
    </div>
  </div>
<% else %>
  <div class="wrapper">
    <div id="toolbar">
      <div class="fn"><a class="ui btn" href="/admin/template_store">Back to Store</a></div>
    </div>
    <div id="content" class="clearfix">
      <div class="side">
        <div id="item-info">
          <img src="/assets/template/thumb/tb<%= params[:t] %>.jpg" alt="" class="item-thumb">
          <h2 class="item-name">Template Name</h2>
          <a id="download" href="">free download</a>
          <ul class="item-extra-info">
            <li><span class="title">views</span><span class="count"><%= Random.new.rand(10..100) %></span></li>
            <!-- <li><span class="title">color</span><span class="color-tag green"></span></li> -->
          </ul>
        </div>
      </div>
      <div class="main clearfix">
        <h3>description</h3>
        <div id="desc-holder" class="paragraph">Pixel Union’s Jitensha defines storefront minimalism. Japanese for “bicycle,” Jitensha offers clean typography and easy usability, including full color, font, logo, and footer customization. With its painless social media and blog integration, Jitensha gorgeously accomodates every aspect of your business. Any questions before you launch? Don’t hesitate to email us: Support@PixelUnion.net.</div>
        <h3>screen shot</h3>
        <div id="screen-shot">
          <div class="holder">
            <img src="" alt="Thumbnail 1" class="preview item-thumb">
            <img src="" alt="Thumbnail 2" class="preview item-thumb">
            <img src="" alt="Thumbnail 3" class="preview item-thumb">
            <img src="" alt="Thumbnail 4" class="preview item-thumb">
            <img src="" alt="Thumbnail 5" class="preview item-thumb">
          </div>
        </div>
      </div>
    </div>
  </div>
<% end %>