@extends('layouts.father')
@section('title', '货号活动列表')
@section('style')
@endsection
@section('body')
    <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="/admin/adPic" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock>

            <form action="/admin/adPic" class="layui-form layui-col-md12 x-so">
                {{csrf_field()}}
                <input type="text" name="keyword" placeholder="请输入关键字" value="{{ $req['keyword'] or ''}}" autocomplete="off" class="layui-input">
                <button class="layui-btn" style="margin: 0"  lay-filter="search"><i class="layui-icon">&#xe615;</i></button>

                <a class="layui-btn" onclick="x_admin_show('添加套图','/admin/adpicUpdate')"><i class="layui-icon"></i>添加</a>
            </form>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>套图名称</th>
                <th>默认图</th>
                <th>操作</th>
            </thead>
            <tbody>
            @foreach($res as $vo)
                <tr>
                    <td>{{ $loop->index + 1 }}</td>
                    <td>{{ $vo->name }}</td>
                    <td>{{ $vo->default }}</td>
                    <td class="td-manage">
                        <a title="编辑"  onclick="x_admin_show('添加套图','/admin/adpicUpdate?name={{ $vo->name }}')" class="layui-btn layui-btn-small layui-btn-xs">
                            <i class="layui-icon">&#xe642;编辑</i>
                        </a>
                        <a class="layui-btn layui-btn-small layui-btn-xs" onclick="setShop('{{$vo->name}}')" href="javascript:;">
                            应用门店
                        </a>
                        {{--<a title="删除" onclick="pic_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>
                {{$res->appends($req)->links()}}
            </div>
        </div>

    </div>
    <script>


        var shopUrl = "";
        layui.use('form', function(){
            form = layui.form;

            shopUrl =
                '<div style="margin: 20px;">'
                + '<div class="layui-form-item" >'
                + '<label class="layui-form-label">选择门店范围:</label>'
                + '<div class="layui-input-block" style="margin-bottom: 10px">'
                + '<select name="shop" >';

            @foreach($shoptype as $key => $vo)
                shopUrl +=  '<option value="{{$key}}">{{$vo}}</option>\n';
            @endforeach
                shopUrl +='</select>'
                + '</div>'
                + '</div>'
                + '</div>'
                + '<div class="" style="width: 100%;text-align: center">'
                + '<div class="layui-btn shopConfirm"  lay-submit="shopConfirm"  style="text-align: center">确认</div>'
                + '</div>';

        });

        function setShop(name) {
            layer.open({
                type: 1,
                title: '覆盖门店范围',
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: shopUrl
            });
            form.render('select');

            $(".shopConfirm").click(function (res) {
                var shoptype = $(this).parent().prev().find('select').val(); // 选择当前活动

                console.log(shoptype);
                $.post(
                    "/admin/setAdShop",
                    {
                        'shoptype':shoptype, // 指定哪些门店
                        'name':name, // 切换哪个套图
                        '_token':$("input[name=_token]").val()
                    },
                    function (res) {

                        layer.closeAll();
                        //发异步，把数据提交给php
                        if(res.status == 1 ) {

                            layer.msg(res.msg,{icon: 6,time:500});

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

                    }, "json");
            });

        }

        /*单据-删除*/
        function shopad(name){
            var option = "";
            @foreach($shoptype as $vo)
            option +=  '<option value="{{$vo}}">{{$vo}}</option>\n';
            @endforeach

            var url = "";
            url += '<div style="margin: 20px;">'
            url += '<form><div class="layui-form-inline" >'
            url += '<select name="shoptype">'+option+'</select>'
            url += '<a class="layui-btn x-right" onclick="remarkSave(this)" style="margin-top:10px;" >保存</a>'
            url += '</div></form>'
            url += '</div>'

            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                title: '广告图应用门店',
                content: url
            });

        }

        function remarkSave(e) {

            var remark = $(e).parent().find('textarea[name=remark]').val();
            var loadIndex = layer.load(); //打开加载loading
            //发异步，把数据提交给php
            $.post("/admin/remarkEdit", {
                '_token':$('input[name=_token]').val(),
                'id':$(e).parent().find('input[name=id]').val(),
                'type':$(e).parent().find('input[name=type]').val(),
                'table':$(e).parent().find('input[name=table]').val(),
                'remark':$(e).parent().find('textarea[name=remark]').val()
            }, function (res) {

                layer.close(loadIndex); //关闭加载loading
                //发异步，把数据提交给php
                if(res.status == 1) {

                    layer.alert(res.msg, {icon: 6},function () {
                        //关闭当前frame
                        layer.closeAll();
                        location.reload();
                    });
                } else {

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

            }, "json");
        }


    </script>
@endsection