{*<!--
/*********************************************************************************
** The contents of this file are subject to the vtiger CRM Public License Version 1.0
* ("License"); You may not use this file except in compliance with the License
* The Original Code is: vtiger CRM Open Source
* The Initial Developer of the Original Code is vtiger.
* Portions created by vtiger are Copyright (C) vtiger.
* All Rights Reserved.
*
********************************************************************************/
-->*}

{literal}
<style type="text/css">
  #result ul{ 
   list-style: none;
   width: 110%;
   padding-right: 0%;
   position: relative;
   padding-left: 0px;
   border: 1px solid #d7d1d1 !important;
   margin-top: 2px;
   margin-left: -11px;
   z-index: 1; 
   background:#999;
   color: #fff;
   box-shadow: 0px 1px 0px 2px rgb(0 0 0 / 30%);
}
#result ul li{ 
    padding: 4px;
    margin-bottom: 1px;
    border-bottom: 1px solid #d7d1d1 !important;
}
#result ul li:hover{ 
   cursor: pointer; 
}
</style>
{/literal}

{strip}

  <link rel="stylesheet" type="text/css" href="layouts/vlayout/modules/CTMobileSettings/dataTables.bootstrap.min.css" />
  <script type="text/javascript" src="layouts/vlayout/modules/CTMobileSettings/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="layouts/vlayout/modules/CTMobileSettings/dataTables.bootstrap.min.js"></script>

  <script type="text/javascript" src="layouts/vlayout/modules/CTMobileSettings/resources/moment.min.js"></script>
  <script type="text/javascript" src="layouts/vlayout/modules/CTMobileSettings/resources/daterangepicker.min.js"></script>
  
  <link rel="stylesheet" type="text/css" href="layouts/vlayout/modules/CTMobileSettings/daterangepicker.css" />

  <div class="container-fluid main_notification_settings" id="notification_settings_block">
      <div class="widget_header row-fluid">
        <button type="button" class="btn btn-info pull-right" style="background:#287DF2 !important;" onclick='window.location.href="{CTMobileSettings_Module_Model::$CTMOBILE_DETAILVIEW_URL}"'>{vtranslate('Go To CRMTiger Settings',$MODULE)}</button>
        <h3>{vtranslate('CRMTiger Mobile Apps - Call Logs', 'CTMobileSettings')}</h3>

        <div class="clearfix"></div>
      </div>
  </div>
   
   <div class="span12">
        <div id="listview-actions" class="listview-actions-container">
            <div class = "row">
                <form class="form-horizontal recordEditView" id="downloadForm" name="edit" method="post">
                <input type="hidden" name="module" value="CTMobileSettings" />
                 <input type="hidden" name="action" value="getCallRecording" />
                 <input type="hidden" name="mode" value="ExportData" />
                <div class="search-links-container span3 hidden-sm">
                  <div class="search-link hidden-xs" style="margin-top:0px; height:30px;">
                    <span class="fa fa-search" aria-hidden="true"></span>
                    <input type="hidden" id="searchtextvalue" name="searchtextvalue"/>
                    <input type="text" class="keyword-input" id="searchbox" placeholder="{vtranslate('LBL_TYPE_SEARCH')} {vtranslate('LBL_RECORD')}"  style="height:24px;color:black;"/>
                         <div id="result"><ul></ul></div>
                  
                  </div>
                </div>
                <div class='span3 usersListDiv'>
                    <select class="chzn-select chzn-done" id="usersFilter" name="usersFilter" >
                        <option value="">{vtranslate('LBL_ALL', $QUALIFIED_MODULE)}</option>
                        {foreach item=USERNAME key=USER from=$USERSLIST}
                            <option value="{$USER}" name="{$USERNAME}" {if $USERNAME eq $SELECTED_USER} selected {/if}>{$USERNAME}</option>
                        {/foreach}
                    </select>
                </div>
                <div class="span3">
                  <input type="text" class="inputElement" id="daterange" name="daterange" value="" style="display: inline!important;margin-left:1%;"/>
                </div>
                <div class="span2">
                  <button type="button" class="btn btn-success btn-sm" id="searchbtn">Search</button>
                </div>
                <div class="span1">
                  <button type="button" id="downloadCalllogs" class="btn pull-right" title="{vtranslate('Download Call Logs',$MODULE)}"
                     style="background: transparent !important;border: 1px solid transparent;"><img src="layouts/vlayout/modules/CTMobileSettings/icon/export-csv.png"></button>
                </div>
                </div>
            </div>
            <div class="list-content row">
                <div class="span12">
                 <div id="table-content" class="table-container" style="padding-top:0px !important;">
                    <table id="listview-table"  class="table listview-table">
                       <thead>
                          <tr class="listViewContentHeader">
                            <th style="width:27% !important">{vtranslate('Name',$MODULE)}</th>
                            <th style="width:16%">{vtranslate('User Name',$MODULE)}</th>
                            <th style="width:20%">{vtranslate('Related',$MODULE)}</th>
                            <th style="width:15%">{vtranslate('Created Time',$MODULE)}</th>
                            <th style="width:25%">{vtranslate('Recording',$MODULE)}</th>
                          </tr>
                       </thead>
                       <tbody class="overflow-y">
                       </tbody>
                    </table>
                 </div>
                 <div id="scroller_wrapper" class="bottom-fixed-scroll">
                    <div id="scroller" class="scroller-div"></div>
                </div>
                </div>
              </div>
        </div>
    </div>
{/strip}
