<html>
<head>

    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/custom.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    {% block extracss %}{% endblock %}
    
    <script type="text/javascript">

      // var _gaq = _gaq || [];
      // _gaq.push(['_setAccount', '<<ACCTID>>']);
      // _gaq.push(['_trackPageview']);

      // (function() {
      //   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      //   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      //   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      // })();

    </script>
    
</head>

<body>
<div id="wrap">  
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
          <ul class="nav">
            <li class="active">
              {% if request.user.is_authenticated %}            
                <a class="brand" href="{% url dashboard %}">COMPANY</a>
              {% else %}
                <a class="brand" href="{% url home %}">COMPANY</a>
              {% endif %}
            </li>
          </ul>
          {% if request.user.is_authenticated %}
            <ul class="nav pull-right">
                {% if request.my_profile == None %}
                    <li><a>{{ request.user }}</a></li>
                {% else %}
                    <li><a href="#PROFILE_URL">Profile: {{ request.user }}</a></li>
                {% endif %}
              <li><a href="#LOGOUT_URL">Logout</a></li>  
            </ul>
          {% else %}
              <ul class="nav pull-right">
                {% if REGISTRATION_ENABLED %}
                <li><a href="#REGISTRATION_URL">Register</a></li>
                {% endif %}
                <li><a href="#LOGIN_URL">Login</a></li>  
              </ul>        
          {% endif %}

      </div>
    </div>
  </div>  
  <div class="container">
      {% if messages %}
          {% for message in messages %}
              <div class="alert alert-success">
                  <a class="close">×</a>
                  {{ message }}
              </div>
          {% endfor %}
      {% endif %}

      <!-- breadcrumps -->
      {% if breadcrumbs %}
        <div class="row">
          <div class="span12">
              <ul class="breadcrumb">
                <li>breakcrumb 1</li>
                <li class="active">breakcrumb 2</li>
              </ul>
        </div>
      </div>
      {% endif %}

      <!-- page title -->
      <div class="row">
        <div class="span12">
          {% block breadcrumbs %}{% endblock %}
        <div class="page-header">
          <h1>{% block page_title %}{% endblock %}</h1>
        </div>
      </div>
    </div>
    <!-- page content -->
  {% block content %}{% endblock %}
  <div id="push"></div>
  </div>
</div>

<footer class="navbar navbar-fixed-bottom">
  <div class="container">
    <div class="row">
      <div class="span4">
        &copy 2013 <img height="20px" src="{{ STATIC_URL }}img/logo.png" alt="logo">
      </div>
      <div class="span8">
        <ul class="nav nav-pills">
          <li class="menu-item "><a href="#TOS_URL">Terms of Service</a></li>
          <li class="menu-item "><a href="#PRIVACY_URL">Privacy Policy</a></li>
          <li class="menu-item "><a href="#CAREERS_URL">Careers</a></li>
          <li class="menu-item "><a href="#BLOG_URL">Blog</a></li>
          <li class="menu-item menu-end"><a href="#CONTACT_URL">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>

{% comment %}
<script src="{{ STATIC_URL }}js/jquery-1.8.0.min.js"></script>
{% endcomment %}
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js" type="text/javascript"></script>
{% block extrajs %}
{% endblock %}

</body>
</html>