@extends('layouts.father')
@section('style')
    <link href="/assets/formSelect/formSelects-v4.css" rel="stylesheet">
    <style>
        html, body {
            height: 100%;
            width: 100%;
            background: #f2f2f2
        }

        * {
            margin: 0;
            padding: 0;
        }

        .clearfix {
            *zoom: 1;
        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }

        .mask {
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            opacity: 0.5;
            filter: alpha(opacity=0.5);
            z-index: 999;
            position: fixed;
            top: 0;
        }

        .infWrapBox {
            padding: 40px;
            border: #000 dashed 2px;
        }

        .infWrap {
        }

        .infWrap p {
            margin-bottom: 20px
        }

        .modelWrap {
            width: 431px;
            float: right;
        }

        .modelWrap img {
            width: 414px;
            float: left
        }

        .model {
            height: 736px;
            overflow: scroll
        }

        .selectWrap {
            width: 299px;
            height: 150px;
            background: #FFFFFF;
            z-index: 1000;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -150px;
            margin-top: -75px;
            border: 1px solid #333;
            border-radius: 10px
        }

        .selectWrap a {
            width: 149px;
            display: inline-block;
            text-align: center;
            left: 0;
            color: #333;
            text-decoration: none;
            border-top: 1px solid #333;
            position: absolute;
            bottom: 0;
            height: 100px;
            line-height: 100px;
            border-radius: 0 0 0 10px
        }

        .selectWrap a:last-child {
            left: 149px;
            border-left: 1px solid #333;
            border-radius: 0 0 10px 0
        }

        .selectWrap a:hover {
            background: #ccc
        }

        /*.layui-upload-img {*/
            /*display: none;*/
        /*}*/

        .layui-upload-more-img {
            width: 92px;
            height: 92px;
            margin: 0 10px 10px 0;
        }
    </style>
    <link href="/assets/lightbox/css/lightbox.css" rel="stylesheet">
@endsection
@section('title')
    修改门店
