Symfony Profiler

<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{% block title %}Alice CMS{% endblock %}</title>
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<script src="{{ asset('vendor/js/lib.min.js') }}?ver=1.0"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/jquery.ui.touch-punch.min.js') }}"></script>
<script src="{{ asset('js/toastr.min.js') }}"></script>
<script src="{{ asset("js/jquery.dataTables.js") }}"></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/jszip.min.js') }}"></script>
<script src="{{ asset('js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('js/aliceApp/general.lib.js') }}?ver=1.8"></script>
<script src="{{ asset('js/aliceApp/qa.lib.js') }}?ver=1.6"></script>
<script src="{{ asset('js/aliceApp/qa.chats.lib.js') }}?ver=1.10"></script>
<script src="{{ asset('js/aliceApp/qa.tickets.lib.js') }}?ver=1.8"></script>
<script src="{{ asset('js/aliceApp/qa.issues.lib.js') }}?ver=1.6"></script>
<script src="{{ asset('js/aliceApp/admin.settings.lib.js') }}?ver=1.6"></script>
<script src="{{ asset('js/aliceApp/admin.settings.departments.lib.js') }}?ver=1.4"></script>
<script src="{{ asset('js/aliceApp/admin.settings.shifts.lib.js') }}?ver=1.4"></script>
<script src="{{ asset('js/aliceApp/leave.requests.lib.js') }}?ver=1.4"></script>
<script src="{{ asset('js/aliceApp/schedule.lib.js') }}?ver=1.2"></script>
<script src="{{ asset('js/aliceApp/affiliates.manager.lib.js') }}?ver=1.3"></script>
{% block javascripts %}
{% endblock %}


<link rel="stylesheet" href="{{ asset("css/jquery-ui.min.css") }}">
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('css/plugins.css') }}">
<link rel="stylesheet" href="{{ asset('css/error-pages.css') }}">
<link rel="stylesheet" href="{{ asset('vendor/css/lib.min.css') }}?ver=1.0">
<link rel="stylesheet" href="{{ asset('vendor/css/font-awesome.min.css') }}?ver=1.0">
<link rel="stylesheet" href="{{ asset("css/datatable-custom.css") }}">
<link rel="stylesheet" href="{{ asset("css/jquery.dataTables.css") }}">

<style>
.content-notlogged {
padding: 0 1rem;
min-height: calc(100vh - 110.2px);
background: url('{{ asset('images/awesome.jpg') }}');
border-left: 1px solid #212121;
}
.label-error{
background-color: #cc3e4a;
}
.text-error{
color: #cc3e4a;
}
.label-error[href]:hover, .label-error[href]:focus {
background-color: #aa2d38;
}
.label.label-outline.label-error{
color: #aa2d38;
border-color: #aa2d38;
}
.bg-whisper-blue{
background-color: #194e74;
}
.notSeen td{
font-weight: bold !important;
}
</style>
{% block stylesheets %}
{% endblock %}
{% if not app.user %}
<style>
body .main-wrap{
background: url('{{ asset('images/awesome.jpg') }}');
}
body .main-wrap > footer {
width: inherit;
margin: inherit;
}
html,
body {
height: 100%;
}
</style>
{% endif %}

<link rel="icon" type="image/x-icon" href="{{ asset('images/favicon.ico') }}" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ asset('images/favicon.ico') }}">
<meta name="theme-color" content="#ffffff">

</head>

{% block body %}
<body>
<div class="main-wrap">
<nav class="navigation">

<div class="navbar-inverse navbar navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="current navbar-brand" href="{{ path('dashboard') }}">
<img alt="Alice WPX" class="h-20" src="{{ asset('images/wpx-logo-big.svg') }}">
</a>
{% if app.user %}
<button class="navbar-toggle collapsed" data-target="#navbar" data-toggle="collapse" type="button">
<i class="fa fa-fw fa-user text-white"></i>
</button>
<button class="action-sidebar-open navbar-toggle collapsed" type="button">
<i class="fa fa-fw fa-bars text-white"></i>
</button>
{% endif %}
</div>
<div class="collapse navbar-collapse" id="navbar">
{% if app.user %}

<div class="form-group hidden-lg hidden-md hidden-sm m-t-2">
<div class="input-group hidden-lg hidden-md">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"><i class="fa fa-fw fa-search"></i></button>
</span>
</div>
</div>


<ul class="nav navbar-nav navbar-left clearfix yamm">

<li id="sidebar-switch" class="hidden-xs">
<a class="action-toggle-sidebar-slim" data-placement="bottom" data-toggle="tooltip" href="#" title="Slim sidebar on/off">
<i class="fa fa-lg fa-bars fa-fw"></i>
</a>
</li>

<li class="spin-search-box clearfix hidden-xs">
<a href="#" class="pull-left">
<i class="fa fa-search fa-lg icon-inactive"></i>
<i class="fa fa-close fa-lg icon-active"></i>
</a>
<div class="input-group input-group-sm pull-left p-10">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn active">
<button class="btn btn-primary" type="button">
<i class="fa fa-search"></i>
</button>
</span>
</div>
</li>
</ul>

{% endif %}

<ul class="nav navbar-nav navbar-right">
{% if app.user %}

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
<i class="fa fa-lg fa-fw fa-bell hidden-xs"></i>
<span class="hidden-sm hidden-md hidden-lg">
Notifications <span class="badge badge-primary m-l-1">{{ user_notification.notificationsUnseenCount }}</span>
</span>
<span class="label label-primary label-pill label-with-icon hidden-xs">{{ user_notification.notificationsUnseenCount }}</span>
<span class="fa fa-fw fa-angle-down hidden-lg hidden-md hidden-sm"></span>
</a>


<ul class="dropdown-menu dropdown-menu-right p-t-0 b-t-0 p-b-0 b-b-0 b-a-0">
<li>
<div class="yamm-content p-t-0 p-r-0 p-l-0 p-b-0">
<ul class="list-group m-b-0 b-b-0">
<li class="list-group-item b-r-0 b-l-0 b-r-0 b-t-r-0 b-t-l-0 b-b-2 w-350">
<small class="text-uppercase">
<strong>Notifications</strong>
</small>
</li>

<li class="list-group-item b-a-0 p-x-0 p-y-0 b-t-0">
<div class="scroll-300 custom-scrollbar">
{% if user_notification.notificationsUnseen %}
{% for notification in user_notification.notificationsUnseen %}
<a href="{{ path('user_notifications_view_message', {'id': notification.id}) }}" class="list-group-item b-r-0 b-l-0">
<div class="media">
<div class="media-left">
<span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x text-primary"></i>
<i class="fa fa-info fa-stack-1x text-primary"></i>
</span>
</div>
<div class="media-body">
<h5 class="m-t-0">
<span>{{ notification.notificationSubject }}</span>
</h5>
<p class="text-nowrap small m-b-0">
<span>{{ notification.notificationDate }}</span>
</p>
</div>
</div>
</a>
{% endfor %}
{% else %}
<div style="padding: 25px;text-align: center;">
There are no new notifications.
</div>
{% endif %}
</div>
</li>

