File: //proc/self/root/home/arjun/projects/buyercall/buyercall/templates/layouts/layout_components.jinja2
{% extends 'layouts/backend_base.jinja2' %}
{% block header %}
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<header id="page-topbar">
<div id="app-toast">
<toast></toast>
</div>
<div class="navbar-header">
<div class="d-flex">
{# <!-- LOGO --> #}
<div class="navbar-brand-box">
<a href="##" class="logo logo-dark">
<span class="logo-sm">
<img src="{% if logo_small_alt %}{{ logo_small_alt }}{% else %}{{ asset_url_for('images/buyercall-icon-dark-bg-small.png') }}{% endif %}"
alt="" height="35">
</span>
<span class="logo-lg">
<img src="{% if logo_alt %}{{ logo_alt }}{% else %}{{ asset_url_for('images/buyercall-main-logo.png') }}{% endif %}"
alt="" height="35">
</span>
</a>
<a href="##" class="logo logo-light">
<span class="logo-sm">
<img src="{% if logo_small %}{{ logo_small }}{% else %}{{ asset_url_for('images/buyercall-icon-dark-bg-small.png') }}{% endif %}"
alt="" height="35">
</span>
<span class="logo-lg">
<img src="{% if logo %}{{ logo }}{% else %}{{ asset_url_for('images/buyercall-main-logo.png') }}{% endif %}"
alt="" height="35">
</span>
</a>
</div>
<button type="button" class="btn btn-sm px-3 font-size-16 header-item" id="vertical-menu-btn">
{# <i class="fa-bars"></i> #}
<iconify-icon icon="pepicons-pop:menu" class="px-2" height="20" width="20" />
</button>
</div>
<div class="d-flex">
<div id="app-notification">
<app-notification></app-notification>
</div>
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% if user_avatar %}
<img class="rounded-circle header-profile-user" src="{{ user_avatar }}"
alt="{{ current_user.firstname }} avatar">
{% else %}
<div class="header-profile-user rounded-circle">{{ current_user.firstname[:1]
}}{{current_user.lastname[:1]}}</div>
{% endif %}
<span class="d-none d-xl-inline-block ms-1" key="t-henry">{{ current_user.firstname }}</span>
<iconify-icon class="d-none d-xl-inline-block" icon="ion:chevron-down"></iconify-icon>
</button>
<div class="dropdown-menu dropdown-menu-end">
<!-- item-->
<a class="dropdown-item" href="{{ url_for('user.settings') }}"><i
class="font-size-16 align-middle me-1"><iconify-icon icon="bx:user" /></i> <span
key="t-profile">Profile</span></a>
<a class="dropdown-item" href="#"><i class="font-size-16 align-middle me-1"><iconify-icon
icon="bx:wallet" /></i> <span key="t-my-wallet">My Wallet</span></a>
<a class="dropdown-item d-block" href="#"><span class="badge bg-success float-end">11</span><i
class="font-size-16 align-middle me-1"><iconify-icon icon="bx:wrench" /></i> <span
key="t-settings">Settings</span></a>
<a class="dropdown-item" href="#"><i class="font-size-16 align-middle me-1"><iconify-icon
icon="bx:lock-open" /></i> </i>
<span key="t-lock-screen">Lock screen</span></a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger" href="{{ url_for('user.logout') }}"><i
class="font-size-16 align-middle me-1 text-danger"><iconify-icon
icon="bx:power-off" /></i></i> <span key="t-logout">Logout</span></a>
</div>
</div>
{# <div id="layoutmode">
<layout-mode></layout-mode>
</div> #}
</div>
</div>
</div>
</header>
{% endblock %}
{% block sidebar %}
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
{# <!-- ========== Left Sidebar Start ========== --> #}
<div class="vertical-menu" id="verticalMenu">
<div data-simplebar class="h-100">
{# <!--- Sidemenu --> #}
<div id="sidebar-menu">
{# <!-- Left Menu Start --> #}
<ul class="metismenu list-unstyled" id="side-menu">
<li class="menu-title" key="t-menu">Menu</li>
{% if current_user.role in ['admin', 'agent', 'partner', 'sysadmin'] %}
<li>
<a href="{{ url_for('dashboard.user_dashboard') }}">
{# <i class="bx bx-home-circle"></i> #}
<iconify-icon icon="bx:home-circle" class="px-2" height="15"></iconify-icon>
<span key="t-dashboard">Dashboard</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin', 'agent'] %}
<li>
<a href="/inbox">
{# <i class="bx bxs-inbox"></i> #}
<iconify-icon icon="bx:bxs-inbox" class="px-2" height="15"></iconify-icon>
<span key="t-inbox">Inbox</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="index.html">
{# <i class="bx bx-pie-chart-alt-2"></i> #}
<iconify-icon icon="bx:bx-pie-chart-alt-2" class="px-2" height="15"></iconify-icon>
<span key="t-campaigns">Campaigns</span>
</a>
</li>
{% endif %}
{# {% if current_user.role in ['admin', 'agent'] %}
<li>
<a href="index.html">
<iconify-icon icon="bx:bx-analyse" class="px-2" height="15"></iconify-icon>
<span key="t-leads">Leads</span>
</a>
</li>
{% endif %} #}
{% if current_user.role in ['admin'] %}
<li>
<a href="javascript: void(0);" class="has-arrow">
{# <i class="bx bx-data"></i> #}
<iconify-icon icon="bx:bx-data" class="px-2" height="15"></iconify-icon>
<span key="t-marketing-sources">Marketing Sources</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="ecommerce-products.html" key="t-phone-numbers">Phone numbers</a></li>
<li><a href="ecommerce-product-detail.html" key="t-omni-channel-widgets">Omni-channel
Widgets</a></li>
<li><a href="ecommerce-orders.html" key="t-email">Email</a></li>
<li><a href="ecommerce-customers.html" key="t-landing-pages">Landing Pages</a></li>
<li><a href="ecommerce-cart.html" key="t-web-forms">Web forms</a></li>
<li><a href="ecommerce-checkout.html" key="t-third-party">Third Party</a></li>
</ul>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="javascript: void(0);" class="has-arrow">
{# <i class="bx bxs-doughnut-chart"></i> #}
<iconify-icon icon="bx:bxs-doughnut-chart" class="px-2" height="15"></iconify-icon>
<span key="t-reporting">Reporting</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="ecommerce-products.html" key="t-conversion">Conversion</a></li>
<li><a href="ecommerce-product-detail.html" key="t-campaign-report">Campaign Report</a></li>
<li><a href="ecommerce-orders.html" key="t-leads-report">Leads Report</a></li>
<li><a href="ecommerce-customers.html" key="t-call-report">Call Report</a></li>
<li><a href="ecommerce-cart.html" key="t-text-message-report">Text Message Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-chat-message-report">Chat Message Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-web-form-report">Web Form Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-email-report">Email Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-landing-page-report">Landing page Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-third-party-report">Third Party Report</a></li>
<li><a href="ecommerce-checkout.html" key="t-third-party-report">Appointments Report</a></li>
</ul>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="/channels">
{# <i class='bx bx-transfer-alt'></i> #}
<iconify-icon icon="bx:bx-transfer-alt" class="px-2" height="15"></iconify-icon>
<span key="t-users">Channels</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="/sources">
{# <i class='bx bxs-map-pin'></i> #}
<iconify-icon icon="bx:bxs-map-pin" class="px-2" height="15"></iconify-icon>
<span key="t-users">Sources</span>
</a>
</li>
<li>
<a href="/emails/templates">
{# <i class='bx bx-mail-send'></i> #}
<iconify-icon icon="bx:bx-mail-send" class="px-2" height="15"></iconify-icon>
<span key="t-users">Email Templates</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="/workflows">
{# <i class='bx bx-right-arrow'></i> #}
<iconify-icon icon="bx:bx-right-arrow" class="px-2" height="15"></iconify-icon>
<span key="t-users">Workflows</span>
</a>
</li>
<li>
<a href="/widgets">
{# <i class='bx bx-message-alt'></i> #}
<iconify-icon icon="bx:bx-message-alt" class="px-2" height="15"></iconify-icon>
<span key="t-users">Widgets</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="/user-management">
{# <i class="bx bx-user-circle"></i> #}
<iconify-icon icon="bx:bx-user" class="px-2" height="15"></iconify-icon>
<span key="t-profile">User Management</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin'] %}
<li>
<a href="/contacts-management">
{# <i class="bx bx-user-circle"></i> #}
<iconify-icon icon="bx:bx-analyse" class="px-2" height="15"></iconify-icon>
<span key="t-profile">Leads</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['admin', 'agent', 'partner'] %}
<li>
<a href="{{ url_for('user.settings') }}">
{# <i class="bx bx-user-circle"></i> #}
<iconify-icon icon="bx:bx-user-circle" class="px-2" height="15"></iconify-icon>
<span key="t-profile">Profile</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['partner'] %}
<li>
<a href="javascript: void(0);" class="has-arrow">
{# <i class="bx bx-cog"></i> #}
<iconify-icon icon="bx:bx-cog" class="px-2" height="15"></iconify-icon>
<span key="t-account">Accounts</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="/partnership/accounts" key="t-settings">Accounts</a></li>
<li><a href="#" key="t-integrations">Integrations</a></li>
<li><a href="#" key="t-billing">Billing</a></li>
<li><a href="#" key="t-invoices">Invoices</a></li>
<li><a href="#" key="t-compliance-dashboard">Compliance Dashboard</a></li>
</ul>
</li>
<li>
<a href="{{ url_for('partnership.partnership_settings') }}">
{# <i class="bx bx-hive"></i> #}
<iconify-icon icon="bx:bx-hive" class="px-2" height="15"></iconify-icon>
<span key="t-profile">Partnership settings</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['sysadmin'] %}
<li>
<a href="{{ url_for('sysadmin.partnerships_table') }}">
{# <i class="bx bx-hive"></i> #}
<iconify-icon icon="bx:bx-hive" class="px-2" height="15"></iconify-icon>
<span key="t-partnerships">Partnerships</span>
</a>
</li>
{% endif %}
{% if current_user.role in ['sysadmin'] %}
<li>
<a href="#">
{# <i class="bx bxs-purchase-tag"></i> #}
<iconify-icon icon="bx:bxs-purchase-tag" class="px-2" height="15"></iconify-icon>
<span key="t-partnership-coupons">Coupons</span>
</a>
</li>
{% endif %}
</ul>
</div>
{# <!-- Sidebar --> #}
</div>
</div>
{# <!-- Left Sidebar End --> #}
{% endblock %}
{% block breadcrumb %}
{# <!-- start page title --> #}
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">Dashboard</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
</ol>
</div>
</div>
</div>
</div>
{# <!-- end page title --> #}
{% endblock %}
{% block footer %}
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
{{ now.strftime('%Y') }} © {% if partnership %} {{ partnership.name }} {% else %} BuyerCall {%
endif %}
</div>
<div class="col-sm-6">
<div class="text-sm-end d-none d-sm-block">
Design & Develop by BuyerCall
</div>
</div>
</div>
</div>
</footer>
{% endblock %}
{% block notifications %}
{{ flash.render() }}
{{ billing.card_expiring_warning() }}
{{ billing.subscription_expiring_warning() }}
{{ billing.subscription_expiring_error() }}
{% endblock %}
{% block pagescripts %}
<script>
window.setTimeout(function () { $('#flash-messages').hide('slow') }, 10000);
</script>
{% endblock %}