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

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>DMA - Customer List Manager</title>

    <!-- Bootstrap Core CSS -->
    <link href="/theme/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="/theme/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">


    <!-- DataTables CSS -->
    <!-- <link href="/theme/vendor/datatables-plugins/dataTables.bootstrap.css" rel="stylesheet"> -->
    <!-- <link href="/theme/vendor/datatables-responsive/dataTables.responsive.css" rel="stylesheet"> -->

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/dt-1.10.15/af-2.2.0/b-1.3.1/fc-3.2.2/fh-3.1.2/kt-2.2.1/se-1.2.2/datatables.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.bootstrap.min.css"/>
<!-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/dt-1.10.15/af-2.2.0/b-1.3.1/r-2.1.1/se-1.2.2/datatables.min.css"/> -->

    <!-- Custom CSS -->
    <link href="/theme/dist/css/sb-admin-2.css?_=<%= time() %>" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="/theme/vendor/morrisjs/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/theme/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link href="/js/summernote/summernote.css" rel="stylesheet">
<link href="/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap-tagsinput.css?_=<%= time() %>">

        <link rel="stylesheet" href="/css/bootstrap-select.css?_=<%= time() %>">
        <link rel="stylesheet" href="/css/bootstrap-combobox.css">
        <link rel="stylesheet" href="/css/bootstrap-toggle.css">
        <link rel="stylesheet" href="/css/selectize.css">
        <link rel="stylesheet" href="/css/selectize.bootstrap3.css">
        <link href="/css/clmapp.css?_=<%= time() %>" rel="stylesheet">

% if($c->req->url->base->host =~ /^dev|^uat/){
<style>
nav, #page-wrapper, .modal-content, #customersearchwrap{
    background: aliceblue !important;
}
</style>
% }

</head>

<body>

    <div id="wrapper">

