{% extends '::base.html.twig' %}

{% block layout %}
    <!-- #section:basics/navbar.layout -->
    <div id="navbar" class="navbar navbar-default navbar-fixed-top">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container">
    <!-- #section:basics/sidebar.mobile.toggle -->
    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
        <span class="sr-only">Toggle sidebar</span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>
    </button>

    <!-- /section:basics/sidebar.mobile.toggle -->
    <div class="navbar-header pull-left">
        <!-- #section:basics/navbar.layout.brand -->
        <a href="#" class="navbar-brand">
            <small>
                <img src="{{ asset('bundles/genuinecore/images/smartnet_brand.png') }}" />
            </small>
        </a>

        <!-- /section:basics/navbar.layout.brand -->

        <!-- #section:basics/navbar.toggle -->

        <!-- /section:basics/navbar.toggle -->
    </div>

    <!-- #section:basics/navbar.dropdown -->
    <div class="navbar-buttons navbar-header pull-right" role="navigation">
    <ul class="nav ace-nav">

    <li class="grey">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="ace-icon fa fa-bell"></i>
            <span class="badge badge-grey">{{ app.user.TicketNotificationsNotRead|length }}</span>
        </a>

        <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header">
                <i class="ace-icon fa fa-exclamation-triangle"></i>
                {{ app.user.TicketNotificationsNotRead|length }} New Notifications
            </li>

            <li class="dropdown-content">
                <ul class="dropdown-menu dropdown-navbar">
                    {% for notification in app.user.ticketNotificationsNotRead %}
                    <li>
                        <a href="{{ path('genuine_ticket_view', {code: notification.ticket.ticketCode}) }}">
                            <div class="clearfix">
                                <span class="pull-left">
                                    <i class="btn btn-xs no-hover btn-blue fa fa-comment"></i>
                                    {{ notification.notificationText }}
                                </span>
                            </div>
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </li>
            {% if app.user.TicketNotificationsNotRead|length > 0 %}
            <li class="dropdown-footer">
                <a href="{{ path('genuine_ticket_notifications_mark_read') }}">
                    Mark all as read
                    <i class="ace-icon fa fa-arrow-right"></i>
                </a>
            </li>
            {% endif %}
        </ul>
    </li>

    <!-- #section:basics/navbar.user_menu -->
    <li class="light-blue">
        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
            <img class="nav-user-photo" src="{{ asset((app.user.profilePic) ? app.user.profilePic : '/bundles/genuinecore/avatars/profile-pic.jpg') }}" alt="{{ app.user.name }}'s Photo" />
            <span class="user-info">
                <small>Welcome,</small>
                {{ app.user.name }}
            </span>

            <i class="ace-icon fa fa-caret-down"></i>
        </a>

        <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
<!--
            <li>
                <a href="#">
                    <i class="ace-icon fa fa-cog"></i>
                    Settings
                </a>
            </li>
