<extend name="Public/base"/>

<block name="body">
  <link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
  <script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
  <script type="text/javascript" src="__JS__/select2.min.js"></script>
  <style>
    .select2-container--default .select2-selection--single {
      color: #000;
      resize: none;
      border-width: 1px;
      border-style: solid;
      border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
      box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
      height:28px;border-radius:3px;font-size:12px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height:35px;
      line-height:28px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height:26px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
      height:26px;line-height:26px;font-size:12px;
    }
    .select2-results__option[aria-selected] {font-size:12px;}
  </style>

  <div class="cf main-place top_nav_list navtab_list">
    <h3 class="page_title">测试白名单</h3>
    <p class="description_text">说明：测试白名单内的所有测试账号产生的流水须导入正式环境的月结统计功能内</p>
  </div>


  <div class="cf top_nav_list">
    <!-- 高级搜索 -->
    <div class="jssearch fl cf search_list">
      <div class="input-list search-title-box">
        <label>搜索：</label>
      </div>
      <div class="input-list">
        <input type="text" id="search-input" name="account" class="" value="{:I('account')}"
               placeholder="玩家账号"/>
      </div>
      <input type="hidden" name="" value="" class="sortBy">
      <div class="input-list">
        <a class="sch-btn" href="javascript:;" id="search"
           url="{:U('TestWhiteList/lists','model='.$model['name'] . '&row='.I('row'),false)}">搜索</a>
        <a class="sch-btn" style="background: #ffffff;border: #000000 solid 1px;color: #000000;width:120px" href="{:U('TestWhiteList/add',array('status'=>1))}" >添加测试账号</a>
      </div>
    </div>

  </div>


  <!-- 数据列表 -->
  <div class="data_list">
    <div>
      <table>
        <!-- 表头 -->
        <thead>
        <tr>
          <th>测试账号</th>
          <th>显示状态</th>
          <th>添加人</th>
          <th>添加时间</th>
          <th>操作</th>
        </tr>
        </thead>

        <!-- 列表 -->
        <tbody>
        <empty name ="data">
          <td colspan="11" class="text-center">aOh! 暂时还没有内容!</td>
          <else />
          <volist name="data" id="data">
            <tr>
              <td>{$data['account']}</td>
              <td><if condition="$data['show_status'] eq 0"> 锁定 <else /> 开启 </if></td>
              <td>{$data.add_user}</td>
              <td>{$data.create_ime}</td>
              <td>
<!--                  <a href="{:U('TestWhiteList/edit',array('user_id'=>$data['user_id'],'account'=>$data['account'],'status'=>$data['show_status']))}" style="width:100%;">编辑</a>-->
<!--                <a href="{:U('TestWhiteList/deleteWhileUser',array('id'=>$data['id']))}" style="width:100%;">删除</a>-->

                <a class="del_user" href-hhh="{:U('TestWhiteList/deleteWhileUser',array('id'=>$data['id']))}" style="width:100%;">删除</a>

                <if condition="$data['show_status'] eq 1">
                  <a class="froze-btn" href-hhh="{:U('TestWhiteList/edit_user1',array('user_id'=>$data['user_id'],'status'=>0,'account'=>$data['account']))}" style="width:100%;">锁定</a>
                  <else />
                  <a class="froze-btn" href-hhh="{:U('TestWhiteList/edit_user1',array('user_id'=>$data['user_id'],'status'=>1,'account'=>$data['account']))}" style="width:100%;">开启</a>
                </if>
              </td>
            </tr>
          </volist>
        </empty>
        </tbody>
      </table>
    </div>
  </div>
  <div class="page">
    {$_page|default=''}
  </div>

  <div class="common_settings">
    <span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
    <form class="addShortcutIcon">
      <input type="hidden" name="title" value="{$m_title}">
      <input type="hidden" name="url" value="Deposit/lists">
    </form>
    <a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
  </div>

</block>