% if(session 'authenticated'){
        <!-- Navigation -->
        <nav class="navbar navbar-default navbarX-static-top  navbar-fixed-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">DMA CLM</a>
                <!-- <a href="#" data-toggle="offcanvas"><i class="fa fa-caret-left" style="float:right;"></i></a> -->
            </div>
            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right">
<!--                         <li>
                            <a href="/">Dashboard <i class="fa fa-dashboard fa-fw" title="Dashboard"></i></a>
                        </li> -->  

% if($c->session->{isadmin}){                        
                        <li>
                            <a id="newcustomer" href="javascript:;" onclick="$('#customersearchwrap').hide(); Customer.cloneModal('AddFormModal'); Customer.addRecordModal(); Customer.addRecordButton(); $('.nav > li.active').addClass('pactive'); $('.nav > li > a').parent().removeClass('active'); $('.nav > li > a[href=\'javascript:;\']').parent().addClass('active');">New Customer <i class="fa fa-group fa-fw" title="New Customer"></i></a>
                        </li>
                        <li>
                            <a href="/customer">Lookup Customer <i class="fa fa-group fa-fw" title="Lookup Customer"></i></a>
                        </li>
                        <li>
                            <a href="/chaingroup">Chains <i class="fa fa-chain fa-fw" title="Chain Groups"></i></a>
                        </li>
                       
<!--                         <li>
                            <a href="/distributorcompany"> Distributors <i class="fa fa-building-o fa-fw" title="Distributor Companies"></i></a>
                        </li> -->
                        <li  class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Distributors &amp; Warehouses <i class="fa fa-building-o fa-fw" title="Distributor & Warehouses"></i><i class="fa fa-caret-down"></i></a>
                            <ul class="dropdown-menu dropdown-reports">   
                                <li class="collapse in">
                                    <a href="/distributorcompany"><i class="fa fa-building-o fa-fw" title="Distributor Companies"></i> Distributors </a>
                                </li> 
                                <li class="collapse in">
                                    <a href="/distributorwarehouse"><span><i class="fa fa-cubes"></i> Warehouses</span></a>
                                </li>                                  
                            </ul>
                        </li>                        
                        <li  class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Branded Procurement <i class="fa fa-image fa-fw" title="Reports"></i><i class="fa fa-caret-down"></i></a>
                            <ul class="dropdown-menu dropdown-reports">   
                                <li>
                                    <a href="/bpmigration"><i class="fa fa-arrow-right fa-fw" title="BP Migration"></i> BP Migration</a>
                                </li>   
                                <li>
                                    <a href="/bpmigration/credential"><i class="fa fa-info-circle fa-fw" title="BP Credentials"></i> BP Credentials</a>
                                </li>
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_bphierarchymaster"><span><i class="fa fa-download"></i> BP Hierarchy</span></a>
                                </li> 
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_bpthirdpartyacount"><span><i class="fa fa-download"></i> BP Third Party</span></a>
                                </li> 
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_bpunitloginent"><span><i class="fa fa-download"></i> BP Unit Login</span></a>
                                </li>                          
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_bpunitmaster"><span><i class="fa fa-download"></i> BP Unit Master</span></a>
                                </li> 
                            </ul>
                        </li>

                        <li>
                            <a href="/backofficesystem">Back Office <i class="fa fa-briefcase fa-fw" title="Back Office"></i></a>
                        </li> 





                      <li  class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Utilities <i class="fa fa-cog fa-fw" title="Utilities"></i><i class="fa fa-caret-down"></i></a>
                            <ul class="dropdown-menu dropdown-utilities">
                         <li>
                            <a href="/chainunit"><i class="fa fa-object-group fa-fw" title="Units"></i> Units</a>
                        </li> 
                        <li>
                            <a href="/dmaprogrammanager"><i class="fa fa-sitemap fa-fw" title="DMA SCS"></i> DMA SCS</a>
                        </li>
                        <li>
                            <a href="/dmavp"><i class="fa fa-male fa-fw" title="DMA VP"></i> DMA VP</a>
                        </li>

                        <li>
                            <a href="/import"><i class="fa fa-arrow-circle-right fa-fw" title="Import"></i> Import</a>
                        </li>
                        <li>
                            <a href="/opfreturnfile"><i class="fa fa-arrow-circle-left fa-fw" title="OPF Return File"></i> OPF Return File</a>
                        </li>                        
                        
                        <li>
                            <a href="/user"><i class="fa fa-user fa-fw" title="System Users"></i> System Users</a>
                        </li>                         
                        <li>
                            <a href="/country"><i class="fa fa-globe fa-fw" title="Countries"></i> Countries</a>
                        </li>
                        <li>
                            <a href="/operatingstatus"><i class="fa fa-info fa-fw" title="Operating Status"></i> Operating Status</a>
                        </li>                        
                        <li>
                            <a href="/opf"><i class="fa  fa-arrow-circle-o-up fa-fw" title="OPF FTP"></i> OPF FTP</a>
                        </li> 
                        <li>
                            <a href="/orderinvoicesystem"><i class="fa  fa-map-signs fa-fw" title="Order/Invoice Systems"></i> Order/Invoice Systems</a>
                        </li>                         
                        <li>
                            <a href="/files/opfreturn"><i class="fa  fa-arrow-circle-o-down fa-fw" title="OPF Return Files"></i> OPF Return Files</a>
                        </li>   
                        <li>
                            <a href="/bulkedithistory"><i class="fa  fa-history fa-fw" title="Bulk Edit History"></i> Bulk Edit History</a>
                        </li>                                                    
                        <li>
                            <a href="/emailnotification"><i class="fa  fa-envelope fa-fw" title="Email Notices"></i> Email Notices</a>
                        </li>       
                        <li>
                            <a href="/market"><i class="fa  fa-building fa-fw" title="Markets"></i> Markets</a>
                        </li>  
                        <li>
                            <a href="/entitytype"><i class="fa  fa-glass fa-fw" title="Entity Type"></i> Entity Type</a>
                        </li>                          
                        <li>
                            <a href="/routing"><i class="fa  fa-bank fa-fw" title="Routing"></i> Routing</a>
                        </li>  
                        <li>
                            <a href="/customertemplate"><i class="fa  fa-file-code-o fa-fw" title="Template"></i> Customer Template</a>
                        </li>   
                        <li>
                            <a href="/warehousechain"><i class="fa  fa-chain fa-fw" title="Warehouse Chain"></i> Warehouse Chains</a>
                        </li>                                                
                            </ul>
                        </li>         





                        <li  class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Reports <i class="fa fa-bar-chart-o fa-fw" title="Reports"></i><i class="fa fa-caret-down"></i></a>
                            <ul class="dropdown-menu dropdown-reports">   
                        <li  class="dropdown-submenu">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-caret-left"></i> Activities</a>
                            <ul class="dropdown-menu dropdown-maintenance dropdown-left">
                                <li class="collapse in">
                                    <a href="/customer/report/missing"><span><i class="fa fa-table"></i> Missing ITNIDs</span></a>
                                </li>                                
                                <li class="collapse in">
                                    <a href="/distributorwarehouse/report/all"><span><i class="fa fa-table"></i> Warehouses</span></a>
                                </li>  
                              <li class="collapse in">
                                    <a href="/customer/report/orderguide"><span><i class="fa fa-table"></i> Order Guide Summary</span></a>
                                </li>                                                                  
                            </ul>
                        </li>  
                        <li  class="dropdown-submenu">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-caret-left"></i> Downloads</a>
                            <ul class="dropdown-menu dropdown-maintenance dropdown-left">
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_itn"><span><i class="fa fa-download"></i> Access OPF</span></a>
                                </li>
<!--                                 <li class="collapse in">
                                    <a href="/api/customer/report/export_itn_bp"><span><i class="fa fa-download"></i> Access OPF + BP Flag</span></a>
                                </li>  -->                               
                                <li class="collapse in">
                                    <a href="/api/customer/report/export_gfs"><span><i class="fa fa-download"></i> GFS</span></a>
                                </li>    

                                <li class="collapse in">
                                    <a href="/api/customer/report/export_gps"><span><i class="fa fa-download"></i> GPS Warehouse/Customer</span></a>
                                </li>                                 
                                <li class="collapse in">
                                    <a href="/api/chainconcept/report/export_threshold"><span><i class="fa fa-download"></i> Concept Threshold</span></a>
                                </li> 
                              <li class="collapse in">
                                    <a href="/api/customer/report/export_missing_opstatus"><span><i class="fa fa-download"></i> Weekly Missing Op Status Created</span></a>
                                </li>
                              <li class="collapse in">
                                    <a href="/api/customer/report/export_missing_opstatus?updated=1"><span><i class="fa fa-download"></i> Weekly Missing Op Status Updated</span></a>
                                </li>   
                            <li class="collapse in">
                                    <a href="/api/distributorwarehouse/report/latlng"><span><i class="fa fa-download"></i> Warehouse Lat/Lng</span></a>
                                </li>
                            </ul>
                        </li>                                                        
                        <li  class="dropdown-submenu">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-caret-left"></i> System</a>
                            <ul class="dropdown-menu dropdown-maintenance dropdown-left">
                                <li class="collapse in">
                                    <a href="/customer/report/gps"><span><i class="fa fa-table"></i> Missing Customer GPS</span></a>
                                </li>
                                <li class="collapse in">
                                    <a href="/distributorwarehouse/report/gps"><span><i class="fa fa-table"></i> Missing Warehouse GPS</span></a>
                                </li>
                                <li class="collapse in">
                                    <a href="/chainunit/report/orphaned"><span><i class="fa fa-table"></i> Orphaned Units</span></a>
                                </li> 
                                <li class="collapse in">
                                    <a href="/chainunit/report/unassigned"><span><i class="fa fa-table"></i> Unassigned Units</span></a>
                                </li>
                                <li class="collapse in">
                                    <a href="/customer/report/mismatched"><span><i class="fa fa-table"></i> Mismatched Unit Names</span></a>
                                </li> 
                                <li>
                                    <a href="/customer/report/email"><i class="fa  fa-envelope fa-fw" title="Email Assigned"></i> Email Assigned</a>
                                </li> 
                                <li>
                                    <a href="/customer/report/market"><i class="fa  fa-building fa-fw" title="Missing 3rd Party Market"></i> Missing 3rd Party Market</a>
                                </li> 
                                <li>
                                    <a href="/customer/report/mismatched"><i class="fa  
                                        fa-chain-broken fa-fw" title="Mismatched Market Warehouse"></i> Mismatched Market Warehouse</a>
                                </li>                                 
                            </ul>
                        </li>                                                       
                            </ul>
                        </li>                                                                                         
% }else{
<style>
.dt-buttons, .btn-success, .btn-default, .btn-danger{
    display: none;
}

input[type="text"], input[type="radio"], input[type="checkbox"], textarea{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;          
}

</style>


                        <li>
                            <a href="/customer">Lookup Customer <i class="fa fa-group fa-fw" title="Lookup Customer"></i></a>
                        </li>
                        <li>
                            <a href="/chaingroup">Chains <i class="fa fa-chain fa-fw" title="Chain Groups"></i></a>
                        </li>  
                        <li>
                            <a href="/distributorcompany"> Distributors <i class="fa fa-building-o fa-fw" title="Distributor Companies"></i></a>
                        </li>


% }


                       
                <!-- /.dropdown -->
                <li class="dropdown">                    
<!--                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <%= session 'fullname' %> <i class="fa fa-user fa-fw"></i><i class="fa fa-caret-down"></i></a> -->
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i><i class="fa fa-caret-down"></i></a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="/logout"><i class="fa fa-sign-out fa-fw"></i> Logout <%= session 'username' %></a>
                        </li>
<!--                         <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
                        </li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
                        </li>
                        <li class="divider"></li> -->
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>



<div id="customersearchwrap" tabindex="-1" class="text-center" style="top: 49px; z-index: 100; position: absolute; width: 100%;  background-color: #ddd; color: #333; <% if($c->req->url->path->to_abs_string !~ /customer$/){ %>display: none;<% } %> ">
<div class="collapse in" id="customersearchmodule" >
<div class="col-lg-12 text-left">
    <h4 class="modal-title" style="position:absolute;">Customer Lookup</h4>
</div>
  <div class="text-left" id="customersearch" style="padding: 20px;">
<%= stash 'customersearch' %>
  </div>
</div>
<!-- <a id="customersearchexpand" href="javascript:;" style="width: 100%;" data-toggle="collapse" data-target="#customersearchmodule" aria-expanded="false" aria-controls="customersearchmodule"><i style="width: 100%;"class="fa fa-chevron-down"></i></a> -->
<a id="customersearchexpand" href="javascript:;" style="width: 100%;" data-toggle="collapse" data-target="#customersearchmodule" aria-expanded="true" aria-controls="customersearchmodule"><i style="width: 100%; border: 1px dashed #aaa;"class="fa fa-chevron-down"></i></a>
</div> 

        </nav>




        <div id="page-wrapper">
%= include 'snippets/alert';

            <%= content %>

%= include 'snippets/alert';

<div class="row">
    <div class="col-xs-12" style="height:50px;">
        &nbsp;
        <textarea id="js-copy" style="position: fixed; top: 0; left: 0; width: .2em; height: .2em; padding: 0; border: 0; outline: 0; background: transparent;"></textarea>
    </div>
</div>




<!-- Modal -->
<div class="modal formModal" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true" style="">
  <div class="modal-dialog">
    <div class="modal-content">

      <div id="editModalHeader" class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>       
        <div class="row">
            <div id="formModalLabelLeft" class="col-xs-3"><h4 class="modal-title" class="formModalLabel">Edit Record</h4></div>
            <div id="formModalLabelCenter" class="col-xs-6 text-center">
                <div class="col-xs-2" id="formModalLabelCenterLeft"><button id="recordPrev" type="button" class="btn btn-primary" disabled="disabled">&lt;&lt; Prev.</button></div>
                <div class="col-xs-8"  id="formModalLabelCenterCenter"></div>
                <div class="col-xs-2"  id="formModalLabelCenterRight"><button id="recordNext" type="button" class="btn btn-primary" disabled="disabled">&gt;&gt; Next</button></div>
            </div>
            <div id="formModalLabelRight" class="col-xs-2 text-right"></div>
        </div>
      </div>

      <div id="addModalHeader" class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>       
        <div class="row">
            <div id="formModalLabelLeft" class="col-xs-4"><h4 class="modal-title" class="formModalLabel">New Record</h4></div>
            <div id="formModalLabelCenter" class="col-xs-4 text-center">
            </div>
            <div id="formModalLabelRight" class="col-xs-3 text-right"></div>
        </div>
      </div>

      <div id="templateModalHeader" class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>       
        <div class="row">
            <div id="formModalLabelLeft" class="col-xs-4"><h4 class="modal-title" class="formModalLabel">New Template Record</h4></div>
            <div id="formModalLabelCenter" class="col-xs-4 text-center">
            </div>
            <div id="formModalLabelRight" class="col-xs-3 text-right"></div>
        </div>
      </div>

      <div id="formModalContent" class="modal-body">
      </div>
%= include 'snippets/alert';      
<!--       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div> -->
    </div>
  </div>
</div>





<!-- Modal -->
<div class="modal" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true" style="">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>       
            <h4 class="modal-title" id="formModalLabel">Confirm Delete</h4>
      </div>
      <div id="formModalContent" class="modal-body">
        Are you sure you want to delete this record?
      </div>
      <div class="modal-footer">
        <button type="button" id="delete" class="btn btn-danger">Delete</button>
        <button type="button" class="btn btn-warning" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>


<!-- Modal -->
<div class="modal" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true" style="">
<form id="confirmModalForm">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>       
            <h4 class="modal-title" id="formModalLabel">Confirm Selection</h4>
      </div>
      <div id="formModalContent" class="modal-body">
        Are you sure you want to this selection?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Cancel</button>
        <button type="button" id="confirm" class="confirm btn btn-success"><i class="fa fa-check"></i>Confirm</button>        
      </div>
    </div>
  </div>
</form>  
</div>

</div>

<div class="modal fade" id="loadInd" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true" style="padding-top:15%; overflow-y:visible;">
<div class="modal-dialog modal-m">
<div class="modal-content">
    <div class="modal-header"><h3 style="margin:0;">Loading...</h3></div>
    <div class="modal-body">
        <div class="progress progress-striped active" style="margin-bottom:0;"><div class="progress-bar" style="width: 100%"></div></div>
    </div>
</div></div></div>

        
        <!-- /#page-wrapper -->
% }else{
      <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center">
                <img src="/img/logo.large.png" style="height:72px;">
                <h1>DMA Customer List Manager</h1>
            </div>            
        </div>
%= include 'snippets/alert';        
        <div class="row">           
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Please Sign In</h3>
                    </div>
                    <div class="panel-body">
                        <form role="form" name="loginform" id="loginform" method="POST">
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Username" id="username" name="username" type="text" value="" autofocus>
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" id="password" name="password" type="password" value="">
                                </div>
<!--                                 <div class="checkbox">
                                    <label>
                                        <input name="remember" type="checkbox" value="Remember Me">Remember Me
                                    </label>
                                </div> -->
                                <!-- Change this to a button or input when using this as a form -->
                                <button id="login" name="login" type="button" class="btn btn-lg btn-success btn-block">Login</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
  


% }



    </div>
    <!-- /#wrapper -->

    <!-- jQuery   -->
    <script src="/theme/vendor/jquery/jquery.min.js"></script>

 <!-- 
    <script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script> -->

    <!-- Bootstrap Core JavaScript -->
    <script src="/theme/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="/theme/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Morris Charts JavaScript 
    <script src="/theme/vendor/raphael/raphael.min.js"></script>
    <script src="/theme/vendor/morrisjs/morris.min.js"></script>
    <script src="/theme/data/morris-data.js"></script>
    -->
    <!-- DataTables JavaScript -->
    <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>
