
<style>
   .layui-table-cell .layui-form-checkbox[lay-skin="primary"], .layui-table-cell .layui-form-radio[lay-skin="primary"] {
      top:5px !important;
   }

</style>
<?php $__env->startSection('content'); ?>
   <div class="layui-card">
       <div class="layui-card-body">
           <div class="layui-btn-group layui-inline" style="padding-bottom: 10px">
               <a class="layui-btn layui-btn-sm" href="<?php echo e(route('admin.agent.setting.create')); ?>">添加等级 </a>
           </div>
           <div class="layui-btn-group layui-inline" style="padding-bottom: 10px">
               <a class="layui-btn layui-btn-sm" href="<?php echo e(route('admin.agent.charge.setting')); ?>">设置代理充值管理</a>
           </div>
       </div>
      <div class="layui-card-body">
         <table id="dataTable" lay-filter="dataTable"></table>
         <script type="text/html" id="options">
            <div class="layui-btn-group">
               <a class="layui-btn layui-btn-sm " lay-event="edit" >编辑</a>
            </div>
         </script>
         <script type="text/html" id="thumb">
            <a href="{{d.thumb}}" target="_blank" title="点击查看"><img src="{{d.thumb}}" alt="" width="28" height="28"></a>
         </script>
      </div>
   </div>
<?php $__env->stopSection(); ?>
<!-- 首先引入css, 和js, 唯一依赖: jQuery -->
<link href="/static/admin/layuiadmin/layui/dist/formSelects-v4.css" rel="stylesheet" />
<script src="/static/admin/layuiadmin/layui/dist/jquery.min.js"></script>
<script src="/static/admin/layuiadmin/layui/dist/formSelects-v4.min.js"></script>
<?php $__env->startSection('script'); ?>
   <?php if (app(\Illuminate\Contracts\Auth\Access\Gate::class)->check('admin.member.member')): ?>
      <script>
          layui.use(['layer','table','form','laydate'],function () {
              var layer = layui.layer;
              var form = layui.form;
              var table = layui.table;
              var laydate = layui.laydate;
              formSelects.render('selectId');
              //用户表格初始化
              var dataTable = table.render({
                  elem: '#dataTable'
                  // ,height: 500
                  ,url: "<?php echo e(route('admin.agent.setting.data')); ?>" //数据接口
                  ,page: true //开启分页
                  ,cols: [[ //表头
                      {checkbox: true,fixed: true}
                      // ,{field: 'id', title: 'ID', sort: true,width:80}
                      ,{field: 'name', title: '等级名称'}
                      ,{field: 'limit', title: '等级门槛',templet:function (d) {
                              return  d.limit+'元'
                       }}
                      ,{field: 'sale', title: '优惠比例',templet:function (d) {
                          return  d.sale+'%'
                      }}
                      ,{field: 'status', title: '启用状态',templet:function (d) {
                              if(d.status == 1){
                                  return  '启用中'
                              }else{
                                  return '禁用中'
                              }
                      }}
                      ,{field: 'created_at', title: '注册时间', sort: true}
                      ,{fixed: 'right', title:'操作',width: 120, align:'center', toolbar: '#options'}
                  ]]
              });
              //监听工具条
              table.on('tool(dataTable)', function(obj){ //注：tool是工具条事件名，dataTable是table原始容器的属性 lay-filter="对应的值"
                  var data = obj.data //获得当前行数据
                      ,layEvent = obj.event; //获得 lay-event 对应的值
                   if(layEvent === 'edit'){
                      location.href = '/admin/agent/setting/'+data.id+'/edit';
                  }
              });
              //状态变更
              form.on('switch(status)', function(data){
                  var id=$(data.elem).data('id');
                  var status=$(data.elem).data('value');
                  $.post("<?php echo e(route('admin.member.set')); ?>",{id:id,status:status},function (res) {
                      console.log(res.data.status);
                      if(res.code===0){
                          $(data.elem).data('value',res.data.status);
                          layer.msg(res.msg,{icon:6});
                      }
                      else {
                          layer.msg(res.msg,{icon:2});
                          dataTable.reload();
                      }
                  })
              })

              //监听是否显示
              form.on('switch(isShow)', function(obj){
                  var index = layer.load();
                  var url = $(obj.elem).attr('url')
                  var data = {
                      "is_show" : obj.elem.checked==true?1:0,
                      "_method" : "put"
                  }
                  $.post(url,data,function (res) {
                      layer.close(index)
                      layer.msg(res.msg)
                  },'json');
              });

              //按钮批量删除
              $("#listDelete").click(function () {
                  var ids = []
                  var hasCheck = table.checkStatus('dataTable')
                  var hasCheckData = hasCheck.data
                  if (hasCheckData.length>0){
                      $.each(hasCheckData,function (index,element) {
                          ids.push(element.id)
                      })
                  }
                  if (ids.length>0){
                      layer.confirm('确认删除吗？', function(index){
                          $.post("",{_method:'delete',ids:ids},function (result) {
                              if (result.code==0){
                                  dataTable.reload()
                              }
                              layer.close(index);
                              layer.msg(result.msg,{icon:6})
                          });
                      })
                  }else {
                      layer.msg('请选择删除项',{icon:5})
                  }
              })


              //导出
              $("#toExcel").click(function () {
                  var ids = []
                  var hasCheck = table.checkStatus('dataTable')
                  var hasCheckData = hasCheck.data
                  if (hasCheckData.length>0){
                      $.each(hasCheckData,function (index,element) {
                          ids.push(element.id)
                      })
                  }
                  var appid = $("#app_id").val()
                  var phone = $("#phone").val();
                  var start_time = $("#start_time").val();
                  var end_time = $("#end_time").val();
                  var user_model_id = formSelects.value('select1', 'val');
                  var platform_register = $("#platform_register").val();
                  var u = '<?php echo e(route('admin.member.toExcel')); ?>';
                  u = u+'?appid='+appid+'&start_time='+start_time+'&end_time='+end_time+'&phone='+phone+'&ids='+ids+'&user_model_id='+user_model_id+'&platform_register='+platform_register;
                  window.location.href=u;
              })

              //监听搜索
              form.on('submit(searchBtn)', function(data){
                  var field = data.field;

                  //执行重载
                  table.reload('dataTable', {
                      where: field
                      ,page: {
                          curr: 1 //重新从第 1 页开始
                      }
                  });
                  return false;
              });


              laydate.render({
                  elem: '#start_time' //指定元素
                  ,type: 'datetime'
              });
              laydate.render({
                  elem: '#end_time' //指定元素
                  ,type: 'datetime'
              });
          });

      </script>
   <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>