@extends('layouts.father')
@section('title', '活动列表')
@section('body')
    <style>
        .info_tr a {
            text-decoration: underline!important;
        }
    </style>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="">活动管理</a>
        <a><cite>活动列表</cite></a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock>
            {{--<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>--}}
            <button class="layui-btn" onclick="x_admin_show('添加活动','/admin/actAdd')"><i class="layui-icon"></i>添加</button>
            {{--<span class="x-right" style="line-height:40px">共有数据：88 条</span>--}}
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>活动ID</th>
                <th>活动名称</th>
                <th>活动类型</th>
                <th>状态</th>
                <th>操作</th>
            </thead>
            <tbody>
            @foreach($activities as $k=>$e)
                <tr class="info_tr">
                    <td>{{ $k + 1 }}</td>
                    <td>{{$e->id}}</td>
                    <td>
                        <a onclick="x_admin_show('编辑','/admin/actUpdate/{{$e->id}}')" class="a-red" href="javascript:;">{{$e->name}}</a>
                    </td>
                    <td>{{$e->type . $e->actInfo->discount}}</td>
                    <td>
                        @if(date('Y-m-d h:i:s') > $e->startTime && date('Y-m-d h:i:s') < $e->endTime ) 进行中
                        @elseif(date('Y-m-d h:i:s') < $e->startTime) 未开始
                        @elseif(date('Y-m-d h:i:s') > $e->startTime) 已结束
                        @endif</td>
                    <td class="td-manage">
                        <a title="编辑"  onclick="x_admin_show('编辑','/admin/actUpdate/{{$e->id}}')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon">&#xe642;编辑</i>
                        </a>
                        <a title="删除" onclick="member_del({{$e->id}})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                            <i class="layui-icon">&#xe640;删除</i>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$activities->links()}}
            </div>
        </div>

    </div>
    <script>

        /*商品-删除*/
        function member_del(id){
            layer.confirm('确认要删除吗？',function(index){
                $.get("/admin/actDelete/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {

                            location.reload();
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        function delAll (argument) {

            var data = tableCheck.getData();

            layer.confirm('确认要删除吗？'+data,function(index){
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {icon: 1});
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
        }

        function setStatus(id) {

            obj = $(".status"+id);

            $.get("/admin/actStatus/"+id, function (res) {
                // 发异步，把数据提交给php
                if (res.status == 1) {

                    //发异步把用户状态进行更改
                    layer.msg(res.msg,{icon: 6,time:500},function () {

                        if(obj.html() == '已启用') {  // 禁用
                            obj.removeClass("statusOn");
                            obj.addClass("statusOff");
                            obj.html('已禁用');

                        } else if(obj.html() == '已禁用') {  // 启用
                            obj.removeClass("statusOff");
                            obj.addClass("statusOn");
                            obj.html('已启用');
                        }
                    });

                } else {

                    layer.alert(res.msg, {icon: 5});
                }
            });
        }
    </script>
    {{--<script type="text/javascript" src="/js/tableContentRoll.js"></script>--}}
    {{--<link rel="stylesheet" href="/css/tableContentRoll.css">--}}
@endsection