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

{% block header %}
<!-- Site Header -->
<header>
    <div class="container login-logo logo-section">
        <!-- Site Logo -->
            <a href="{{ url_for('page.home') }}">
                    <div class="logo-image-home" width="200px"
                    title="BuyerCall logo" alt="BuyerCall logo">
                    </div>
             </a>
        <!-- END Site Logo -->

        <!-- Site Navigation -->
        <nav>
            <!-- Menu Toggle -->
            <!-- Toggles menu on small screens -->
            <a href="javascript:void(0)" class="btn btn-primary site-menu-toggle visible-xs visible-sm">
                <i class="fa fa-bars"></i>
            </a>
            <!-- END Menu Toggle -->

            <!-- Main Menu -->
            <ul class="site-nav">
{% if current_user.is_authenticated %}
                <li class="active">
                    <a href="{{ url_for('leads.call_leads') }}">Calls</a>
                </li>
                <li>
                    <a href="{{ url_for('agents.call_agents') }}">Agents</a>
                </li>
                <li>
                    <a href="{{ url_for('user.settings') }}">Account</a>
                </li>
                <li>
                    <a href="{{ url_for('user.logout') }}">Log out</a>
                </li>
{% else %}
                <li>
                    <a href="{{ url_for('user.login') }}">Log in</a>
                </li>
            <!--<li class="activate">
                    <a href="{{ url_for('user.signup') }}">Sign up</a>
                </li>-->
            <li class="active">
                    <a href="#" class="buyercall-button" style="display: inline-block" data-widget-guid="3784ab32-dd2a-4afe-b372-b25e22263604">Request Access</a>
                </li>
{% endif %}
            </ul>
            <!-- END Main Menu -->
        </nav>
        <!-- END Site Navigation -->
    </div>
</header>
<!-- END Site Header -->
{% endblock %}

{% block footer %}
    <li><a href="{{ url_for('page.faq') }}">FAQ</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>
{% endblock %}