<li class="list-group-item b-a-0 p-x-0 p-y-0 r-a-0 b-b-0">
<a class="list-group-item text-center b-r-0 b-b-0 b-l-0 b-r-b-r-0 b-r-b-l-0" href="{{ path('user_notifications') }}">
See All Notifications <i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</div>
</li>
</ul>

</li>

{% endif %}
{#
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">
<i class="fa fa-lg fa-fw fa-envelope hidden-xs"></i>
<span class="hidden-sm hidden-md hidden-lg">Messages <span class="badge badge-info m-l-1">3</span></span>
<span class="label label-info label-pill label-with-icon hidden-xs">3</span>
<span class="fa fa-fw fa-angle-down hidden-lg hidden-md hidden-sm"></span>
</a>

<ul class="dropdown-menu dropdown-menu-right p-t-0 b-t-0 p-b-0 b-b-0 b-a-0">
<li>
<div class="yamm-content p-t-0 p-r-0 p-l-0 p-b-0">
<ul class="list-group m-b-0">
<li class="list-group-item b-r-0 b-l-0 b-r-0 b-t-r-0 b-t-l-0 b-b-2 w-350">
<small class="text-uppercase">
<strong>Messages</strong>
</small>
</li>

<li class="list-group-item b-a-0 p-x-0 p-y-0 b-t-0">
<div class="scroll-200 custom-scrollbar">
<a href="../apps/email-details.html" class="list-group-item b-r-0 b-t-0 b-l-0">
<div class="media">
<div class="media-left media-middle">
<div class="avatar">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/andysolomon/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-danger b-gray-darker"></i>
</div>
</div>
<div class="media-body media-auto">
<h5 class="m-b-0 m-t-0">
<span>Jovani Brown</span>
<small><span>04:59</span></small>
</h5>
<p class="m-t-0 m-b-0">
<span>Cupiditate molestiae et ad qui labore id voluptas dicta possimus.</span>
</p>
</div>
</div>
</a>
</div>
</li>

<li class="list-group-item b-a-0 p-x-0 b-b-0 p-y-0 r-a-0">
<a class="list-group-item text-center b-b-0 b-r-0 b-l-0 b-r-b-r-0 b-r-b-l-0" href="../apps/inbox.html">
See All Messages <i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</div>
</li>
</ul>

</li>
#}
<li class="dropdown">
<a class="dropdown-toggle user-dropdown" data-toggle="dropdown" href="#" role="button">
<span class="m-r-1">
{% if app.user %}
{{ app.user.realName }}
{% else %}
Login
{% endif %}
</span>
<div class="avatar avatar-image avatar-sm avatar-inline">
<img alt="User" src="">
</div>
</a>
<ul class="dropdown-menu">
{% if app.user %}
<li class="dropdown-header text-gray-lighter">
<strong class="text-uppercase">Account</strong>
</li>
<li role="separator" class="divider"></li>
<li><a href="{{ path('user_profile') }}">Your Profile</a></li>
{% if is_granted('ROLE_PREVIOUS_ADMIN') %}
<li><a href="{{ path('dashboard', {'_switch_user': '_exit'}) }}">Exit impersonation</a></li>
{% endif %}
<li role="separator" class="divider"></li>
<li><a href="{{ path('logout') }}">Sign Out</a></li>
{% else %}
<li><a href="{{ path('login') }}">Login</a></li>
{#<li role="separator" class="divider"></li>#}
{% endif %}
</ul>
</li>
{#
======================== TOGGLE BUTTON FOR RIGHT SIDEBAR =============================
<li class="hidden-xs">
<a class="action-right-sidebar-toggle" title="Right sidebar on/off">
<i class="fa fa-lg fa-align-right"></i>
</a>
</li>#}
</ul>

</div>
</div>
</div>

{% if app.user %}

<aside class="navbar-default sidebar">
<div class="sidebar-overlay-head">
<a class="navbar-brand" href="{{ path('dashboard') }}"><img class="h-20" src="{{ asset('images/wpx-logo-big.svg') }}" alt="WPX Hosting" /></a>
<a href="javascript:void(0)" class="sidebar-switch action-sidebar-close">
<i class="fa fa-times"></i>
</a>
</div>
<div class="sidebar-logo">
<img class="logo-default" src="{{ asset('images/wpx-logo-big.svg') }}" alt="Logo" width="53">
<img class="logo-slim h-20" src="{{ asset('images/wpx-logo-big.svg') }}" alt="Logo">
</div>
<div class="sidebar-content">

<ul class="side-menu m-t-2">
<li class="Dashboards {% if app.request.attributes.get('_route') == 'dashboard' %}active{% endif %}"><a href="{{ path('dashboard') }}"><i class="fa fa-tachometer"></i> <span class="nav-label">Dashboard</span></a></li>
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'user' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-user fa-lg fa-fw"></i><span class="nav-label">Account</span><i class="fa arrow"></i>
</a>
<ul>
<li {% if app.request.attributes.get('_route') == 'user_notifications' %}class="active"{% endif %}><a href="{{ path('user_notifications') }}"><i class="fa fa-comment"></i> Notifications <span class="badge badge-primary">{{ user_notification.notificationsUnseenCount }}</span></a></li>
<li {% if app.request.attributes.get('_route') == 'user_profile' %}class="active"{% endif %}><a href="{{ path('user_profile') }}"><i class="fa fa-user"></i> Profile</a></li>
<li {% if app.request.attributes.get('_route') == 'user_staff_list' %}class="active"{% endif %}><a href="{{ path('user_staff_list') }}"><i class="fa fa-users"></i> Staff List</a></li>
<li><a href="{{ path('logout') }}"><i class="fa fa-power-off"></i> Logout</a></li>
</ul>
</li>
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'leave_requests' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-user-plus fa-lg fa-fw"></i><span class="nav-label">Leave Requests</span><i class="fa arrow"></i>
</a>
<ul>
<li {% if app.request.attributes.get('_route') == 'leave_requests' or app.request.attributes.get('_route') == 'leave_requests_exact' %}class="active"{% endif %}><a href="{{ path('leave_requests')}}"><i class="fa fa-caret-right"></i> Requests</a></li>
<li {% if app.request.attributes.get('_route') == 'leave_requests_my' %}class="active"{% endif %}><a href="{{ path('leave_requests_my') }}"><i class="fa fa-caret-right"></i> My leaves</a></li>
{% if is_granted('ROLE_ADMIN') %}
<li {% if app.request.attributes.get('_route') == 'leave_requests_users_all' %}class="active"{% endif %}><a href="{{ path('leave_requests_users_all') }}"><i class="fa fa-caret-right"></i> All leaves</a></li>
{% endif %}
</ul>
</li>
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'schedule' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-calendar-o" aria-hidden="true"></i><span class="nav-label">Schedule</span><i class="fa arrow"></i>
</a>
<ul>
{% if is_granted('ROLE_ADMIN') %}
<li {% if app.request.attributes.get('_route') == 'schedule_manage' %}class="active"{% endif %}><a href="{{ path('schedule_manage') }}"><i class="fa fa-user"></i> Support schedule</a></li>
<li {% if app.request.attributes.get('_route') == 'schedule_another_manage' %}class="active"{% endif %}><a href="{{ path('schedule_another_manage') }}"><i class="fa fa-users"></i> Another Schedule</a></li>
<li {% if app.request.attributes.get('_route') == 'schedule_events' %}class="active"{% endif %}><a href="{{ path('schedule_events') }}"><i class="fa fa-calendar" aria-hidden="true"></i> Manage events</a></li>
{% else %}
<li {% if app.request.attributes.get('_route') == 'schedule_support' %}class="active"{% endif %}><a href="{{ path('schedule_support') }}"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Support schedule</a></li>
<li {% if app.request.attributes.get('_route') == 'schedule_another' %}class="active"{% endif %}><a href="{{ path('schedule_another') }}"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Another Schedule</a></li>
{% endif %}
</ul>
</li>
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'shift_reports' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-pencil-square-o fa-lg fa-fw"></i><span class="nav-label">Reports</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu2">
<li {% if app.request.attributes.get('_route') == 'shift_reports_dashboard' %}class="active"{% endif %}><a href="{{ path('shift_reports_dashboard') }}"><i class="fa fa-caret-right"></i> Dashboard</a></li>
<li {% if app.request.attributes.get('_route') == 'shift_reports_new' %}class="active"{% endif %}><a href="{{ path('shift_reports_new') }}"><i class="fa fa-caret-right"></i> New Report</a></li>
{% if is_granted('ROLE_ADMIN') %}
<li {% if app.request.attributes.get('_route') == 'shift_reports_admin_dashboard' %}class="active"{% endif %}><a href="{{ path('shift_reports_admin_dashboard') }}"><i class="fa fa-caret-right"></i> Review Reports</a></li>
{% endif %}
</ul>
</li>
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'personal_feedback' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-star-half-o fa-lg fa-fw"></i><span class="nav-label">Feedback</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu3">
<li {% if app.request.attributes.get('_route') == 'personal_feedback_chats' %}class="active"{% endif %}><a href="{{ path('personal_feedback_chats') }}"><i class="fa fa-caret-right"></i> Chats</a></li>
<li {% if app.request.attributes.get('_route') == 'personal_feedback_tickets' %}class="active"{% endif %}><a href="{{ path('personal_feedback_tickets') }}"><i class="fa fa-caret-right"></i> Tickets</a></li>
{% if is_granted('ROLE_ADMIN') %}
{#<li><a href="#"><i class="fa fa-caret-right"></i> Monthly</a></li>#}
{#<li {% if app.request.attributes.get('_route') == 'personal_feedback_admin_new' %}class="active"{% endif %}><a href="{{ path('personal_feedback_admin_new') }}"><i class="fa fa-caret-right"></i> Send Feedback</a></li>#}
{% endif %}
</ul>
</li>
{#{% if is_granted('ROLE_ADMIN') %}#}
{#<li class="Dashboards">#}
{#<a href="#" title="Dashboards {% if app.request.attributes.get('_route') starts with 'migrations' %}active{% endif %}">#}
{#<i class="fa fa-arrow-circle-o-right fa-lg fa-fw"></i><span class="nav-label">Migrations</span><i class="fa arrow"></i>#}
{#</a>#}
{#<ul class="list-unstyled collapse" id="menu4">#}
{#<li><a href="#"><i class="fa fa-caret-right"></i> Dashboard</a></li>#}
{#<li><a href="#"><i class="fa fa-caret-right"></i> Add Tests</a></li>#}
{#</ul>#}
{#</li>#}
{#{% endif %}#}
{% if is_granted('ROLE_MARKETING') %}
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'statistics' %}active{% endif %}">
<a href="#" title="Statistics">
<i class="fa fa-line-chart"></i><span class="nav-label">Statistics</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu7">
<li {% if app.request.attributes.get('_route') starts with 'statistics' %}class="active"{% endif %}><a href="{{ path('statistics') }}"><i class="fa fa-caret-right"></i> Statistics</a></li>
</ul>
</li>
{% endif %}
{% if is_granted('ROLE_SL') %}
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'qa' %}active{% endif %}">
<a href="#" title="Quality Assurance">
<i class="fa fa-check-circle-o"></i><span class="nav-label">Quality Assurance</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu6">
{% if is_granted('ROLE_QA') %}
<li {% if app.request.attributes.get('_route') starts with 'qa_chat' %}class="active"{% endif %}><a href="{{ path('qa_chats_dashboard') }}"><i class="fa fa-caret-right"></i> Chats</a></li>
<li {% if app.request.attributes.get('_route') starts with 'qa_tickets' %}class="active"{% endif %}><a href="{{ path('qa_tickets') }}"><i class="fa fa-caret-right"></i> Tickets</a></li>
<li {% if app.request.attributes.get('_route') starts with 'qa_issues' %}class="active"{% endif %}><a href="{{ path('qa_issues') }}"><i class="fa fa-caret-right"></i> Issues</a></li>
{% endif %}
<li {% if app.request.attributes.get('_route') starts with 'qa_my_issues' %}class="active"{% endif %}><a href="{{ path('qa_my_issues') }}"><i class="fa fa-caret-right"></i> My Issues</a></li>
{#<li {% if app.request.attributes.get('_route') starts with 'qa_general_reports' %}class="active"{% endif %}><a href="{{ path('qa_general_reports') }}"><i class="fa fa-caret-right"></i> General Reports</a></li>#}
<li {% if app.request.attributes.get('_route') starts with 'qa_livechat_export' %}class="active"{% endif %}><a href="{{ path('qa_livechat_export') }}"><i class="fa fa-caret-right"></i> LiveChat Export</a></li>
</ul>
</li>
{% endif %}
{% if is_granted('ROLE_BILLING') or is_granted('ROLE_MARKETING') %}
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'billing_affiliates' %}active{% endif %}">
<a href="#" title="Affiliate Manager">
<i class="fa fa-money"></i><span class="nav-label">Affiliate Manager</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu6">
<li {% if app.request.attributes.get('_route') == 'billing_affiliates_referrals' %}class="active"{% endif %}><a href="{{ path('billing_affiliates_referrals') }}"><i class="fa fa-caret-right"></i> All referrals</a></li>
<li {% if app.request.attributes.get('_route') == 'billing_affiliates' %}class="active"{% endif %}><a href="{{ path('billing_affiliates') }}"><i class="fa fa-caret-right"></i> All affiliates</a></li>
<li {% if app.request.attributes.get('_route') == 'billing_affiliates_transactions' %}class="active"{% endif %}><a href="{{ path('billing_affiliates_transactions') }}"><i class="fa fa-caret-right"></i> All transactions</a></li>
</ul>
</li>
{% endif %}
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'misc' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-bullseye" aria-hidden="true"></i><span class="nav-label">Miscellaneous</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu8">
<li {% if app.request.attributes.get('_route') starts with 'misc_coupons' %}class="active"{% endif %}><a href="{{ path('misc_coupons') }}" {% if app.request.attributes.get('_route') starts with 'admin_settings_general' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> HostBill Coupons</a></li>
{% if is_granted('ROLE_BILLING') %}
<li {% if app.request.attributes.get('_route') starts with 'sms_log' %}class="active"{% endif %}><a href="{{ path('sms_log') }}" {% if app.request.attributes.get('_route') starts with 'admin_settings_general' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> SMS Log</a></li>
<li {% if app.request.attributes.get('_route') starts with 'sms' %}class="active"{% endif %}><a href="{{ path('sms_dashboard')}}" {% if app.request.attributes.get('_route') starts with 'admin_accounts' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> Send SMS</a></li>
{% endif %}
<li {% if app.request.attributes.get('_route') starts with 'misc_email_signatures' %}class="active"{% endif %}><a href="{{ path('misc_email_signatures') }}" {% if app.request.attributes.get('_route') starts with 'admin_settings_general' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> HTML Signature</a></li>
</ul>
</li>
{% if is_granted('ROLE_ADMIN') %}
<li class="Dashboards {% if app.request.attributes.get('_route') starts with 'admin' %}active{% endif %}">
<a href="#" title="Dashboards">
<i class="fa fa-cogs" aria-hidden="true"></i><span class="nav-label">Administration</span><i class="fa arrow"></i>
</a>
<ul class="list-unstyled collapse" id="menu8">
<li {% if app.request.attributes.get('_route') starts with 'admin_settings_general' %}class="active"{% endif %}><a href="{{ path('admin_settings_general') }}" {% if app.request.attributes.get('_route') starts with 'admin_settings_general' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> Settings</a></li>
<li {% if app.request.attributes.get('_route') starts with 'admin_notifications' %}class="active"{% endif %}><a href="{{ path('admin_notifications') }}" {% if app.request.attributes.get('_route') starts with 'admin_notifications' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> Notification Center</a></li>
<li {% if app.request.attributes.get('_route') starts with 'admin_accounts_list_accounts' %}class="active"{% endif %}><a href="{{ path('admin_accounts_list_accounts')}}" {% if app.request.attributes.get('_route') starts with 'admin_accounts' %}class="active"{% endif %}><i class="fa fa-caret-right"></i> Accounts</a></li>
</ul>
</li>
{% endif %}
</ul>

<div class="sidebar-default-visible"><hr></div>
</div>
</aside>

{% endif %}
</nav>
<div class="{% if app.user %}content{% else %}content-notlogged{% endif %}">
{% if app.user %}

<div class="sub-navbar sub-navbar__header-breadcrumbs">
<div class="container">
<div class="row">
<div class="col-lg-12 sub-navbar-column">
<div class="sub-navbar-header">
<h3>{% block pagetitle %}{% endblock %}</h3>
</div>
{#<ol class="breadcrumb navbar-text navbar-right no-bg">#}
{#<li class="current-parent"><a class="current-parent" href="{{ path('user_homepage') }}"><i class="fa fa-fw fa-home"></i></a></li>#}
{#<li><a href="{{ path('schedule_my') }}">My Schedule</a></li>#}
{#<li class="active">Starter HTML/CSS</li>#}
{#<li><a href="{{ path('shift_reports_new') }}">New Shift Report</a></li>#}
{#</ol>#}
</div>
</div>
</div>
</div>

{% endif %}
<div class="container-fluid">

<div class="row">
{% block content %}
{% endblock %}
</div>
</div>
</div>

{#
==================== RIGHT SIDE BAR ==================
<div class="right-sidebar">

<div class="container-fluid" data-target-extra-content="chatpanel2">
<div class="row">


<div class="tabbable-line">
<ul class="nav nav-tabs m-r-1 m-t-2">

<li role="presentation" class="visible-xs">
<a class="action-right-sidebar-toggle" href="javascript:void(0)" role="tab">
<span class="fa fa-times"></span>
</a>
</li>

<li class="active" role="presentation">
<a data-toggle="tab" href="#tab-calendar" role="tab"><span class="fa fa-calendar-o"></span></a>
</li>

<li role="presentation">
<a data-toggle="tab" href="#tab-statistics" role="tab"><span class="fa fa-area-chart"></span></a>
</li>

<li role="presentation">
<a data-toggle="tab" href="#right-sidebar-users" role="tab"><span class="fa fa-users"></span></a>
</li>

<li role="presentation">
<a data-toggle="tab" href="#right-sidebar-timeline" role="tab"><span class="fa fa-list"></span></a>
</li>

<li role="presentation">
<a data-toggle="tab" href="#right-sidebar-settings" role="tab"><span class="fa fa-gear"></span></a>
</li>
</ul>


<div class="tab-content vertical-scroll-container" id="myTabContent">
<div class="tab-pane fade in active p-r-1" id="tab-calendar" role="tabpanel">
<p class="small text-uppercase m-b-0 m-t-1"><strong>Weather</strong></p>

<div class="m-t-0 m-b-3">
<p class="display-4 text-white m-t-0 m-b-0">
<span>Thursday</span>
</p>
<span class="lead text-white m-t-0 m-b-0">30 May</span>
<p class="m-t-2">Partly cloudy today, temperature minimum 11º, maximum 15º</p>
<a href="../start/weather.html">More Details <i class="fa fa-angle-right"></i></a>
</div>


<table class="table table-condensed table-hover">
<thead>
<tr>
<th class="small text-muted text-uppercase">
<strong>Stock</strong>
</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-white">DOW J</td>
<td class="text-muted">17 552,89</td>
<td class="text-right"><span class="label label-danger">-0.29%</span>
</td>
</tr>
<tr>
<td class="text-white">APPL</td>
<td class="text-muted">1 987</td>
<td class="text-right"><span class="label label-success">+7.10%</span>
</td>
</tr>
<tr>
<td class="text-white">CAC</td>
<td class="text-muted">17 552,89</td>
<td class="text-right"><span class="label label-danger">-0.29%</span>
</td>
</tr>
<tr>
<td class="text-white">DAX</td>
<td class="text-muted">1 987</td>
<td class="text-right"><span class="label label-success">+7.10%</span>
</td>
</tr>
</tbody>
</table>


<table class="table m-t-2 m-b-3">
<thead>
<tr>
<th class="small text-muted text-uppercase">
<strong>Emails Today </strong>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="media">
<div class="media-left media-middle">
<a href="../apps/email-details.html">
<div class="avatar"> <img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/salleedesign/128.jpg" alt="Avatar"><i class="avatar-status avatar-status-bottom bg-success b-gray-darker"></i> </div>
</a>
</div>
<div class="media-body media-auto">
<h5 class="m-b-0"><span>Kamryn Quigley</span> <small><span>03:47</span></small></h5>
<p class="m-t-0 m-b-0"><span>Iure voluptates quis.</span></p>
<div class="btn-group" role="group">
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-reply text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-archive text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-trash text-gray-light"></i></a>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="media-left media-middle">
<a href="../apps/email-details.html">
<div class="avatar"> <img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/creartinc/128.jpg" alt="Avatar"><i class="avatar-status avatar-status-bottom bg-danger b-gray-darker"></i> </div>
</a>
</div>
<div class="media-body media-auto">
<h5 class="m-b-0"><span>Rory Crist</span> <small><span>11:16</span></small></h5>
<p class="m-t-0 m-b-0"><span>Enim quis dolor ratione.</span></p>
<div class="btn-group" role="group">
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-reply text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-archive text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-trash text-gray-light"></i></a>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="media">
<div class="media-left media-middle">
<a href="../apps/email-details.html">
<div class="avatar"> <img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/steynviljoen/128.jpg" alt="Avatar"><i class="avatar-status avatar-status-bottom bg-warning b-gray-darker"></i> </div>
</a>
</div>
<div class="media-body media-auto">
<h5 class="m-b-0"><span>Jarred Mitchell</span> <small><span>07:02</span></small></h5>
<p class="m-t-0 m-b-0"><span>Non nihil et animi quaerat totam.</span></p>
<div class="btn-group" role="group">
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-reply text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-archive text-gray-light"></i></a>
<a role="button" class="btn btn-link btn-xs" href="../apps/email-details.html"><i class="fa fa-trash text-gray-light"></i></a>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>


<table class="table table-condensed m-t-2 m-b-0">
<thead>
<tr>
<th class="small text-muted text-uppercase">
<strong>Tasks</strong>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" value="">
<a href="../apps/tasks-details.html"><span>Try to calculate the RAM circuit, maybe it will copy the digital system!</span></a>
<span class="m-t-1 small"><i class="fa fa-history small text-gray-light"></i> <span>30-Mar-2016, 08:40</span> </span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" value="" checked="checked">
<del> <a href="../apps/tasks-details.html" class="text-muted"><span>We need to hack the wireless TCP system!</span></a></del>
<span class="m-t-1 small"><i class="fa fa-history small text-gray-light"></i> <span>07-Aug-2013, 06:44</span> </span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" value="" checked="checked">
<del> <a href="../apps/tasks-details.html" class="text-muted"><span>The AI panel is down, navigate the virtual sensor so we can back up the ADP driver!</span></a></del>
<span class="m-t-1 small"><i class="fa fa-history small text-gray-light"></i> <span>11-Jan-2013, 09:21</span> </span>
</label>
</div>
</td>
</tr>
</tbody>
</table>

</div>


<div class="tab-pane fade p-r-1" id="tab-statistics" role="tabpanel">
<p class="small text-uppercase m-b-0 m-t-1"><strong>Statisticts</strong></p>

<div class="row m-t-3">
<div class="col-sm-4">
<p class="data-attributes text-center">
<span data-peity="{ "fill": ["#2A85C6", "#222D33"], "innerRadius": 20, "radius": 28 }">4/7</span>
</p>
<h5 class="m-b-0 text-center">CPU
</h5>
<p class="small m-t-0 p-t-0 text-center">76%</p>
</div>
<div class="col-sm-4">
<p class="data-attributes text-center">
<span data-peity="{ "fill": ["#2A85C6", "#222D33"], "innerRadius": 20, "radius": 28 }">6/7</span>
</p>
<h5 class="m-b-0 text-center">Drive
</h5>
<p class="small m-t-0 p-t-0 text-center">98%</p>
</div>
<div class="col-sm-4">
<p class="data-attributes text-center">
<span data-peity="{ "fill": ["#2A85C6", "#222D33"], "innerRadius": 20, "radius": 28 }">2/7</span>
</p>
<h5 class="m-b-0 text-center">Memory
</h5>
<p class="small m-t-0 p-t-0 text-center">16%</p>
</div>
</div>


<p class="small text-center text-uppercase m-t-2"><strong>Network</strong></p>
<p class="text-nowrap text-center m-t-0">
<span class="text-white small">21 KB/s</span> <i class="fa fa-level-down text-primary m-r-2"></i>
<i class="fa fa-level-up text-primary"></i> <span class="text-white small">89 KB/s</span>
</p>


<table class="table m-t-2 table-condensed v-a-m">
<thead>
<tr>
<th class="small"><i class="fa fa-database m-r-1"></i>
<span class="text-uppercase"><strong>system</strong></span></th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="small v-a-m">
<td> Disabled </td>
<td class="text-right v-a-m text-white">1:36</td>
</tr>
<tr class="small v-a-m">
<td> Processing </td>
<td class="text-right v-a-m text-white"><span>52247</span></td>
</tr>
<tr class="small v-a-m">
<td> CPU User </td>
<td class="text-right v-a-m text-white">16%</td>
</tr>
<tr class="small v-a-m">
<td> CPU System </td>
<td class="text-right v-a-m text-white">19%</td>
</tr>
<tr class="small v-a-m">
<td> CPU Free </td>
<td class="text-right v-a-m text-white">78%</td>
</tr>
</tbody>
</table>


<table class="table table-condensed v-a-m">
<thead>
<tr>
<th class="small"><i class="fa fa-wifi m-r-1"></i>
<span class="text-uppercase"><strong>Lan</strong></span></th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="small v-a-m">
<td>Wi-Fi</td>
<td class="text-right v-a-m text-white"><i class="fa fa-fw fa-sort"></i></td>
</tr>
<tr class="small v-a-m">
<td>IP</td>
<td class="text-right v-a-m text-white"><samp><span>94.188.7.246</span></samp></td>
</tr>
<tr class="small v-a-m">
<td>MAC</td>
<td class="text-right v-a-m text-white"><samp><span>c2:55:4b:2f:c3:e1</span></samp></td>
</tr>
<tr class="small v-a-m">
<td>
<i class="fa fa-long-arrow-down"></i>
</td>
<td class="text-right v-a-m text-white"><span class="m-r-1">541.00 KB/s</span>
<span>143.00 MB</span>
</td>
</tr>
<tr class="small v-a-m">
<td>
<i class="fa fa-long-arrow-up text-white"></i>
</td>
<td class="text-right v-a-m text-white"><span class="m-r-1">28.00 KB/s</span>
<span>437.00 MB</span>
</td>
</tr>
</tbody>
</table>


<ul class="list-group b-a-0 m-t-3">
<li class="list-group-item">
<i class="fa fa-hdd-o small m-r-1"></i> <span class="text-uppercase small m-t-0"><strong>Macintosh</strong> <span class="pull-right text-right text-white"><span>452.00</span></span>
</span>
<div class="progress b-r-a-0 m-t-1 m-b-1 h-3">
<div class="progress-bar" role="progressbar" style="width: 60%">
<span class="sr-only">60% Complete</span>
</div>
</div>
<span class="text-uppercase small m-t-0"><strong class="text-white"><span>620.00 GB</span></strong>
<span class="small"> / 524.00 GB</span></span>
</li>
<li class="list-group-item">
<i class="fa fa-hdd-o small m-r-1"></i> <span class="text-uppercase small m-t-2"><strong>Windows</strong>
<span class="pull-right text-right text-white"><span>190.00</span></span>
</span>
<div class="progress b-r-a-0 m-t-1 m-b-1 h-3">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
<span class="sr-only">60% Complete</span>
</div>
</div>
<span class="text-uppercase small m-t-0"><strong class="text-white"><span>930.00 GB</span></strong>
<span class="small"> / 120.00 GB</span></span>
</li>
<li class="list-group-item">
<i class="fa fa-hdd-o small m-r-1"></i> <span class="text-uppercase small m-t-2"><strong>Linux</strong>
<span class="pull-right text-right text-white"><span>360.00</span></span>
</span>
<div class="progress b-r-a-0 m-t-1 m-b-1 h-3">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">60% Complete</span>
</div>
</div>
<span class="text-uppercase small m-t-0"><strong class="text-white"><span>489.00 GB</span></strong>
<span class="small"> / 572.00 GB</span></span>
</li>
</ul>

</div>


<div class="tab-pane fade p-r-1" id="right-sidebar-users" role="tabpanel">
<p class="small text-uppercase m-b-2 m-t-1"><strong>Users with Chat</strong></p>

<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"><i class="fa fa-fw fa-search"></i></button>
</span>
</div>


<div class="m-t-1" data-target-extra-content="chatpanel">
<ul class="nav nav-pills nav-stacked">
<li role="presentation">
<p class="small text-uppercase m-t-2"><strong>Online (3)</strong></p>
</li>

<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/joshuaraichur/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-success b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Norwood Collier</span></h5>
<p class="small text-muted m-b-0"><span>Principal Tactics Director</span></p>
</div>
<div class="media-right media-middle">
<span class="badge">4</span>
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/murrayswift/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-success b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Syble Thompson</span></h5>
<p class="small text-gray-lighter m-b-0"><span>Dynamic Interactions Specialist</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/jerrybai1907/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-success b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Randy Wilkinson</span></h5>
<p class="small text-gray-lighter m-b-0"><span>Lead Creative Architect</span></p>
</div>
<div class="media-right media-middle">
<span class="badge bg-danger">13</span>
</div>
</div>
</a>
</li>

<li role="presentation">
<p class="small text-uppercase m-t-2"><strong>Busy (3)</strong></p>
</li>

<li class="collapsed" role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/buzzusborne/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-danger b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Michael Jacobson</span></h5>
<p class="small text-muted m-b-0"><span>International Program Facilitator</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/mgonto/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-danger b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Selmer Grady</span></h5>
<p class="small text-muted m-b-0"><span>Dynamic Accountability Executive</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/commadelimited/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-danger b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Mia Gulgowski</span></h5>
<p class="small text-muted m-b-0"><span>Dynamic Optimization Strategist</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>

<li role="presentation">
<p class="small text-uppercase m-t-2"><strong>Away (3)</strong></p>
</li>

<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/akmalfikri/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-warning b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Aaliyah Watsica</span></h5>
<p class="small text-muted m-b-0"><span>Central Division Specialist</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/n3dmax/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-warning b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Cedrick Brekke</span></h5>
<p class="small text-muted m-b-0"><span>Global Applications Administrator</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/michalhron/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-warning b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Craig Larson</span></h5>
<p class="small text-muted m-b-0"><span>Lead Integration Strategist</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>

<li role="presentation">
<p class="small text-uppercase m-t-2"><strong>Offline (3)</strong></p>
</li>

<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/okseanjay/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-gray-lighter b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Lorenz Bahringer</span></h5>
<p class="small text-muted m-b-0"><span>Product Factors Producer</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/ddggccaa/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-gray-lighter b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Russel Conroy</span></h5>
<p class="small text-muted m-b-0"><span>Product Paradigm Planner</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>


<li role="presentation">
<a href="#" class="extra-content-open">
<div class="media">
<div class="media-left media-middle">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/themadray/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-gray-lighter b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<h5 class="m-t-0 m-b-0"><span>Lura Smith</span></h5>
<p class="small text-muted m-b-0"><span>Corporate Group Associate</span></p>
</div>
<div class="media-right media-middle">
</div>
</div>
</a>
</li>

</ul>
</div>

<div class="right-sidebar-extra-content p-r-2" id="chatpanel">
<div class="panel panel-default m-t-3">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3"><a class="extra-content-close small" href="javascript:void(0);"><i class="fa fa-fw fa-chevron-left"></i></a></div>
<div class="col-xs-6 text-center"><span>G. Glover</span></div>
<div class="col-xs-3 text-right"><a href="#" class="text-gray-lighter"><i class="fa fa-fw fa-circle text-success"></i></a></div>
</div>
</div>
<div class="panel-body">

<div class="media">
<div class="media-left">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/charliegann/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-warning b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<div class="panel-default">
<div class="panel-body bg-gray-dark text-white b-r-a-3">
<span>Aut sit sint ex porro asperiores et aperiam omnis.</span>
</div>
</div>
<h6 class="m-t-1"><span>Guy Skiles</span> <small><span> 04:19</span></small></h6>
</div>
</div>


<div class="media m-b-0">
<div class="media-body">
<div class="panel-default">
<div class="panel-body bg-primary text-white b-r-a-3">
<span>Officiis unde enim ad.</span>
</div>
</div>
<h6 class="m-t-1"><span>Robert Bruen</span> <small><span> 07:60</span></small></h6>
</div>
<div class="media-right">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" alt="Avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jerrybai1907/128.jpg">
<i class="avatar-status avatar-status-bottom bg-danger b-brand-gray-darker"></i>
</div>
</div>
</div>


<div class="media">
<div class="media-left">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/woodydotmx/128.jpg" alt="Avatar">
<i class="avatar-status avatar-status-bottom bg-success b-brand-gray-darker"></i>
</div>
</div>
<div class="media-body">
<div class="panel-default">
<div class="panel-body bg-gray-dark text-white b-r-a-3">
<span>Et eum voluptatum consequatur doloribus amet sunt corporis. Iusto voluptatem esse et voluptatibus aut. Vero fugit voluptatibus enim sed aut. Dolorum in non quo amet. Numquam rerum recusandae vel delectus consequatur in quisquam.</span>
</div>
</div>
<h6 class="m-t-1"><span>Violette Lehner</span> <small><span>09:42</span></small></h6>
</div>
</div>


<div class="media m-b-0">
<div class="media-body">
<div class="panel-default">
<div class="panel-body bg-gray-dark text-white b-r-a-3">
<span>Voluptates dolorem minus odio.</span>
</div>
</div>
<h6 class="m-t-1"><span>Pasquale Lind</span> <small><span> 10:52</span></small></h6>
</div>
<div class="media-right">
<div class="avatar avatar-image avatar-sm">
<img class="media-object img-circle" alt="Avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/kijanmaharjan/128.jpg">
<i class="avatar-status avatar-status-bottom bg-danger b-brand-gray-darker"></i>
</div>
</div>
</div>

</div>

<div class="panel-footer">
<div class="input-group input-group-sm">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<i class="fa fa-fw fa-plus"></i>
</button>
</span>
<input type="text" class="form-control" placeholder="Your Message...">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Go!</button>
</span>
</div>
</div>

</div>
</div>

</div>


<div class="tab-pane fade p-r-1" id="right-sidebar-settings" role="tabpanel">
<p class="text-uppercase small m-t-1 m-b-2"><strong>Settings</strong></p>
<div class="row m-b-1">
<div class="col-sm-6"><span class="text-white">Notifications</span></div>
<div class="col-sm-6 text-right"> <input type="checkbox" class="js-switch-small" checked="checked"></div>
</div>
<p class="m-b-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="row m-b-1">
<div class="col-sm-6"><span class="text-white">Activity</span></div>
<div class="col-sm-6 text-right"><input type="checkbox" class="js-switch-small-primary" checked="checked"></div>
</div>
<p class="m-b-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="row m-b-1">
<div class="col-sm-6"><span class="text-white">Statisticts</span></div>
<div class="col-sm-6 text-right"><input type="checkbox" class="js-switch-small-warning" checked="checked"></div>
</div>
<p class="m-b-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="row m-b-1">
<div class="col-sm-9"><span class="text-white">Settings for Responsive</span></div>
<div class="col-sm-3 text-right"><input type="checkbox" class="js-switch-small-danger" checked="checked"></div>
</div>
<p class="m-b-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>


<div class="tab-pane fade p-r-1" id="right-sidebar-timeline" role="tabpanel">
<p class="text-uppercase small m-t-1 m-b-2"><strong>Timeline</strong></p>

<div class="timeline">

<div class="timeline-date">
<span class="badge">Today</span>
</div>
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-times-circle text-danger"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-danger label-outline">Alert</span>
<br>
<p class="text-white m-t-1"><span>I'll hack the bluetooth TCP driver, that should circuit the EXE panel!</span></p>
<p class="text-nowrap small"><span>21-Nov-2015, 02:08</span>
</p>
</div>
</div>

</div>
</div>
</div>


<div class="timeline">
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-exclamation-circle text-warning"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-warning label-outline">Warning</span>
<br>
<p class="text-white m-t-1"><span>If we generate the driver, we can get to the SSL pixel through the digital PNG system!</span></p>
<p class="text-nowrap small"><span>21-Jan-2016, 03:20</span>
</p>
</div>
</div>

</div>
</div>
</div>


<div class="timeline">
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-info-circle text-info"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-info label-outline">Info</span>
<br>
<p class="text-white m-t-1">15 Files Uploaded</p>
<p class="text-nowrap small"><span>11-May-2016, 01:28</span>
</p>
<i class="m-l-1 fa fa-file-text-o fa-fw"></i> read_me.txt<br>
<i class="m-l-1 fa fa-file-zip-o fa-fw"></i> all-files.zip<br>
<i class="m-l-1 fa fa-file-word-o fa-fw"></i> alice-feedback.doc<br>
<span class="badge m-t-1 m-b-1">+12</span>
</div>
</div>

</div>
</div>
</div>


<div class="timeline">
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-plus-circle text-primary"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-primary label-outline">Message</span>
<br>
<p class="text-white m-t-1">6 users have been accepted by the Admin</p>
<p class="text-nowrap small"><span>28-Sep-2013, 04:41</span>
</p>
<div class="m-b-1">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/lvovenok/128.jpg" alt="Avatar">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/louis_currie/128.jpg" alt="Avatar">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/bergmartin/128.jpg" alt="Avatar">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/manekenthe/128.jpg" alt="Avatar">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/mhaligowski/128.jpg" alt="Avatar">
<img class="img-circle avatar avatar-sm" src="https://s3.amazonaws.com/uifaces/faces/twitter/rpatey/128.jpg" alt="Avatar">
</div>
</div>
</div>

</div>
</div>
</div>


<div class="timeline">

<div class="timeline-date">
<span class="badge">Yesterday</span>
</div>
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-check-circle text-success"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-success label-outline">Success</span>
<br>
<p class="text-white m-t-1"><span>If we transmit the card, we can get to the EXE transmitter through the wireless GB hard drive!</span></p>
<p class="text-nowrap small"><span>04-Feb-2011, 04:27</span>
</p>
<p><span>Maiores optio et pariatur cupiditate unde natus.</span></p>
</div>
</div>

</div>
</div>
</div>


<div class="timeline">
<div class="timeline-item p-r-1">

<div class="timeline-icon">
<i class="fa fa-fw fa-circle text-gray"></i>
</div>

<div class="timeline-item-head clearfix m-b-0">


<div class="row">
<div class="col-lg-12 m-l-1">
<span class="label label-gray label-outline">Obsolete</span>
<br>
<del><p class="m-t-1"><span>The CSS program is down, copy the cross-platform system so we can index the SMS sensor!</span></p></del>
<p class="text-nowrap small"><span>23-Mar-2016, 06:10</span>
</p>
</div>
</div>

</div>
</div>
</div>

</div>

</div>
</div>
</div>
</div>

<div class="right-sidebar-extra-content" id="chatpanel2">
<a href="#" class="extra-content-close">Back</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id, ipsa, rem. Accusantium autem blanditiis dolor ducimus earum eius eligendi, eos est exercitationem id illo in mollitia neque optio pariatur placeat quisquam recusandae reiciendis repellat reprehenderit. Amet at deleniti dicta distinctio dolorem eveniet hic id, iusto magnam maxime modi officiis perspiciatis porro praesentium quas, recusandae repudiandae rerum tempora totam unde velit voluptate, voluptatem. Alias consequatur consequuntur et nisi quibusdam quo quos ut. Asperiores commodi deserunt dicta dolor eligendi ex fugit, harum itaque laborum maiores mollitia nam nihil obcaecati officiis quae quis repellendus tenetur voluptate. Eos ratione saepe voluptatibus? Animi, illo magni!</p>
</div>

</div>
#}

<footer>
<div class="container-fluid">
<p class="text-gray-dark">
© Alice CMS is created with compliments to <a href="https://wpx.net"><strong>WPX Hosting</strong></a>
</p>
</div>
</footer>
</div>

{% if app.user %}

<script>
{% set contentType = app.request.get('_route') %}
let contentType = '{{ contentType }}';
let popupNotifications = {{ app.user.popupNotifications ? 1 : 0 }};
let viewChats = '{{ path('personal_feedback_chats') }}';
let viewTickets = '{{ path('personal_feedback_tickets') }}';
let viewIssues = '{{ path('qa_my_issues') }}';
const KICK_LC_USER_URL = '{{ path('misc_livechat_kick_user') }}';
const MARK_READ_URL = '{{ path('notifications_mark_read') }}';
const PULL_DATA_URL = '{{ path('pull_data') }}';
const UPDATE_SHIFT_URL = "{{ path('schedule_update_shift') }}";
const REFRESH_HOURS = "{{ path('schedule_refresh_hours') }}";
const APPROVE_SHIFT_URL = "{{ path('schedule_approve_shift') }}";
const CLEAR_SHIFTS_URL = "{{ path('schedule_update_clearall') }}";
const UPDATE_NOTE_URL = "{{ path('schedule_update_note') }}";
const SORT_AGENTS_URL = "{{ path('schedule_update_order') }}";
const QA_CONVERT_URL = '{{ path('qa_action_convert') }}';
const QA_MARK_REVIEWED_URL = '{{ path('qa_action_mark_reviewed') }}';
const QA_ADD_COMMENT_URL = '{{ path('qa_action_submit_comment') }}';
const QA_DELETE_COMMENT_URL = '{{ path('qa_action_delete_comment') }}';
const QA_SUBMIT_REPLY_URL = '{{ path('qa_issues_action_submit_reply') }}';
const QA_UPDATE_STATUS_URL = '{{ path('qa_issues_action_update_status') }}';
const QA_UPDATE_ASSIGN_URL = '{{ path('qa_issues_action_update_assign') }}';
const QA_REOPEN_ISSUE = '{{ path('qa_issues_action_reopen') }}';
const QA_ADD_TO_REPORT_URL = '{{ path('qa_chats_action_add_to_report') }}';
const QA_UPDATE_FOLLOW = '{{ path('qa_action_update_follow') }}';
const QA_CHATS_AUTO_RETRIEVE_URL = '{{ path('qa_ajax_retrieve_chats') }}';
const QA_FOLLOWUP_ISSUES_AUTO_RETRIEVE_URL = '{{ path('qa_ajax_retrieve_followup_issues') }}';
const QA_ISSUES_AUTO_RETRIEVE_URL = '{{ path('qa_ajax_retrieve_issues') }}';
const QA_TICKETS_AUTO_RETRIEVE_URL = '{{ path('qa_ajax_retrieve_tickets') }}';
const AS_EDIT_USER = "{{ path('admin_settings_users_edit') }}";
const AS_EDIT_POSITION = "{{ path('admin_settings_positions_edit') }}";
const AS_EDIT_DEPARTMENT = "{{ path('admin_settings_departments_edit') }}";
const AS_DEPARTMENTS_SORT = "{{ path('admin_settings_departments_sort') }}";
const AS_DEPARTMENTS_ADD = "{{ path('admin_settings_departments_add') }}";
const AS_DEPARTMENTS_REMOVE = "{{ path('admin_settings_departments_remove') }}";
const AS_DEPARTMENTS_POS_REMOVE = "{{ path('admin_settings_positions_remove') }}";
const AS_DEPARTMENTS_POS_ADD = "{{ path('admin_settings_position_add') }}";
const AS_SHIFTS_SORT = "{{ path('admin_settings_manage_shifts_sort') }}";
const AS_SHIFTS_ADD = "{{ path('admin_settings_manage_shifts_add') }}";
const AS_SHIFTS_EDIT = "{{ path('admin_settings_manage_shifts_edit') }}";
const AS_SHIFTS_DELETE = "{{ path('admin_settings_manage_shifts_delete') }}";
const PL_GET_EVENTS_URL = '{{ path('retrieve_events') }}';
const PL_ACTION_URL = '{{ path('leave_requests_action') }}';
const PL_EXPORT_ALL_LEAVE_REQUESTS = "{{ path('export_all_leave_requests') }}";
const PL_REQUEST_DOCUMENT_DOWNLOAD = "{{ path('download_pl_document') }}";
const AFF_ADD_PAYMENT_METHOD = '{{ path('billing_affiliates_profile_payment_add') }}';
const AFF_EDIT_PAYMENT_METHOD = '{{ path('billing_affiliates_profile_payment_edit') }}';
const AFF_EDIT_PLAN = '{{ path('billing_affiliates_profile_plan_edit') }}';
const AFF_EDIT_REFERRAL = '{{ path('billing_affiliates_referral_edit') }}';
const AFF_ADD_TRANSACTION = '{{ path('billing_affiliates_transaction_add') }}';
const SMS_SEND = '{{ path('sms_send_custom_message') }}';
const SMS_MANAGE_TEMPLATE = '{{ path('manage_sms_templates') }}';
const SMS_MANAGE_AUTOMATIC_NOTIFICATIONS = '{{ path('manage_automatic_notifications') }}';
const SMS_DASHBOARD = '{{ path('sms_dashboard') }}';
const AFFILIATE_NOTES = '{{ path('billing_affiliates_notes') }}';
const AFFILIATE_NOTES_ADD = '{{ path('billing_affiliates_notes_add') }}';
const AFFILIATE_NOTES_DELETE = '{{ path('billing_affiliates_notes_delete') }}';
const REFERRAL_NOTES = '{{ path('billing_referrals_affiliates_notes') }}';
const REFERRAL_NOTES_ADD = '{{ path('billing_affiliates_refferals_notes_add') }}';
const REFERRAL_NOTES_DELETE = '{{ path('billing_affiliates_refferals_notes_delete') }}';
const AFFILIATE_TRANSACTION_REVERT = '{{ path('billing_affiliates_transaction_revert') }}';
</script>
<script src="{{ asset('js/aliceApp/datatable-custom.js') }}?ver=1.1"></script>
<script>
let main = new General();
$(document).ready(function () {
{% for label, messages in app.flashes %}
{% for message in messages %}
main.fireNotification('{{ label }}', 'toast-bottom-right', '{{ message }}', 'System message:', true);
{% endfor %}
{% endfor %}
$('.dropdown-toggle').dropdown();
});
function ticketUrl(id) {
let urlTicket = '{{ path('qa_ticket_view', {'id': 'replaceID'}) }}';
return urlTicket.replace('replaceID', id);
}
function chatUrl(id, isPopup) {
let urlChat = (isPopup) ? '{{ path('qa_chat_view_popup', {'id': 'replaceID'}) }}' : '{{ path('qa_chat_view', {'id': 'replaceID'}) }}';
return urlChat.replace('replaceID', id);
}
function notificationUrl(id) {
let urlNotification = '{{ path('user_notifications_view_message', {'id': 'replaceID'}) }}';
return urlNotification.replace('replaceID', id);
}
main.initializeLoadBox();
main.initializeCategoriesSlider();
let pull = main.pullData();
pull();
setInterval(pull, 300000);
</script>
{% endif %}
{% block footerJS %}
{% endblock %}
<script src="{{ asset('js/app/helpers.js') }}"></script>
<script src="{{ asset('js/app/layoutControl.js') }}"></script>
<script src="{{ asset('js/app/rightSidebar.js') }}"></script>
<script src="{{ asset('js/app/sidebar.js') }}"></script>
<script src="{{ asset('js/app/main.js') }}"></script>
<script>
$(function () {
// Workaround for bugged scrolling on mobile devices.
let sidebar = $('.sidebar');
sidebar.removeAttr('data-ps-id');
sidebar.removeClass('ps-container ps-theme-default');
});
</script>
{% block alertsJS %}
{% endblock %}
</body>
{% endblock %}
</html>

app/Resources/views/base.html.twig line 1