{% extends 'rest_framework/base.html' %}
{% load i18n %}

{% block title %}{% trans 'AnsibleWorks REST API' %}{% endblock %}

{% block style %}
{{ block.super }}
<link href="{{ STATIC_URL }}img/favicon.ico" rel="shortcut icon" />
<style type="text/css">
html body {
  background: #ddd;
}
html body .navbar .navbar-inner {
  border-top: none;
  height: 20px;
}
html body .navbar-inverse .navbar-inner {
    background-color: #36454F;
    background-image: -moz-linear-gradient(top, #36454F, #36454F);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#36454F), to(#36454F));
    background-image: -webkit-linear-gradient(top, #36454F, #36454F);
    background-image: -o-linear-gradient(top, #36454F, #36454F);
    background-image: linear-gradient(to bottom, #36454F, #36454F);
    background-repeat: repeat-x;
    border-color: #36454F;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36454F', endColorstr='#36454F', GradientType=0);
}
html body .navbar-inverse .nav > li > a {
    color: #A9A9A9;
}
html body .navbar-inverse .nav > li > a:hover,
html body .navbar-inverse .nav > li > a:focus {
   color: #2078be;
}
html body .navbar .brand img {
    width: 130px;
    margin-top: -6px;
    margin-right: 0.5em;
}
html body .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #074979;
}
html body .navbar-inverse .brand {
  font-size: 1.2em;
  color: #fff;
}
span.powered-by .version {
  color: #ddd;
}
span.powered-by {
  font-size: 75%;
  color: #ddd;
}
html body .navbar .navbar-inner .dropdown-menu li a,
html body .navbar .navbar-inner .dropdown-menu li,
html body .hero-unit h2,
html body .hero-unit h1,
html body a,
html body a {
 color: #2078be; 
}
html body .navbar .navbar-inner .dropdown-menu li a:hover,
html body a:hover {
  color: #2078be;
}
html body ul.breadcrumb,
html body .prettyprint,
html body .well.tab-content {
  border: 1px solid #ccc;
}
html body .prettyprint {
  background: #f5f5f5;
}
html body .str,
html body .atv {
  color: #074979;
}
html body .str a {
  text-decoration: underline;
}
html body .page-header {
  margin-bottom: 0;
}
html body .description {
  padding-bottom: 0;
  display: none;
}
.footer {
  margin-top: 0.5em;
  font-size: 0.8em;
  text-align: center;
}
.footer a,
.footer a:hover {
  color: #333;
}
</style>
{% endblock %}

{% block branding %}
  <a class="brand" href="/api/"><img class="logo" src="{{ STATIC_URL }}img/ansibleworks-logo.png">{% trans 'REST API' %}</a>
{% endblock %}

{% block userlinks %}
  {% if user.is_authenticated %}
  <li>
    <a href="/api/v1/me/">{{ user }}</a>
  </li>
  {% endif %}
{% endblock %}

{% block footer %}
<div class="footer">Copyright &copy; 2013 <a href="http://www.ansibleworks.com/">AnsibleWorks, Inc.</a> All rights reserved.<br />
  1482 East Valley Road, Suite 888 &middot; Montecito, California 9308 &middot; <a href="tel:18008250212">+1-800-825-0212<a/></div>
{% endblock %}

{% block script %}
{{ block.super }}
<script type="text/javascript">
$(function() {
  // Make linkes from relative URLs to resources.
  $('span.str').each(function() {
    var s = $(this).html();
    if (s.match(/^\"\/.+\/\"$/) || s.match(/^\"\/.+\/\?.*\"$/)) {
      $(this).html('"<a href=' + s + '>' + s.replace(/\"/g, '') + '</a>"');
    }
  });
  if ($('.description').html()) {
    $('.description').addClass('well').addClass('well-small').addClass('prettyprint');
    $('.description').prepend('<a class="hide-description pull-right" href="#" title="Hide Description"><i class="icon-remove"></i></a>');
    $('a.hide-description').click(function() {
      $('.description').slideUp('fast');
      return false;
    });
    $('.page-header h1').append('<a class="toggle-description" href="#" title="Show/Hide Description"><i class="icon-question-sign"></i></a>');
    $('a.toggle-description').click(function() {
      $('.description').slideToggle('fast');
      return false;
    });
  }
  $('.btn-primary').removeClass('btn-primary').addClass('btn-success');
});
</script>
{% endblock %}