@extends('layouts.father')
@section('title', '供应商型号编辑')
@section('body')

    <div class="x-body">
        <form class="layui-form" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="layui-form-item">
                <div class="" style="width: 80%;">
                <input type="hidden" name="client_xh" value="{{ isset($client_xh) && $client_xh == 1 ? 1 : 0 }}">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>货号:</label>
                        <div class="layui-input-block">
                            <input lay-verify="required" type="text" name="number"  value="{{$supplier_xh->number}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                        <input type="hidden" name="id" value="{{$supplier_xh->id}}">
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">供应商名称:</label>
                        <div class=""  style="width: 300px;margin-left: 110px;">
                        <select name="name" lay-filter="aihao" style="width: 120px;" lay-search>
                            <option value=""  selected=""></option>
                            @foreach($name as $n)
                                <option @if($supplier_xh->name == $n) selected @endif  value="{{$n}}">{{$n}}</option>
                            @endforeach
                        </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">供应商型号:</label>
                        <div class="layui-input-block">
                            <input type="text" name="supplier_xh"  value="{{$supplier_xh->supplier_xh}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">出厂价:</label>
                        <div class="layui-input-block">
                            <input type="number" name="price"  value="{{$supplier_xh->price}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">销售价:</label>
                        <div class="layui-input-block">
                            <input type="number" name="sale_price"  value="{{$supplier_xh->sale_price}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">克重:</label>
                        <div class="layui-input-block">
                            <input type="number" name="kezhong"  value="{{$supplier_xh->kezhong}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                    </div>
                    <div class="layui-form-item" >
                        <label class="layui-form-label">门幅:</label>
                        <div class="layui-input-block">
                            <input type="number" name="menfu"  value="{{$supplier_xh->menfu}}" lay-verify="" autocomplete="off" class="layui-input li_input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>类型:</label>
                        <div class="layui-input-block" style="width: 300px">
                            <select name="type" lay-verify="required">
                                <option></option>
                                <option @if($supplier_xh->type == '布') selected @endif >布</option>
                                <option @if($supplier_xh->type == '纱') selected @endif>纱</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="address" class="layui-form-label">
                            克重日期：
                        </label>
                        <div class="layui-input-inline">
                            <input class="layui-input" value="{{$supplier_xh->kz_time}}" placeholder="请选择日期" name="kz_time" id="start">
                        </div>
                    </div>
                    @if(!empty($supplier_id))
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>默认供应商</label>
                        <div class=""  style="width: 280px;margin-left: 115px;">
                        <select name="default" lay-filter="aihao" style="width: 120px;" >
                            <option value=""  selected=""></option>
                            @foreach($supplier_id as $u)
                                <option @if($supplier_xh->default == $u->name) selected @endif  value="{{$u->name}}">{{$u->name}}</option>
                            @endforeach
                        </select>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <div class="layui-form-item">
                <label for="add" class="layui-form-label">
                </label>
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    保存
                </button>
            </div>
            <div id="putIn" class="inPut">
                @if($supplier_xh->status == '未审核')
                    <a onclick="do_client({{$supplier_xh->id}})" href="javascript:void(0)"><div class="layui-btn " id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  审核</div></a>
                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</div>
                @elseif($supplier_xh->status == '已审核')
                    <div id="putIn" class="inPut">
                        <a onclick="" href="javascript:void(0)"><div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  审核</div></a>
                        <a onclick="back_client({{$supplier_xh->id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                    </div>
                @endif
            </div>
            <div style="margin-top: 10px" class="layui-btn copy" onclick="copyUrl('{{$supplier_xh->id}}',this)" data-clipboard-target="#foo" aria-label="复制成功！" href="javascript:;">复制链接</div>

        </form>

    </div>
    <script type="text/javascript" src="/js/clipboard.min.js"></script>

    <script>
        layui.use('laydate', function(){
            var laydate = layui.laydate;

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

        layui.use(['layer','form','laydate'], function(){
            var laydate = layui.laydate;
            $ = layui.jquery;//jquery
            form = layui.form;
            //自定义验证规则
            form.verify({
                pass: [/(.+){6,16}$/, '密码必须6到16位']
                ,phone: [/^1[3|4|5|7|8]\d{9}$/, '手机必须11位，只能是数字！']

            });
            laydate.render({
                elem: '#start' //指定元素
            });
            //监听提交
            form.on('submit(add)', function(data){

                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=id]").val()
                if(id == ''){
                    url = "/admin/supplier_xhAdd";
                }else{
                    url = "/admin/doSupplier_xhAdd";
                }
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        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 do_client(id){
            layer.confirm('确认要审核吗？',function(index){
                $.get("/admin/doSupplier_xh/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/supplier_xhAdd?id='+res.data.id+'&'+'client_xh='+res.data.client_xh;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //撤销审核
        function back_client(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backSupplier_xh/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/supplier_xhAdd?id='+res.data.id+'&'+'client_xh='+res.data.client_xh;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        var clipboard = new Clipboard('.copy');
        function copyUrl(id,me){
            $('#foo').remove()
            let inputHtml = `<input type='text' id='foo' value='${window.location.host}/admin/supplier_xhAdd?id=${id}'>`
            $(me.parentNode).append(inputHtml)
        }
        clipboard.on('success', function(e) {
            var msg = e.trigger.getAttribute('aria-label');
            alert(msg);
            e.clearSelection();
            $('#foo').hide()
        });
        function copy(el){
            var range = document.createRange();
            var end = el.childNodes.length;
            range.setStart(el, 0);
            range.setEnd(el, end);
            var selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            document.execCommand("copy", false, null);
            // selection.removeRange(range);
        }

    </script>

@endsection