<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title><%= ControlCenter::Config.app_title %> - <%= @control_center_title %></title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en-us" />

    <%= stylesheet_link_tag 'control_center' %>
    <style type="text/css">
      #header { background: <%= ControlCenter::Config.theme_color %>; }
      #sub_tabs li {background-color: <%= ControlCenter::Config.theme_color %>; }
      .pagination span.current { background: <%= ControlCenter::Config.theme_color %> };
    </style>
    <% ControlCenter::Config.custom_css.each do |key, value| %>
      <%= stylesheet_link_tag key, value || {} %>
    <% end %>
  </head>
  <body>
    <div id="header">
      <h1><%= ControlCenter::Config.app_title %></h1>
      <ul id="header_links">
        <%= render :partial => "layouts/header_links" %>
      </ul>
    </div>

    <ul id="tabs">
      <%= render :partial => "layouts/tabs" %>
    </ul>
    
    <% if flash[:message] %>
      <div id="message"><%= flash[:message] %></div>
    <% end %>

    <% if flash[:error] %>
      <div id="error"><%= flash[:error] %></div>
    <% end %>

    <ul id="sub_tabs" <%= "class=\"narrow\"" if sidebar? %>>
      <%= yield :sub_tabs %>
    </ul>

    <div id="main">
      <div id="content" <%= "class=\"narrow\"" if sidebar? %>>
        <div id="content_inside">
          <h2><%= @control_center_title %></h2>

          <%= yield %>
        </div>
      </div>
  
      <% if sidebar? %>
        <div id="sidebar">
          <div id="sidebar_inside">
            <%= yield :sidebar %>
          </div>
        </div>
      <% end %>
    </div>
    
    <%= javascript_include_tag ControlCenter::Config.include_javascript %>
  </body>
</html>