<!-- <script src="/theme/vendor/datatables-responsive/dataTables.responsive.js"></script> -->
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.bootstrap.min.js"></script>
<script src="//cdn.datatables.net/buttons/1.3.1/js/buttons.flash.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script>
<script src="//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
<script src="//cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js"></script>
<!-- <script src="//cdn.datatables.net/buttons/1.3.1/js/buttons.colVis.min.js"></script> -->
<script src="/js/buttons.colVis.js"></script>
<!-- <script type="text/javascript" src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js"></script> -->

<script src="/js/dataTables.fixedHeader.js"></script>
<script src="/js/dataTables.colResize.js?_=<%= time() %>"></script>
<script src="/js/dataTables.colReorder.js?_=<%= time() %>"></script>
<script type="text/javascript"  src="//cdn.datatables.net/select/1.2.5/js/dataTables.select.min.js"></script>

<script src="/js/bootstrap-tagsinput.js?_=<%= time() %>"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    <!-- <script src="/js/clipboard.min.js"></script> -->
    <script src="/js/summernote/summernote.min.js"></script>
    <script src="/js/moment.min.js"></script>
    <script src="/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/js/jquery.cookie.js"></script>
    <script src="/js/jquery.appear.js"></script>
    <script src="/js/jquery.visible.min.js"></script>
    <script src="/js/jquery.waypoints.js"></script>

