{% extends 'layouts/backend_base.jinja2' %}

{% block header %}
            {% if current_supervisor_user.is_authenticated %}
            <div data-notify="container"
            class="alert switch-back-bar col-xs-11 col-sm-10 col-md-10 col-lg-8 alert-warning alert-with-icon" data-notify-position="top-center"
            role="alert">
                <i class="material-icons" data-notify="icon">error</i>
                    <span data-notify="message">
                    Hi <strong>{{ current_supervisor_user.firstname | default(current_user.first_name|default('') + ' ' +
                    current_user.last_name|default('')) }}</strong>,
                    you are logged in as
                    <strong>{{ current_user.firstname }} {{current_user.lastname }}
                    </strong>
                    </span>
                    <a href="{{ url_for('user.switch_back') }}">
                        <button type="button" class="switch-back-button btn btn-light-blue" aria-hidden="true">
                            Switch back
                        </button>
                    </a>
            </div>
            {% endif %}
            <nav class="navbar navbar-transparent navbar-absolute {% if current_supervisor_user.is_authenticated %} navbar-custom-position {% endif %}">
                <div class="container-fluid">
                    <div class="navbar-minimize">
                        <button id="minimizeSidebar" class="btn btn-round btn-light-blue btn-fill btn-just-icon">
                            <i class="material-icons visible-on-sidebar-regular">more_vert</i>
                            <i class="material-icons visible-on-sidebar-mini">view_list</i>
                        </button>
                    </div>
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"> {% block heading %}{% endblock %} </a>
                    </div>
                </div>
            </nav>
{% endblock %}

{% block footer %}
<footer class="footer">
                <div class="container-fluid">
                    <nav class="pull-left">
                        <ul>
                            <!-- <li>
                                <a href="{{ url_for('page.faq') }}">
                                    FAQ
                                </a>
                            </li> -->
                            <li>
                                <li><a href="{{ url_for('issue.support') }}">
                                    Support
                                </a>
                            </li>
                            <li>
                                <a href="{{ url_for('page.privacy') }}">
                                    Privacy Policy
                                </a>
                            </li>
                            <li>
                                <a href="{{ url_for('page.terms') }}">
                                    Terms of Service
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <p class="copyright pull-right">
                        &copy;
                        <script>
                            document.write(new Date().getFullYear())
                        </script>
                        Copyright &copy; <span id="year-copy"></span>
                        <a href="http://buyercall.com/" target="_blank">BuyerCall</a>, powered with passion
                    </p>
                </div>
            </footer>
{% endblock %}
{% block notifications %}
    {{ flash.render() }}
    {{ billing.card_expiring_warning() }}
    {{ billing.subscription_expiring_warning() }}
    {{ billing.subscription_expiring_error() }}
{% endblock %}

{% block scripts %}
<!-- Load and execute javascript code used for leads page -->
{% endblock %}
{% block pagescripts %}
<script>
// The weekly call performance line chart
new Chartist.Line('#listInterestReportChart', {
  labels: ['Mon', 'Tue', 'Wed', 'Thurs', 'Fri', 'Sat', 'Sun'],
  series: [
    [{meta: 'reports', value: 12},
     {meta: 'reports', value: 9},
     {meta: 'reports', value: 14},
     {meta: 'reports', value: 8},
     {meta: 'reports', value: 9},
     {meta: 'reports', value: 11},
     {meta: 'reports', value: 14}]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});
</script>
{% endblock %}