<block name="script">
  <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
  <php>if(C('COLOR_STYLE')=='blue_color') echo '
    <link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">
    ';
  </php>
  <script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
  <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
          charset="UTF-8"></script>
  <script>
    <volist name=":I('get.')" id="vo">
      Think.setValue('{$key}',"{$vo}");
    </volist>
    $(".select_gallery").select2();
  </script>
  <script type="text/javascript">
    //导航高亮
    highlight_subnav('{:U('TestWhiteList/lists')}');
    $(function () {

      $('.froze-btn').on({
        click: function() {
          var url = $(this).attr('href-hhh');
          console.log(url);
          layer.confirm('是否确认修改测试账号状态?', {icon: 3, title:'提示',skin:'textColor'}, function(index){
            $.ajax({
              url: url,
              type: 'post',
              dataType: 'json',
              success: function(response) {
                layer.msg(response.msg, {time: 1000,skin:'msgClolor'}, function() {
                  window.location.href = window.location.href
                })
              }
            })
          })
        }
      })

      $('.del_user').on({
        click: function() {
          var url = $(this).attr('href-hhh');
          console.log(url);
          layer.confirm('是否确认删除测试账号?', {icon: 3, title:'提示',skin:'textColor'}, function(index){
            $.ajax({
              url: url,
              type: 'post',
              dataType: 'json',
              success: function(response) {
                layer.msg(response.msg, {time: 1000,skin:'msgClolor'}, function() {
                  window.location.href = window.location.href
                })
              }
            })
          })
        }
      })

      //搜索功能
      $("#search").click(function () {
        var url = $(this).attr('url');
        var query = $('.jssearch').find('input').serialize();
        query += "&" + $('.jssearch').find('select').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
        query = query.replace(/^&/g, '');
        if (url.indexOf('?') > 0) {
          url += '&' + query;
        } else {
          url += '?' + query;
        }
        var start = $("#time-start").val();
        var end =   $("#time-end").val();
        if (start !='' && end != ''){
          if (Date.parse(start) > Date.parse(end)){
            layer.msg('开始时间必须小于等于结束时间');
            return false;
          }
        }
        window.location.href = url;
      });
      //回车自动提交
      $('.jssearch').find('input').keyup(function (event) {
        if (event.keyCode === 13) {
          $("#search").click();
        }
      });


      $('#time-start').datetimepicker({
        format: 'yyyy-mm-dd',
        language: "zh-CN",
        minView: 2,
        autoclose: true
      });

      $('#datetimepicker').datetimepicker({
        format: 'yyyy-mm-dd',
        language: "zh-CN",
        minView: 2,
        autoclose: true,
        pickerPosition: 'bottom-left'
      })


      $(".drop-down2").on('click', function (event) {
        var navlist = $(this).find('.i_list_li');
        if (navlist.hasClass('hidden')) {
          navlist.removeClass('hidden');
          $('#promoteid').focus().val('');
        } else {
          navlist.addClass('hidden');
        }
        $(document).one("click", function () {
          navlist.addClass('hidden');
        });
        event.stopPropagation();
      });
      var a = $('.i_list_li li a');
      $('#promoteid').on('keyup', function (event) {
        var val = $.trim($(this).val()).toLowerCase();
        $('#promoteid').val(val);
        $('#promoteidh').val(-1);
      });

    })



    /**
     * 初始化select2单选，默认带搜索功能。
     */

    //初始化页面加载
    $(document).ready(function () {

      //初始化select2单选
      initSelect2WithSearch();

    });


    function initSelect2WithSearch() {
      // $("#sel_order").select2({
      //     tags: true,
      //     placeholder: '订单状态',
      //     allowClear: false,				//清空
      // 	minimumResultsForSearch: Infinity,  // 永久隐藏搜索框
      // });
    }
  </script>
  <style>
    .textColor .layui-layer-content{color: #000000;}
    .msgClolor .layui-layer-content{color: #ffffff;background:#000; opacity: 0.8;text-align: center}
  </style>
</block>