<!-- <script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/dt-1.10.15/af-2.2.0/b-1.3.1/fc-3.2.2/fh-3.1.2/kt-2.2.1/se-1.2.2/datatables.min.js"></script> -->

    <!-- Custom Theme JavaScript -->
    <script src="/theme/dist/js/sb-admin-2.js"></script>

    <script src="/js/bootstrap-select.js"></script>
    <script src="/js/bootstrap-typeahead.js"></script>
    <script src="/js/bootstrap-combobox.js?_=<%= time() %>"></script>
    <script src="/js/selectize.js?_=<%= time() %>"></script>
    <script src="/js/preserve_on_blur.js?_=<%= time() %>"></script>
    <script src="/js/allow_edit_callback.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.js?_=<%= time() %>"></script>
<script>
    CLM.loadSession();
</script>    
    <script src="/js/clmapp.customer.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.backofficesystem.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.chaingroup.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.chainconcept.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.chainunit.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.distributorcompany.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.distributorwarehouse.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.dmavp.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.dmaprogrammanager.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.country.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.user.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.import.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.bpmigration.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.emailnotification.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.operatingstatus.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.bpcredential.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.bulkedithistory.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.orderinvoicesystem.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.customwarehouse.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.market.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.routing.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.listmodule.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.customersystem.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.customertemplate.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.entitytype.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.warehousechain.js?_=<%= time() %>"></script>
    <script src="/js/clmapp.customercomment.js?_=<%= time() %>"></script>

<script>
    // CLM.loadSession();
% if(session 'authenticated'){ 
Customer.addRecordButton(null,null,null,null,1);
% }
</script>

<!-- 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCP1YIwEFWU7WDiNbUdo4MPbOZEJcQtN9I&libraries=places" 
    async defer></script> -->

</body>

</html>