@endsection
@section('body')
    <div class="x-body">
        <form class="layui-form" action="" method="post" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>门店店名
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请填写门店名称" value="{{$shop->name}}" type="text" id="name" name="name" @if($shop->name_key == 0) readonly @endif required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                    <input type="hidden" name="id" value="{{$shop->id}}">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>门店联系人
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请填写门店联系人" value="{{$shop->people}}" type="text" id="people" name="people" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>联系方式
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请填写联系方式" value="{{$shop->phone}}" type="text" id="phone" name="phone" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="address" class="layui-form-label">
                    <span class="x-red">*</span>请选择城市
                </label>
                <div class="layui-input-inline" style="position: relative">
                    <div id="picker5" style="width: 188px;height: 36px;position: absolute"></div>
                    <input placeholder="省市区" value="{{$shop->city}}" type="text" id="add-city" name="city" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <button type="button" onclick="importAddress('{{$shop->belong}}')" class="layui-btn importAdress @if(!$shop->belong) x-disable @endif">
                    导入客户地址
                </button>
                <div style="margin-left: 95%;width: 100px;height: 50px" onclick="showBug()"></div>
            </div>
            <div class="layui-form-item">
                <label for="address" class="layui-form-label">
                    <span class="x-red">*</span>详细地址
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请输入详细地址" value="{{$shop->address}}" type="text" id="address" name="address" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                    <div id="sssssss-bug-div">
                        <input type="text" id="sssssss-bug" autocomplete="off" class="layui-input">
                        <a class="layui-btn sssssss-bug-a">同步</a>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="imei" class="layui-form-label">
                    绑定设备IMEI码
                </label>
                <div class="layui-input-block">
                    <select xm-select="imei"  name="imei">
                        <option disabled>请选择IMEI</option>
                        @foreach($imei as $i)
                            <option value="{{$i}}">{{$i}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="client" class="layui-form-label">
                    <span class="x-red">*</span>选择加盟商
                </label>
                <div class="layui-input-inline">
                    <select lay-filter="enteradd" name="client" lay-search lay-verify="required">
                        <option value="">请选择加盟商</option>
                        @foreach($client as $c)
                            @if($c['name'] == $shop->belong)
                            <option selected value="{{$c['name']}}">{{$c['name']}}</option>
                            @else
                            <option value="{{$c['name']}}">{{$c['name']}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    是否冻结该门店
                </label>
                <div class="layui-input-inline">
                    <select lay-filter="enteradd" name="status">
                        <option>请选择是否冻结该门店</option>
                        <option @if($shop->status == '否') selected @endif value="否">否</option>
                        <option @if($shop->status == '是') selected @endif value="是">是</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span class="x-red">*</span>门店类型:</label>
                <div class="layui-input-block">
                    @foreach($type as $t)
                        <input type="checkbox" @if(str_contains($shop->type,$t)) checked @endif name="type[]" lay-verify="otherReq" value="{{ $t }}" title="{{ $t }}" >
                    @endforeach
                </div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    是否标准
                </label>
                <div class="layui-input-inline">
                    <select lay-filter="enteradd" name="standard">
                        <option value="">是否标准店</option>
                        <option @if($shop->standard == "标准店") selected @endif value="标准店">标准店</option>
                        <option @if($shop->standard == "非标店") selected @endif value="非标店">非标店</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    选择广告套图
                </label>
                <div class="layui-input-inline">
                    <select name="adpic">
                        <option disabled>请选择广告套图</option>
                        @foreach($adpic as $v)
                            <option @if($shop->adpic == $v) selected @endif value="{{ $v }}">{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    建筑面积
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请填写建筑面积" value="{{$shop->area}}" type="text" id="area" name="area" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">m²</div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    商城能否被搜索
                </label>
                <div class="layui-input-inline">
                    <input type="radio" @if($shop->search == '1') checked @endif name="search" value="1" title="是">
                    <input type="radio" @if($shop->search == '0') checked @endif name="search" value="0" title="否">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="lcxh" class="layui-form-label">
                    是否将订单物料型号更换为本司型号
                </label>
                <div class="layui-input-inline">
                    <input type="radio" @if($shop->lcxh == '1') checked @endif name="lcxh" value="1" title="是">
                    <input type="radio" @if($shop->lcxh == '0') checked @endif name="lcxh" value="0" title="否">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    品牌门店
                </label>
                <div class="layui-input-inline">
                    <input placeholder="请填写品牌门店" type="text"  value="{{$shop->webname}}" id="webname" name="webname" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="color" class="layui-form-label">
                    品牌颜色
                </label>
                <div class="layui-input-inline" style="width: 120px;">
                    <input type="text" value="{{$shop->color}}" name="color" placeholder="#000000" class="layui-input" id="color">
                </div>
                <div class="layui-inline" style="left: -11px;">
                    <div id="colorFrom"></div>
                </div>
            </div>
            <div class="layui-form-item layui-card">

                <div class="layui-card-header"> 品牌标志</div>
                <div class="layui-card-body">
                    <div class="layui-upload">
                        <button type="button" class="layui-btn uploads @if($shop->ppbz) x-disable @endif">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                        </button>
                        <input type="hidden" name="ppbz" value="{{$shop->ppbz}}">
                        <div class="layui-uploads-list">

                            <a href="{{env('OSS_HOST').$shop->ppbz}}" data-lightbox="pay_pic" data-title="品牌标志">
                                <img id="uploads-img" class="layui-uploads-img uploads-img"  src="{{env('OSS_HOST').$shop->ppbz}}" style="height: 100px;@if(!$shop->pay_pic) display: none; @endif">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2 dn" onclick="removeImg('ppbz')" @if(!$shop->ppbz) style="display: none;" @endif >&#x1007;</i>

                            <p id="test-upload-demoText"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    水洗唛模板
                </label>
                <div class="layui-input-inline">
                    <select name="wash">
                        <option @if($shop->wash == 1) selected @endif value="1">帘创优家模板</option>
                        <option @if($shop->wash == 2) selected @endif value="2">伊莱丝特模板</option>
                        <option @if($shop->wash == 3) selected @endif value="3">通用模板</option>
                        <option @if($shop->wash == 4) selected @endif value="4">红旗模板</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    快递方式
                </label>
                <div class="layui-input-inline">
                    <select name="kuaidi">
                        <option value=""></option>
                        <option @if($shop->kuaidi == 1) selected @endif value="1">寄付</option>
                        <option @if($shop->kuaidi == 2) selected @endif value="2">到付</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="status" class="layui-form-label">
                    发货方式
                </label>
                <div class="layui-input-inline">
                    <select lay-filter="enteradd" name="fahuo">
                        <option value=""></option>
                        @foreach($kuaidi_type as $k)
                            <option @if($shop->fahuo == $k) selected @endif value="{{$k}}">{{$k}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-card">

                <div class="layui-card-header"> 门店支付二维码</div>
                <div class="layui-card-body">
                    <div class="layui-upload">
                        <button type="button" class="layui-btn upload @if($shop->pay_pic) x-disable @endif">
                            <i class="layui-icon">&#xe67c;</i>上传图片
                        </button>
                        <input type="hidden" name="pay_pic" value="{{$shop->pay_pic}}">
                        <div class="layui-upload-list">

                            <a href="{{env('OSS_HOST').$shop->pay_pic}}" data-lightbox="pay_pic" data-title="门店支付二维码">
                                <img id="upload-img" class="layui-upload-img upload-img"  src="{{env('OSS_HOST').$shop->pay_pic}}" style="height: 100px;@if(!$shop->pay_pic) display: none; @endif">
                            </a>
                            <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2 dn" onclick="removeImg('pay_pic')" @if(!$shop->pay_pic) style="display: none;" @endif >&#x1007;</i>

                            <p id="test-upload-demoText"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    发货人
                </label>
                <div class="layui-input-inline">
                    <input placeholder="发货人" type="text" id="peoples" value="{{$shop->peoples}}" name="peoples" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    发货人电话
                </label>
                <div class="layui-input-inline">
                    <input placeholder="发货人电话" type="text" value="{{$shop->tel}}" id="tel" name="tel" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    发货人地址
                </label>
                <div class="layui-input-inline">
                    <input placeholder="发货人地址" type="text" value="{{$shop->people_address}}" id="people_address" name="people_address" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    自定义1
                </label>
                <div class="layui-input-inline">
                    <input placeholder="自定义1" type="text" value="{{$shop->zdy1}}" id="zdy1" name="zdy1" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    自定义2
                </label>
                <div class="layui-input-inline">
                    <input placeholder="自定义2" type="text" value="{{$shop->zdy2}}" id="zdy2" name="zdy2" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    自定义3
                </label>
                <div class="layui-input-inline">
                    <input placeholder="自定义3" type="text" value="{{$shop->zdy3}}" id="zdy3" name="zdy3" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button class="layui-btn" lay-filter="add" lay-submit="">
                    提交
                </button>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="/js/picker/city.js"></script>
    <script type="text/javascript" src="/js/picker/picker.min.js"></script>
    <script type="text/javascript" src="/js/picker/index.js"></script>
    <script src="/assets/lightbox/js/lightbox.js"></script>
    <script src="/assets/formSelect/formSelects-v4.js"></script>
    <script>
        var formSelects = layui.formSelects;
        layui.use(['laydate', 'element', 'laypage', 'layer', 'upload', 'form','table','colorpicker'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件
            upload = layui.upload;
            form = layui.form;
            table = layui.table;
            colorpicker = layui.colorpicker;
            //以上模块根据需要引入

            layer.ready(function () { //为了layer.ext.js加载完毕再执行

                layer.photos({
                    photos: '#x-img',
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                });
            });
            //表单赋值
            colorpicker.render({
                elem: '#colorFrom'
                ,color: '{{$shop->color ?: '#000000'}}'
                ,done: function(color){
                    $('#color').val(color);
                }
            });
            $('.confirm').click(() => {
                add_city()
            })
            function add_city() {
                $('#add-city').val($('#picker5')[0].innerText.replace(/ /g,","))
                $('#picker5')[0].innerText = ''
            }
            var imei = '{{$shop->imei}}';
            imeiArr = imei.split(',');
            formSelects.value('imei', imeiArr);


            var loadIndex = ''; //打开加载loading
            //执行实例
            var uploadInst = upload.render({
                elem: '.upload' //绑定元素
                ,size: 2000

                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': 'payshop',                              // 上传文件夹 默认上传地址
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                    obj.preview(function (index, file, result) {
                        $('.upload-img').attr('src', result); //图片链接（base64）
                        $('.upload-img').show();
                        $('.dn').show();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".upload").addClass("x-disable");
                        $(".upload-img").next('.dn').show();//删除按钮出现

                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=pay_pic]").val(res.data.filename);
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
            var uploadInsts = upload.render({
                elem: '.uploads' //绑定元素
                ,size: 2000

                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': 'payshop',                              // 上传文件夹 默认上传地址
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                    obj.preview(function (index, file, result) {
                        $('.uploads-img').attr('src', result); //图片链接（base64）
                        $('.uploads-img').show();
                        $('.dn').show();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".uploads").addClass("x-disable");
                        $(".uploads-img").next('.dn').show();//删除按钮出现

                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=ppbz]").val(res.data.filename);
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

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

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

            form.verify({
              isChecked:[],
              otherReq:function(value,item){
                this.isChecked =  [...$('input[name^=type]')].map(item => $(item).next().hasClass('layui-form-checked'))
                // this.isChecked.push([...]);
                if(this.isChecked.includes(true)){
                  // 如果有一个true => 说明 选中了

                }else{
                  return "必填项门店类型不可以不填写"
                }
              }
            })

            form.on('submit(add)', function(data){
                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/shopdoUpdate", data.field, function (res) {

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

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

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

                }, "json");
                return false;
            });

        });
        function freight(address) {
            return
        }


        /*删除主图或者附图*/
        function removeImg(className) {
            var url = "/admin/picDelete?path="+$('input[name='+className+']').val();
            layer.confirm('确认要删除吗？',function(index){ //删除服务器上的图片
                $.get(url, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        // 恢复选择图片按钮 可点击
                        var btn = $('input[name='+className+']').parent().children("button");
                        btn.removeClass("x-disable");
                        $('input[name='+className+']').val("");
                        //视图移除图片
                        var pic =$('input[name='+className+']').parent().children('.layui-upload-list').find(".upload-img");
                        var pic_dn =$('input[name='+className+']').parent().children('.layui-upload-list').children(".dn");
                        $(pic).hide();
                        $(pic_dn).hide();
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

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

        /*删除主图或者附图*/
        function importAddress(name) {

            var url = "/admin/importAddress?name="+name;
            $.get(url, function (res) {
                // 发异步，把数据提交给php
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    // 恢复选择图片按钮 可点击
                    console.log(res);
                    $("input[name=city]").val(res.data.province);
                    $("input[name=address]").val(res.data.address);
                    //发异步把用户状态进行更改
                    layer.msg(res.msg,{icon: 6,time:1000});

                } else {

                    layer.alert(res.msg, {icon: 5});
                }
            });
        }
        $('#sssssss-bug-div').hide()
        $('.sssssss-bug-a').click(()=>{
            $('#add-city').val($('#sssssss-bug').val().replace(/ /g,","))
        })
        function showBug() {
            $('#sssssss-bug-div').show()
        }
    </script>
@endsection