-->
            <li>
                <a href="{{ path('genuine_user_profile_view') }}">
                    <i class="ace-icon fa fa-user"></i>
                    Profile
                </a>
            </li>

            <li class="divider"></li>

            <li>
                <a href="{{ path('logout') }}">
                    <i class="ace-icon fa fa-power-off"></i>
                    Logout
                </a>
            </li>
        </ul>
    </li>

    <!-- /section:basics/navbar.user_menu -->
    </ul>
    </div>

    <!-- /section:basics/navbar.dropdown -->
    </div><!-- /.navbar-container -->
    </div>

    <!-- /section:basics/navbar.layout -->
    <div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <!-- #section:basics/sidebar -->
    <div id="sidebar" class="sidebar responsive sidebar-fixed sidebar-scroll">
    <script type="text/javascript">
        try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <a href="{{ path('genuine_core_home') }}" class="btn btn-success">
                <i class="ace-icon fa fa-signal"></i>
            </a>

            <a href="{{ path('genuine_ticket_create') }}" class="btn btn-info">
                <i class="ace-icon fa fa-pencil"></i>
            </a>

            <!-- #section:basics/sidebar.layout.shortcuts -->
            <a href="{{ path('genuine_knowledgeBase_list') }}" class="btn btn-warning">
                <i class="ace-icon fa fa-file"></i>
            </a>
            {% if is_granted('ROLE_ADMIN') %}
                <a href="{{ path('genuine_core_settings') }}" class="btn btn-danger">
                    <i class="ace-icon fa fa-cogs"></i>
                </a>
            {% endif %}

            <!-- /section:basics/sidebar.layout.shortcuts -->
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div><!-- /.sidebar-shortcuts -->

    <ul class="nav nav-list">
    <li class="{{ 'dashboard' in app.request.attributes.get('_route') ? 'active' }}">
        <a href="{{ path('genuine_core_home') }}">
            <i class="menu-icon fa fa-tachometer"></i>
            <span class="menu-text"> Dashboard </span>
        </a>

        <b class="arrow"></b>
    </li>

    <li class="{{ 'ticket' in app.request.attributes.get('_route') ? 'active open' }}">
        <a class="dropdown-toggle" href="#">
            <i class="menu-icon fa fa-list"></i>
            <span class="menu-text"> Tickets </span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="{{ (app.request.attributes.get('_route') == 'genuine_ticket_list') and (app.request.get('status') == 'all') ? 'active' }}">
                <a href="{{ path('genuine_ticket_list', {status: "all"}) }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    All
                </a>
                <b class="arrow"></b>
            </li>
            <li class="{{ (app.request.attributes.get('_route') == 'genuine_ticket_list') and (app.request.get('status') == 'open') ? 'active' }}">
                <a href="{{ path('genuine_ticket_list', {status: "open"}) }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Open
                </a>
                <b class="arrow"></b>
            </li>
            <li class="{{ (app.request.attributes.get('_route') == 'genuine_ticket_list') and (app.request.get('status') == 'closed') ? 'active' }}">
                <a href="{{ path('genuine_ticket_list', {status: "closed"}) }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Closed
                </a>
                <b class="arrow"></b>
            </li>
            <li class="{{ app.request.attributes.get('_route') == 'genuine_ticket_create' ? 'active' }}">
                <a href="{{ path('genuine_ticket_create') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Create
                </a>
                <b class="arrow"></b>
            </li>
            {% if is_granted('ROLE_STAFF') %}
                <li>
                    <a href="{{ path('genuine_ticket_report_download', {type: 'summary'}) }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Export Summary Report
                    </a>
                </li>
                <li>
                    <a href="{{ path('genuine_ticket_report_download', {type: 'detail'}) }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Export Details Report
                    </a>
                </li>
            {% endif %}
        </ul>
    </li>
    {% if is_granted('ROLE_ADMIN') %}
    <li class="{{ 'group' in app.request.attributes.get('_route') ? 'active open' }}">
        <a href="#" class="dropdown-toggle">
            <i class="menu-icon fa fa-group"></i>
            <span class="menu-text"> Groups </span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="{{ app.request.attributes.get('_route') == 'genuine_group_list' ? 'active' }}">
                <a href="{{ path('genuine_group_list') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    List
                </a>
                <b class="arrow"></b>
            </li>
                <li class="{{ app.request.attributes.get('_route') == 'genuine_group_create' ? 'active' }}">
                    <a href="{{ path('genuine_group_create') }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Create
                    </a>
                    <b class="arrow"></b>
                </li>
            </ul>
    </li>
    {% endif %}
    {% if is_granted('ROLE_STAFF') %}
    <li class="{{ 'staff' in app.request.attributes.get('_route') ? 'active open' }}">
        <a href="#" class="dropdown-toggle">
            <i class="menu-icon fa fa-support"></i>
            <span class="menu-text"> Staff </span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="{{ app.request.attributes.get('_route') == 'genuine_user_staff_list' ? 'active' }}">
                <a href="{{ path('genuine_user_staff_list') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    List
                </a>
                <b class="arrow"></b>
            </li>
            {% if is_granted('ROLE_ADMIN') %}
                <li class="{{ app.request.attributes.get('_route') == 'genuine_admin_staff_create' ? 'active' }}">
                    <a href="{{ path('genuine_admin_staff_create') }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Create
                    </a>
                    <b class="arrow"></b>
                </li>
            {% endif %}
            <li class="{{ app.request.attributes.get('_route') == 'genuine_staff_download_report' ? 'active' }}">
                <a href="{{ path('genuine_staff_download_report', {type: 'summary'}) }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Export Summary Report
                </a>
            </li>
            <li class="{{ app.request.attributes.get('_route') == 'genuine_staff_download_report' ? 'active' }}">
                <a href="{{ path('genuine_staff_download_report', {type: 'detail'}) }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Export Detail Report
                </a>
            </li>
        </ul>
    </li>
    {% endif %}

    {% if is_granted('ROLE_STAFF') %}
    <li class="{{ 'customer' in app.request.attributes.get('_route') ? 'active open' }}">
        <a href="#" class="dropdown-toggle">
            <i class="menu-icon fa fa-user"></i>
            <span class="menu-text"> Customer </span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="{{ app.request.attributes.get('_route') == 'genuine_user_customer_list' ? 'active' }}">
                <a href="{{ path('genuine_user_customer_list') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    List
                </a>
                <b class="arrow"></b>
            </li>
            {% if is_granted('ROLE_ADMIN') %}
            <li class="{{ app.request.attributes.get('_route') == 'genuine_admin_customer_create' ? 'active' }}">
                <a href="{{ path('genuine_admin_customer_create') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Create
                </a>
                <b class="arrow"></b>
            </li>
            {% endif %}
        </ul>
    </li>
    {% endif %}
    <li class="{{ 'knowledgeBase' in app.request.attributes.get('_route') ? 'active open' }}">
        <a href="{{ path('genuine_knowledgeBase_list') }}" class="dropdown-toggle">
            <i class="menu-icon fa fa-file"></i>
            <span class="menu-text"> Knowledge Base </span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="{{ app.request.attributes.get('_route') == 'genuine_knowledgeBase_list' ? 'active' }}">
                <a href="{{ path('genuine_knowledgeBase_list') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    List
                </a>
                <b class="arrow"></b>
            </li>
            {% if is_granted('ROLE_STAFF') %}
            <li class="{{ app.request.attributes.get('_route') == 'genuine_knowledgeBase_create' ? 'active' }}">
                <a href="{{ path('genuine_knowledgeBase_create') }}">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Create
                </a>
                <b class="arrow"></b>
            </li>
            {% endif %}
            {% if is_granted('ROLE_STAFF') %}
                <li class="{{ 'knowledgeBase_category' in app.request.attributes.get('_route') ? 'active' }}">
                    <a class="dropdown-toggle" href="#">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Category
                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow fa fa-angle-down"></b>
                    <ul class="submenu nav-show">
                        <li class="">
                            <a href="{{ path('genuine_knowledgeBase_category_list') }}">
                                <i class="menu-icon fa fa-eye pink"></i>List
                            </a>
                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="{{ path('genuine_knowledgeBase_category_create') }}">
                                <i class="menu-icon fa fa-plus purple"></i>Create
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            {% endif %}
        </ul>
    </li>
        {% if is_granted('ROLE_STAFF') %}
        <li class="{{ 'project' in app.request.attributes.get('_route') ? 'active open' }}">
            <a href="{{ path('genuine_project_list') }}" class="dropdown-toggle">
                <i class="menu-icon fa fa-cubes"></i>
                <span class="menu-text"> Project </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li class="{{ app.request.attributes.get('_route') == 'genuine_project_list' ? 'active' }}">
                    <a href="{{ path('genuine_project_list') }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        List
                    </a>
                    <b class="arrow"></b>
                </li>
                {% if is_granted('ROLE_ADMIN') %}
                <li class="{{ app.request.attributes.get('_route') == 'genuine_project_create' ? 'active' }}">
                    <a href="{{ path('genuine_project_create') }}">
                        <i class="menu-icon fa fa-caret-right"></i>
                        Create
                    </a>
                    <b class="arrow"></b>
                </li>
                {% endif %}
            </ul>
        </li>
        {% endif %}
    </ul><!-- /.nav-list -->

        <!-- #section:basics/sidebar.layout.minimize -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
        <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>

    <!-- /section:basics/sidebar.layout.minimize -->
    <script type="text/javascript">
        try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
    </script>
    </div>

    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="breadcrumbs" id="breadcrumbs">
            <script type="text/javascript">
                try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
            </script>
            {% block content_breadcrumb %}

            {% endblock %}
            <!-- #section:basics/content.searchbox
            <div class="nav-search" id="nav-search">
                <form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="ace-icon fa fa-search nav-search-icon"></i>
							</span>
                </form>
            </div><!-- /.nav-search -->

            <!-- /section:basics/content.searchbox -->
        </div>

        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
            <!-- #section:settings.box -->

            <!-- /section:settings.box -->
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">
                        {% block content_header %}
                        {% endblock %}
                        {% for flashMessage in app.session.flashbag.get('error') %}
                            <div class="alert alert-danger">
                                <button class="close" data-dismiss="alert" type="button">
                                    <i class="ace-icon fa fa-times"></i>
                                </button>
                                <strong>
                                    <i class="ace-icon fa fa-times"></i>
                                    Error!
                                </strong>
                                {{ flashMessage }}
                                <br>
                            </div>
                        {% endfor %}
                        {% for flashMessage in app.session.flashbag.get('success') %}
                            <div class="alert alert-block alert-success">
                                <button class="close" data-dismiss="alert" type="button">
                                    <i class="ace-icon fa fa-times"></i>
                                </button>
                                <p>
                                    <strong>
                                        <i class="ace-icon fa fa-check"></i>
                                        Success!
                                    </strong>
                                    {{ flashMessage }}
                                </p>
                            </div>
                        {% endfor %}
                        {% for flashMessage in app.session.flashbag.get('notice') %}
                            <div class="alert alert-info">
                                <button class="close" data-dismiss="alert" type="button">
                                    <i class="ace-icon fa fa-times"></i>
                                </button>
                                <strong>Notice!</strong>
                                {{ flashMessage }}
                                <br>
                            </div>
                        {% endfor %}
                        <!-- PAGE CONTENT BEGINS -->
                        {% block content %}
                        {% endblock %}
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content-area -->
        </div><!-- /.page-content -->
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <!-- #section:basics/footer -->
            <div class="footer-content">
						<span class="bigger-120">
                            Powered by
							<span class="blue bolder">
                                <a href="http://www.iteam.co.com" target="_blank">
                                    iTeam
                                </a>
                            </span>
							&copy; {{ "now"|date("Y") }}
						</span>

                &nbsp; &nbsp;
						<span class="action-buttons">
							<a href="#">
                                <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
                            </a>

							<a href="#">
                                <i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
                            </a>

							<a href="#">
                                <i class="ace-icon fa fa-rss-square orange bigger-150"></i>
                            </a>
						</span>
            </div>

            <!-- /section:basics/footer -->
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
    </div><!-- /.main-container -->
{% endblock %}
{% block page_inline_scripts %}
    <!-- Pure Chat Snippet -->
    <script type='text/javascript'>
        (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://widget.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({ c: '6404647e-c747-4849-ba62-192a5be1a7c6', f: true }); done = true; } }; })();
    </script>
    <!-- End Pure Chat Snippet -->
{% endblock %}