@extends('layouts.father')
@section('title', '订单列表')
@section('body')
    <style>
        .dn{
            display: none;
        }
    </style>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="">系统设置</a>
        <a href="">商城设置</a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href='' title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <form class="layui-form" action="">
            {{csrf_field()}}
            <div class="layui-form-item">
                <label class="layui-form-label" style="text-align: left">品牌名称:</label>
                <div class="layui-input-block">
                    <input type="text" name="name" value="{{ $set['品牌名称'] or '' }}" autocomplete="off" placeholder=""
                           class="layui-input li_input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" style="text-align: left">品牌简介:</label>
                <div class="layui-input-block">
                    <textarea type="text" name="info" autocomplete="off" class="layui-textarea"
                              style="width: 450px">{{ $set['品牌简介'] or '' }}</textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label" style="text-align: left">商城默认pp:</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input li_input" name="pp" value="{{ $set['pp'] or '' }}">
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label" style="text-align: left">品牌logo:</label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn upload @if(isset($set['品牌logo']) && $set['品牌logo'] != '') x-disable @endif"><i class="layui-icon">&#xe67c;</i>上传图片</button>
                    <input type="hidden" name="logo" value="{{ $set['品牌logo'] or '' }}">
                    <div class="layui-upload-list @if(!(isset($set['品牌logo']) && $set['品牌logo'] != '')) dn @endif">
                        <img class="layui-upload-img upload-img" src="@if(isset($set['品牌logo']) && $set['品牌logo'] != '') {{ env('OSS_HOST').$set['品牌logo'] }} @endif" style="height: 100px;">
                        <i class="layui-icon iconfont layui-icon detail-img-icon" onclick="removeImg('logo')" >&#x1007;</i>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label" style="text-align: left"> 浏览器logo（必须icon格式） </label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn upload2"><i class="layui-icon">&#xe67c;</i>上传图片</button>
                    <input type="hidden" name="ico" value="{{ $set['浏览器logo'] or '' }}">
                    <div class="layui-upload-list @if(!(isset($set['浏览器logo']) && $set['浏览器logo'] != '')) dn @endif">
                        <img class="layui-upload-img upload-ico" src="@if(isset($set['浏览器logo']) && $set['浏览器logo'] != '') {{ env('OSS_HOST').$set['浏览器logo'] }} @endif" style="height: 100px;">
                        <i class="layui-icon iconfont layui-icon detail-img-icon" onclick="removeImg('ico')" >&#x1007;</i>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">
                    保存
                </button>
            </div>
        </form>
    </div>
    <script>
        layui.use(['form', 'upload'], function(){
            var form = layui.form
                ,layer = layui.layer
                ,upload = layui.upload

          upload.render({
            elem: '.upload2' //绑定元素
            ,accept:"file" // 所有文件全部都可以上传
            ,acceptMime:"ico|icon" // 限制文件格式上传 => 只可以上传 ico 或者 icon 格式的文件
            ,size: 2048
            , url: '/admin/upload' //上传接口
            , data: {
              '_token': $("input[name=_token]").val(),
              'type': 'notice',                              // 上传文件夹 默认上传地址enterprise
              'thumb': 0                           // 1 ，开启缩略图，0, 不开启
            }
            ,before(obj){
              loadIndex = layer.load();
              obj.preview(function (index , file ,result) {
                $('.upload-ico').attr('src' , result);
                $('.upload-ico').show();
              })
            },
            done: function (res, index, upload) {
              //上传完毕回调
              layer.close(loadIndex); //关闭加载loading
              if (res.status == 1) {
                $(".upload2").addClass("x-disable");
                $(".upload-ico").parent().removeClass('dn');
                layer.msg(res.msg, {icon: 6, time: 1000});
                $("input[name=ico]").val(res.data.filename);
              }
            }
            , error: function (error, upload) {
              //请求异常回调
              console.log(error);
              layer.close(loadIndex); //关闭加载loading
            }
          });

            upload.render({
                elem: '.upload' //绑定元素
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': 'notice',                              // 上传文件夹 默认上传地址enterprise
                    '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();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".upload").addClass("x-disable");
                        $(".upload-img").parent().removeClass('dn');
                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=logo]").val(res.data.filename);

                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

            form.on('submit(add)', function (data) {

                var loadIndex = layer.load(); //打开加载loading
                // console.log(data.field);
                //发异步，把数据提交给php
                $.post("/admin/website", data.field, function (res) {

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

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

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

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


        /*删除主图或者附图*/
        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) {

                        $('input[name='+className+']').val(""); // 删除input 图片路径

                        // 恢复选择图片按钮 可点击
                        var btn = $('input[name='+className+']').parent().children("button");
                        btn.removeClass("x-disable");

                        //视图移除图片
                        var pic =$('input[name='+className+']').parent().children('.layui-upload-list');
                        pic.addClass('dn');
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
    </script>
@endsection