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

<h1><%= t('editing.design') %></h1>

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#info" data-toggle="tab"><%= t('design.info') %></a></li>
  <li><a href="#layout" data-toggle="tab"><%= @design.layout.name %></a></li>
  <li><a href="#css_default" data-toggle="tab"><%= @design.css_default.name %></a></li>
  <li><a href="#css_reset" data-toggle="tab"><%= @design.css_reset.name %></a></li>
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= t('design.themes') %> <b class="caret"></b></a>
    <ul class="dropdown-menu">
      <% @design.themes.each do |theme| %>
        <li><a href="#<%= dom_id theme %>" data-toggle="tab"><%= theme.name %></a></li>
      <% end %>
    </ul>
  </li>
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= t('design.javascripts') %> <b class="caret"></b></a>
    <ul class="dropdown-menu">
      <% @design.javascripts.each do |js| %>
        <li><a href="#<%= dom_id js %>" data-toggle="tab"><%= js.name %></a></li>
      <% end %>
    </ul>
  </li>
  <li><a href="#images" data-toggle="tab"><%= t('design.images') %></a></li>
</ul>
 
<div class="tab-content">
  <div class="tab-pane active" id="info"><%= render :partial => 'form' %></div>
  <div class="tab-pane" id="layout"><%= render :partial => 'tab_form', :locals => {:type => :layout, :object => @design.layout} %></div>
  <div class="tab-pane" id="css_default"><%= render :partial => 'tab_form', :locals => {:type => :css_default, :object => @design.css_default} %></div>
  <div class="tab-pane" id="css_reset"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => @design.css_reset} %></div>
  <% @design.themes.each do |theme| %>
    <div class="tab-pane" id="<%= dom_id theme %>"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => theme} %></div>
  <% end %>
  <% @design.javascripts.each do |js| %>
    <div class="tab-pane" id="<%= dom_id js %>"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => js} %></div>
  <% end %>
  <div class="tab-pane" id="images"><%= render :partial => 'images' %></div>
</div>
