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

{% block header %}
<nav class="navbar navbar-primary navbar-transparent navbar-absolute">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            {% if request.endpoint.endswith('mobile') %}
            <a href="{{ url_for('page.mobile') }}">
                <img src="{{ asset_url_for('images/buyercall-mobile-logo.png') }}"
                class="main-logo-size navbar-brand home-logo" alt="BuyerCall Mobile logo"
                width="300" height="60" title="buyercall Mobile logo">
            </a>
            {% else %}
            <a href="{{ url_for('page.home') }}">
                <img src="{{ asset_url_for('images/logo_buyercall_white.png') }}"
                class="main-logo-size navbar-brand home-logo" alt="BuyerCall logo"
                width="300" height="60" title="buyercall logo">
            </a>
            {% endif %}
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                {% if current_user.is_authenticated %}
                    {% if current_user.role not in ['agent','partner','sysadmin', 'limitsysadmin'] %}
                    <li>
                        <a href="{{ url_for('dashboard.user_dashboard') }}" class="btn btn-primary">Dashboard</a>
                    </li>
                    {% endif %}
                     <li>
                        <a href="{{ url_for('contacts.contact_list') }}" {% if current_user.role == 'agent' %} class="btn btn-primary" {% endif %}>Leads</a>
                    </li>
                    <li>
                        <a href="{{ url_for('leads.call_leads') }}">Calls</a>
                    </li>
                    <li>
                        <a href="{{ url_for('sms.sms_leads') }}">Text Messages</a>
                    </li>
                    {% if current_user.forms_access %}
                    <li>
                        <a href="{{ url_for('form_leads.forms_list') }}">Forms</a>
                    </li>
                    {% endif %}
                    <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 btn btn-primary" style="display: inline-block" data-widget-guid="3784ab32-dd2a-4afe-b372-b25e22263604">Request Demo</a>
                    </li>
                {% endif %}
                    <li>
                        <img class="img flag-padding" src="{{ asset_url_for('images/flag_US.svg') }}"> <a href="tel:+13602075442" class="flag-no">(360) 207-5442</a>
                    </li>
            </ul>
        </div>
    </div>
</nav>
{% 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 %}