{# empty Twig template #}
    <section>
        <!-- Left Sidebar -->
        <aside id="leftsidebar" class="sidebar">
            <!-- User Info -->
            {% include "logo.html.twig" %}
            <!-- #User Info -->
			{% set menuArr = [] %}
			{% for mid,menudata in menu %}
				{% set menuArr = menuArr|merge([menudata.menu_link]) %}
			{% endfor %}

            <!-- Menu -->
            <div class="menu">
                <ul class="list">
                    <li class="header">Settings Menu</li>                   
                    <li class="usermanagement" {% if 'usermanagement' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('usermodule') }}" id="usermanagement" onclick="getMenu(this.id)">
                            <!--<i class="material-icons">show_chart</i>-->
                            <i class="material-icons">person </i> <span>User Management</span>
                        </a>
                    </li>
                    <li class="hperateupload"  {% if 'hperateupload' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('hperateupload') }}" id="hperateupload" onclick="getMenu(this.id)">
                            <!--<i class="material-icons">show_chart</i>-->
                            <i class="material-icons">upload </i> <span>HPE Rate Upload</span>
                        </a>
                    </li>
                    <li class="hpemastersheetexport" {% if 'hpemastersheetexport' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('hpemastersheetexport') }}" id="hpemastersheetexport" onclick="getMenu(this.id)">
                            <i class="material-icons">download </i> <span>Master Export</span>
                        </a>
                    </li>
                     <li class="hpeaudiotorratecard" {% if 'hpeaudiotorratecard' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('hpeaudiotorratecard') }}" id="hpeaudiotorratecard" onclick="getMenu(this.id)">
                            <i class="material-icons">download </i> <span>Auditor Rate Card Export</span>
                        </a>
                    </li>
                    <li class="hpeexporthistory"  {% if 'hpeexporthistory' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('hpeexporthistory') }}" id="hpeexporthistory" onclick="getMenu(this.id)">
                            <i class="material-icons">history </i> <span>HPE Export History</span>
                        </a>
                    </li>
                    <li class="hpeaccessorial"  {% if 'hpeaccessorial' in menuArr %}hidden{% endif %}>
                        <a href="{{ path('hpeaccessorial') }}" id="hpeaccessorial" onclick="getMenu(this.id)">
                            <i class="material-icons">dock </i> <span>HPE Accessorial</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- #Menu -->
            
            <!-- Footer -->
            <div class="legal">
                <div class="copyright">
                    Copyright &copy; {% set currentYear = "now"|date("Y") %}{{ currentYear }} <a href="javascript:void(0);">Rate Shopper</a><br> Powered By eSales Software Solutions.
                </div>
            </div>
            <!-- #Footer -->
        </aside>
        <!-- #END# Left Sidebar -->
        <!-- Right Sidebar -->
        <aside id="rightsidebar" class="right-sidebar">
            <ul class="nav nav-tabs tab-nav-right" role="tablist">
                <li role="presentation"><a href="#skins" data-toggle="tab">SKINS</a></li>
                <li role="presentation" class="active"><a href="#settings" data-toggle="tab">SETTINGS</a></li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade" id="skins">
                </div>
                <div role="tabpanel" class="tab-pane fade in active in active" id="settings">
                    <div class="demo-settings">
                        <p>GENERAL SETTINGS</p>
                        <ul class="setting-list">
                            <li>
                                <span>Rating Calculator</span>
                                <div class="switch">
                                    <label><input type="checkbox" checked><span class="lever"></span></label>
                                </div>
                            </li>
                            
                        </ul>
                        
                    </div>
                </div>
            </div>
        </aside>
        <!-- #END# Right Sidebar -->
    </section>
    
    <!-- WIDGET -->
    
        <section class="content"> 
            <a href="#" class="float addprovider_show hidden" data-toggle="modal" id="addprovider_show" data-target="#newaddprovider" >
                <img src="{{ asset('assets/images/Calculator/icons8-estimate-24.png') }}" style="width:20px; margin-top:8px;margin-left: -8px;" data-toggle="tooltip" data-placement="left" data-original-title="Rate Calculator">
            </a>
            <div class="container-fluid">
            <!--- CARRIER CONFIGURATION -->
            <div class="row clearfix" id="card_row" >
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 providers headerwidget hidden" id="providers_widget">
                    <a  href="javascript:void(0)"  onclick="fn()" style="text-decoration: none;" id="providers" onclick="getMenu(this.id)">
                        <div class="info-box bg-cyan hover-expand-effect" style="cursor: pointer">
                            <div class="icon">
                                <i class="material-icons">flight_takeoff</i>
                            </div>
                            <div class="content">
                                <div class="text">Carrier Configurations</div>
                                <div class="number count-to" data-from="0" data-to="257" data-speed="1000" data-fresh-interval="20">{{carrierconfigcount}}</div> 
                            </div>
                        </div>
                    </a>
                </div>
                
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 location headerwidget hidden" id="location_widget">
                    <a  href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;" id="location" onclick="getMenu(this.id)">
                        <div class="info-box-2 bg-light-green hover-expand-effect" style="cursor: pointer">
                            <div class="icon">
                                <i class="material-icons">store</i>
                            </div>
                            <div class="content">
                                <div class="text"> Warehouse Locations</div>
                                <div class="number">{{locationcount}}</div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 js-sweetalert headerwidget hidden">
                    <a href="javascript:void(0);" data-type="data_analy" style="text-decoration: none;">
			<div class="info-box-2 bg-orange hover-expand-effect" style="cursor: pointer">
                            <div class="icon " style='background-color: rgba(0, 0, 0, .12) !important;'>
                                <i class="material-icons">equalizer </i>
                            </div>
                            <div class="content">
                                <div class="text">Data Analytics</div>
				<div class="number"></div>
                            </div>
                        </div>
                    </a>
                </div>                    
            </div>
                            
            <!--- ACCOUNT MANAGEMENT -->               
            <div class="row clearfix hidden" id="Accountmanagement_widget" >
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>        
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-orange hover-expand-effect">
                            <div class="icon"><i class="material-icons">supervisor_account</i></div>
                            <div class="content">
                                <div class="text"> Account Managements</div>
                                 <div class="number">1</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            
            
            <!--- USER MANAGEMENT -->  
            <div class="row clearfix hidden" id="usermanagement_widget">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>				
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-green hover-expand-effect">
                            <div class="icon"> <i class="material-icons">person</i></div>
                                <div class="content">
                                    <div class="text">User Management</div>
                                    <div class="number">{{ user_count }}</div>
                                </div>
                        </div>
                    </a>	
                </div>
            </div>
            
               <!--- Rate Shopper Default Settings -->
            <div class="row clearfix hidden" id="menuAccess_widget">
                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>					
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-light-blue hover-expand-effect">
                            <div class="icon">
                                <i class="material-icons">help</i>
                            </div>
                            <div class="content">
                                <div class="text">Role Access Settings</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
                                
            <!--- Rate Shopper Default Settings -->
            <div class="row clearfix hidden" id="defaultconfig_widget">
                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>					
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-red hover-expand-effect">
                            <div class="icon">
                                <i class="material-icons">layers</i>
                            </div>
                            <div class="content">
                                <div class="text">Rate Shopper Default Settings</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            
            
         
            
            
            <!--- INTEGRATION -->                   
            <div class="row clearfix hidden" id="integration_widget">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-indigo hover-expand-effect">
                            <div class="icon">
                                <i class="material-icons">swap_horiz</i>
                            </div>
                            <div class="content">
                                <div class="text">Integration</div>
                                <div class="number"></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>  
			
			 <!--- HPE Rate Upload -->  
            <!-- <div class="row clearfix hidden" id="hperateupload_widget">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>				
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-green hover-expand-effect">
                            <div class="icon"> <i class="material-icons">upload</i></div>
                                <div class="content">
                                    <div class="text">HPE Rate Upload</div>
                                    <!-- <div class="number">{{ user_count }}</div> -##->
                                </div>
                        </div>
                    </a>	
                </div>
            </div> -->
			
			 <!--- HPE File History -->  
            <!-- <div class="row clearfix hidden" id="hpefilehistory_widget">
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>				
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-green hover-expand-effect">
                            <div class="icon"> <i class="material-icons">history</i></div>
                                <div class="content">
                                    <div class="text">HPE File History</div>
                                </div>
                        </div>
                    </a>	
                </div>
            </div> -->
			                     
            <!--- Rate Shopper Default Settings -->
            <div class="row clearfix hidden" id="clientconfig_widget">
                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                </div>					
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 m-t-20">
                    <a href="javascript:void(0)"  onclick="fn()" style="text-decoration:none;">
                        <div class="info-box-2 bg-deep-orange hover-expand-effect">
                            <div class="icon">
                                <i class="material-icons">layers</i>
                            </div>
                            <div class="content">
                                <div class="text">Client Configuration</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            
            </div>
        </section>
                           
                             
<script>       
    function getMenu(data)        
    {   
        localStorage.setItem('menu',data);
    }
    $(document).ready(function(){
         var getStoredObj = localStorage.getItem('menu');
		 curmenu = window.location.href.split("/").pop();
		 if(curmenu == '')
			curmenu = 'hperateupload';
		 if(getStoredObj != '' && getStoredObj != null)
         {
            $('.list li.active').removeClass('active');
            $("."+getStoredObj).addClass("active"); 
            
            $('#'+getStoredObj+'_widget').removeClass('hidden');
            
             if(getStoredObj == "location" || getStoredObj == "providers" ){
                 $('#'+getStoredObj+'_widget').before("<div class='col-lg-4 col-md-4 col-sm-6 col-xs-12'></div>");
             }
        }else{
			$(".menu").find("."+curmenu).addClass('active');
		}
    });
</script>