@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="/admin/shopList" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <div class="layui-row">
            <form action="/admin/shopList" class="layui-form layui-col-md12 x-so">
                <input type="text" name="keyword" placeholder="请输入门店" value="{{ $req['keyword'] or ''}}" autocomplete="off" class="layui-input">
                <div class="layui-input-inline">
                    <select name="business" lay-search>
                        <option value="">选择加盟商</option>
                        @foreach($client as $c)
                            <option value="{{$c}}" @if(isset($req['business']) && $req['business'] == $c) selected @endif>{{$c}}</option>
                        @endforeach
                    </select>
                </div>
                <button class="layui-btn" style="margin: 0"  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
            </form>
        </div>
        <xblock>
            {{--<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>--}}
            <button class="layui-btn" style="margin: 0" onclick="x_admin_show('添加门店','/admin/shopAdd')"><i class="layui-icon"></i>添加</button>
            <button class="layui-btn x-right importAct" style=""><i class="layui-icon"></i>活动上下架导入</button>
            <button class="layui-btn x-right importActs" style=""><i class="layui-icon"></i>单个活动上下架导入</button>
            {{--<span class="x-right" style="line-height:40px">共有数据：88 条</span>--}}
        </xblock>{{csrf_field()}}
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>店名</th>
                <th>门店ID</th>
                <th>所属加盟商</th>
                <th>详细地址</th>
                {{--<th>支付渠道</th>--}}
                <th>设备IMEI号</th>
                <th>状态</th>
                <th>门店商品列表</th>
                <th>广告图</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
        <table class="layui-table">
            <tbody id="x-img">
            @foreach($shop as $s)
                <tr class="info_tr">
                    <td>{{$loop->index +1}}</td>
                    <td>
                        <a onclick="x_admin_show('编辑','/admin/shopUpdate/{{$s->id}}')" class="a-red" href="javascript:;">
                        {{$s->name}}
                        </a>
                    </td>
                    <td>{{$s->shopid}}</td>
                    <td>{{$s->belong}}</td>
                    <td>{{$s->address}}</td>
                    {{--<td>{{$s->payway}}</td>--}}
                    <td>{{$s->imei}}</td>
                    <td>@if($s->status == '否') 营业中@else 已冻结 @endif</td>
                    <td><a class="layui-btn layui-btn-small layui-btn-xs"  onclick="x_admin_show('门店商品列表','/admin/productList/{{$s->id}}')" href="javascript:;">门店商品列表</a></td>
                    <td class="td-manage">
                        <a class="layui-btn layui-btn-small layui-btn-xs" onclick="setShopAD({{$s->id}}+'','{{$s->adpic}}','{{$s->name}}')" href="javascript:;">
                            选择广告套图
                        </a>
                    </td>
                    <td class="td-manage">
                        <a title="编辑"  onclick="x_admin_show('编辑','/admin/shopUpdate/{{$s->id}}')" href="javascript:;"  class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon layui-icon-edit">编辑</i>
                        </a>
                        <a class="layui-btn layui-btn-small layui-btn-xs" onclick="getActivityList({{$s->id}},'{{$s->name}}')" href="javascript:;">
                            覆盖全门店活动
                        </a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" onclick="x_admin_show('日志详情','/admin/historyInfo/SHOP{{$s->id}}')" href="javascript:;">查看日志</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$shop->appends($req)->links()}}
            </div>
        </div>

    </div>
    <script>

        var form = "";
        var activityListUrl = "";
        var adpic = "";
        layui.use(['laydate','form','upload'], function(){
            var laydate = layui.laydate;
            var upload = layui.upload;
            form = layui.form;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });


            activityListUrl =
            '<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="act" ><option value="">请选择活动</option>';
                        @foreach($activity as $act)
                            activityListUrl +='<option value="{{$act->id}}">{{$act->name}}</option>';
                        @endforeach
            activityListUrl +='</select>'
                    + '</div>'
                + '</div>'
            + '</div>'
            + '<div class="" style="width: 100%;text-align: center">'
                + '<div class="layui-btn actConfirm"  lay-submit="actConfirm"  style="text-align: center">确认</div>'
            + '</div>';

            /** 上传规格 */
            upload.render({
                elem: '.importAct' //绑定元素
                ,size: 2048
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importAct' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.alert(res.msg,{icon: 6});
                    } else {
                        layer.alert(res.data,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

            upload.render({
                elem: '.importActs' //绑定元素
                ,size: 2048
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importActs' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.alert(res.msg,{icon: 6});
                    } else {
                        layer.alert(res.data,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

        });



        function getActivityList(shopid,name) {
            layer.open({
                type: 1,
                title: "门店："+name,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: activityListUrl,
                shadeClose: true
            });
            form.render('select');

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

                $.post(
                    "/admin/setAid",
                    {
                        'eid':'-1', // 特殊字段 表示全门店
                        'shopid':shopid,
                        'aid':aid,
                        '_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 setShopAD(shopid,adpic,shopname) {


            var adpicList = '<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="adpic" ><option value="">请选择广告图</option>';
            @foreach($adpic as $vo)
                if('{{$vo}}' == adpic) {
                    adpicList +='<option selected value="{{ $vo }}">{{ $vo }}</option>';
                } else {
                    adpicList +='<option value="{{ $vo }}">{{ $vo }}</option>';
                }
            @endforeach
                adpicList +='</select>'
                + '</div>'
                + '</div>'
                + '</div>'
                + '<div class="" style="width: 100%;text-align: center">'
                + '<div class="layui-btn adpicConfirm"  lay-submit="adpicConfirm"  style="text-align: center">确认</div>'
                + '</div>';


            layer.open({
                type: 1,
                title: "门店："+shopname,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                content: adpicList,
                shadeClose: true
            });
            form.render('select');

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

                $.post(
                    "/admin/setAdShop",
                    {
                        'eid':'-1', // 特殊字段 表示全门店
                        'shopid':shopid, // 门店id
                        'name':adpic, // 活动美年广场
                        '_token':$("input[name=_token]").val()
                    },
                    function (res) {

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

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

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

                    }, "json");
            });

        }


    </script>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
@endsection