{% load theme_tags %}
{% theme_extends "base.html" %}
{% load i18n %}


<!-- Tendenci Specific Load Tags (Delete as Needed)
=========================================================== -->
{% load base_filters %}
{% load base_tags %}
{% load story_tags %}


<!-- Meta Tags (for optimal SEO)
=========================================================== -->
{% block title %}{{ SITE_GLOBAL_SITENAME }} {{ SITE_GLOBAL_SITEPRIMARYKEYWORDS }}{% endblock %}


<!-- Starts Tendenci Head Tag
=========================================================== -->
{% block extra_head %}
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="{{ THEME_URL }}media/img/favicon.ico">
    <link rel="apple-touch-icon" href="{{ THEME_URL }}media/images/apple-touch-icon.png">

    <title>{% trans "Theme Template for Bootstrap" %}</title>

    <!-- navigation dropdowns
    =========================================================== -->
    <link href="{{ THEME_URL }}media/css/meanmenu.css" rel="stylesheet">

    <!-- Custom styles for this template
    =========================================================== -->
    <link href="{{ THEME_URL }}media/css/bootstrap-theme.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and
    media queries
    =========================================================== -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
{% endblock extra_head %}

<!-- Start of the Body
=========================================================== -->
{% block body_ids %}sub{% endblock body_ids %}

{% block body_classes %}sub{% endblock body_classes %}

{% block html_body %}
    <a class="sr-only" href="#content">{% trans 'Skip to main content' %}</a>

    <!-- Header Starts
    =========================================================== -->
    <header>
        {% theme_include "header.html" %}<!-- Pulls in Header Include -->
    </header>
    <!-- Header Ends -->


    <!-- Container Starts
    =========================================================== -->
    <div id="content" class="container theme-showcase" role="main">


        <!-- Body
        =========================================================== -->
        <div class="col-md-8 col-sm-8 col-xs-12 {% block content_classes %}{% endblock %}">
            {% theme_include "base/messages.html" %}
            {% block content %}{% endblock %}
        </div>

        <div class="{% block sidebar_classes %}col-xs-12 col-sm-4 col-md-4 sidebar{% endblock %}">
            {% block sidebar %}
                {% theme_include "sidebar.html" %}
            {% endblock %}
        </div>

        <!-- Footer starts
        =========================================================== -->
        <footer class="{% block footer_classes %}{% endblock %}">
            {% block footer %}
                {% spaceless %}{% theme_include "footer.html" %}{% endspaceless %}
            {% endblock %}
        </footer>
        <!-- Footer Ends -->
    </div>
{% endblock %} <!-- Ends the Body -->

{% block extra_body %}
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!-- Theme Specific Javascript files
    ================================================== -->
    <!-- Respond JS for IE8 -->
    <script src="{{ THEME_URL }}media/js/respond.min.js"></script>
    <!-- HTML5 Support for IE -->
    <script src="{{ THEME_URL }}media/js/html5shiv.js"></script>
    <!-- Custom JS -->
    <script src="{{ THEME_URL }}media/js/jquery.meanmenu.js"></script>
    <script src="{{ THEME_URL }}media/js/jordy.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('.mainnav nav').meanmenu();
        });
    </script>
{% endblock extra_body %}