<style>
    .user-info h4 { line-height: 30px; border-bottom: 1px dotted #ccc; }
    #address{ margin-right: 10px; }
</style>

<form>
    <div class="ibox-title" style="border-top:0;">
        <h3>客户信息</h3>
    </div>

    <div class="ibox-content create-order">
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-sm-12">
                <input type="text" class="search-user" name="user-mobile" value="{{ $crm_account }}" placeholder="请输入会员账号">
                <a class="btn btn-info get-user">获取用户信息</a>
                
                <span>快捷入口:
                    <a href="{{Config('website.add-user-url')}}" target="_blank" style="margin-right: 10px;">新增用户账号</a>
                    <a href="{{Config('website.check-user-url')}}" target="_blank">查询/编辑用户账号</a>
                </span>
            </div>  
        </div>

        <div class="user-info">
            <div class="account-info">
                <h4>账户信息</h4>
                
                <input type="hidden" name="user_id" class="user_id" value="">

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>会员账号:</span>
                            <span class="user-mobile"></span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>密码:</span>
                            <span>******</span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>测试账号:</span>
                            <span class="user-test"></span>
                        </div>
                    </div>
                </div>
            </div> 
            
            <div class="express-info">
                <h4>快递信息 <span class="title-tips"><i class="fa fa-info-circle"></i>必须在下单前填写快递信息</span></h4>

                <input type="hidden" name="address_id" class="address_id" value="">

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>收货方式:</span>
                            <!-- <span>快递上门</span> -->
                            <select name="shipping_type" id="shipping_type">
                                <option value="1">快递上门</option>
                                <option value="2">自提</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-sm-6 select-addr">
                        <div class="form-group">
                            <span><i class="text-danger">*</i> 选择收货地址:</span>
                            <select name="address" id="address">
                            </select>

                            <label><input type="checkbox" name="is_free_ship" value="1" class="is_free_ship"> 免运费(勾选表示免除自营商品运费)</label>
                        </div>
                    </div>
                </div>
                
                <div class="address-content">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>联系人:</span>
                                <span class="address-consignee"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>联系电话:</span>
                                <span class="address-mobile"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>收货地址:</span>
                                <span  class="address-detail"></span>
                            </div>
                        </div>
                    </div>
                </div>  

                <!-- 自提展示 -->
                <div class="address-content-self" style="display: none;">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span><i class="error">*</i> 联系人:</span>
                                <input type="text" name="self_consignee" class="self_consignee">
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span><i class="error">*</i> 联系电话:</span>
                                <input type="text" name="self_mobile" class="self_mobile">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>收货地址:</span>
                                <span  class="address-detail">{{ Config('params.joint_addr') }}</span>
                            </div>
                        </div>
                    </div>
                </div>   
            </div>

            <div class="shipping-info">
                <h4>发货方式 <span class="title-tips"><i class="fa fa-info-circle"></i>现货发货创建的自营通知单,账户为原客户账户,公司和原客户地址; 拼单发货创建的自营通知单,账户为15011111111,猎芯公司以及星火仓的地址</span></h4>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span><i class="text-danger">*</i> 选择发货方式:</span>
                            <select name="zy_delivery_type" class="zy_delivery_type">
                                <option value="">请选择</option>
                                <option value="1">现货发货</option>
                                <option value="2">拼单发货</option>
                            </select>
                        </div>
                    </div>
                </div>   
            </div>

            <div class="invoice-info">
                <h4>发票信息 <span class="title-tips"><i class="fa fa-info-circle"></i>可在订单中心完善发票信息,需要在订单审核通过前填写发票信息,否则无法同步至ERP</span></h4>

                <input type="hidden" name="tax_id" class="tax_id" value="">

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>发票类型:</span>
                            <label class="radio-inline">
                                <input type="radio" name="inv_type" class="radio-inv-type" value="2"> 个人
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inv_type" class="radio-inv-type" value="3"> 增值税专用发票
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inv_type" class="radio-inv-type" value="4"> 增值税普通发票
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inv_type" class="radio-inv-type" value=""> 不开发票
                            </label>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>选择发票信息:</span>
                            <select name="invoice" id="invoice">
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>
                </div>
                
                <div class="invoice-content">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>发票抬头:</span>
                                <span class="tax_title"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>税务登记号:</span>
                                <span class="tax_no"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>银行卡号:</span>
                                <span class="bank_account"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>开户银行:</span>
                                <span class="bank_name"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>公司电话:</span>
                                <span class="company_phone"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>公司注册地址:</span>
                                <span class="company_address"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>联系人:</span>
                                <span class="consignee"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>联系电话:</span>
                                <span class="consignee_phone"></span>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>收货地址:</span>
                                <span class="consignee_address"></span>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <span>发票类型:</span>
                                <span class="inv_type"></span>
                            </div>
                        </div>
                    </div>
                </div>     
            </div>

            <div class="delivery-info">
                <h4>交货信息</h4>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>交货地址:</span>
                            <label class="radio-inline">
                                <input type="radio" name="delivery_place" class="delivery_place" value="1" checked="checked"> 大陆
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="delivery_place" class="delivery_place" value="2"> 香港
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            
            <style>
                .client-info input{ width: 300px; }
                .customer_type{ width: 30%; }
                .product_use_classone_sn, .product_use_classtwo_sn{ float: left; width: 30%; }
            </style>
            <!-- <div class="client-info form-horizontal">
                <h4>终端客户信息 <span class="title-tips"><i class="fa fa-info-circle"></i>digikey渠道商品必填,其他渠道可不填写</span></h4>
                
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="text-danger">*</i> 终端中文名称:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control customer_cn" name="customer_cn" value="" autocomplete="off">
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="text-danger">*</i> 客户类型:</label>
                            <div class="col-sm-10">
                                <select class="form-control customer_type" name="customer_type">
                                    <option value="">请选择</option>
                                    @if (Config('params.end_user_type'))
                                        @foreach (Config('params.end_user_type') as $k => $v)
                                            <option value="{{ $k }}">{{ $v }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="text-danger">*</i> 终端英文名称:</label>
                            <div class="col-sm-10">
                                <input type="text" class="customer_en" name="customer_en" value="" autocomplete="off">
                                <a href="https://translate.google.cn/" target="_blank">谷歌翻译</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="text-danger">*</i> 产品用途:</label>
                            <div class="col-sm-10">
                                <select class="form-control product_use_classone_sn" name="product_use_classone_sn">
                                    <option value="">请选择</option>
                                </select>

                                <select class="form-control product_use_classtwo_sn" name="product_use_classtwo_sn"></select>  
                            </div> 
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="text-danger">*</i> 客户网址:</label>
                            <div class="col-sm-10">
                                <input type="text" class="customer_website" name="customer_website" value="" autocomplete="off">
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>

    <div class="ibox-title">
        <h3>商品信息</h3>
    </div>

    <div class="ibox-content create-order">
        <div class="row">
            <div class="col-sm-12">
                <input type="text" class="search-sku" name="sku_id" value="" placeholder="请输入SKUID">
                <a class="btn btn-info get-sku">获取SKU信息</a>
                
                <span>快捷入口:
                    <a href="{{Config('website.add-sku-url')}}" target="_blank" style="margin-right: 10px;">+新增SKU</a>
                    <a href="{{Config('website.search-sku-url-1')}}" target="_blank" style="margin-right: 10px;">查询联营SKU</a>
                    <a href="{{Config('website.search-sku-url-2')}}" target="_blank">查询自营SKU</a>
                </span>

                <div class="batch-btn">
                    <a class="btn btn-success goods_import" data-type="1">批量导入物料</a>
                    <a class="btn btn-info" href="https://img.ichunt.com/doc/excel/template/%E8%81%94%E8%90%A5%E6%89%B9%E9%87%8F%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx">联营物料模板下载</a>
                </div>
            </div>   
        </div>
        
        <!-- SKU信息 -->
        <div class="sku-info">
            <h4>型号信息</h4>
            
            <div class="sku-info-left">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>SKU型号:</span>
                            <span class="goods_name"></span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>制造商:</span>
                            <span class="brand_name"></span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>供应商:</span>
                            <span class="supplier_name"></span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>库存数量:</span>
                            <span class="stock"></span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>起订量:</span>
                            <span class="moq"></span>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>标准包装量:</span>
                            <span class="mpq"></span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <span>是否能购买:</span>
                            <span class="status"></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="sku-info-right table-responsive">
                <table class="table table-hover ladder_price_table">
                    <!-- <tr>
                        <th>阶梯</th>
                        <th>RMB价格</th>
                        <th>USD价格</th>
                    </tr>  -->                               
                </table>
            </div>

            <input type="hidden" name="goods_id" class="goods_id" value="">
            <input type="hidden" name="goods_type" class="goods_type" value="">

            <div class="clear"></div> 

            <a class="btn btn-success add-to-lists">添加至商品列表</a>  
        </div>

        <!-- 商品列表 -->
        <style>
            .shop-table tbody tr td{ word-break: break-all; }
        </style>
        <div class="shop-lists table-responsive">
            <table class="table table-bordered table-hover shop-table">
                <thead>
                    <tr>
                        <th width="4%">序号</th>
                        <th width="10%">SKUID</th>
                        <th width="10%">商品名称</th>
                        <th width="10%">制造商</th>
                        <th width="10%">标准品牌</th>
                        <th width="4%">倍数</th>
                        <th width="8%">采购数量</th>
                        <th width="7%">采购单价</th>
                        <th width="7%">小计</th>
                        <th width="7%">货期</th>
                        <th width="6%">供应商</th>
                        <th width="6%">采购员</th>
                        <th width="7%">批次</th>
                        <th width="5%">操作</th>
                    </tr>
                </thead>
                <tbody></tbody>   
            </table>

            <textarea name="remark" id="remark" class="form-control" placeholder="填写订单备注信息"></textarea>
        </div>
    </div>

    <div class="order-gift-info">
        <div class="ibox-title">
            <h3>赠品信息</h3>
        </div>

        <div class="ibox-content">
            <table class="table table-bordered table-hover gift-table">
                <thead>
                    <tr>
                        <th width="10%">活动ID</th>
                        <th width="20%">赠品图片</th>
                        <th width="20%">赠品名称</th>
                        <th width="20%">赠品数量</th>
                        <th width="30%">赠品说明</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
    
    <div class="order-info">
        <div class="ibox-title">
            <h3>订单信息</h3>
        </div>

        <div class="ibox-content">
            <div class="row">
                <p class="con-title"><span>商品总额:</span></p>
                <p class="con-val goods_amount_val"></p>
            </div>

            <div class="row">
                <input type="hidden" class="user_coupon_id" name="user_coupon_id" value="">
                <p class="con-title"><span style="margin-top: 5px;">选择优惠券:</span></p>
                <p class="con-val">
                    <select name="user_coupon" id="user_coupon">
                        <option value="">请选择</option>
                    </select>
                </p>
            </div>
            
            <div class="row preferential_price">
                <p class="con-title"><span>优惠金额:</span></p>
                <p class="con-val preferential_price_val">0.00</p>
            </div> 

            <div class="row extend_fee">
                <p class="con-title"><span>附加费:</span></p>
                <p class="con-val extend_fee_val">0.00</p>
            </div> 

            <div class="row">
                <p class="con-title"><span>运费:</span></p>
                <p class="con-val express_fee_val">0.00</p>
            </div>

            <div class="row">
                <p class="con-title"><span>应付金额:</span></p>
                <p class="con-val text-danger order_amount"></p>
            </div>    
        </div>
    </div>

    <div class="ibox-title" style="text-align: right;">
        <a class="btn btn-success submit-order" data-type="1">提交</a>
    </div>
</form>

@include('common.selectBrand')

<script>  
    var sale_id = "{{$sale_id}}";
    var URL_api = "{{Config('website.api_domain')}}";
    var role    = "{{ $role }}";
    window.api_dgk_url_text ="<?php echo $api_dgk_url;?>"
  
    setTimeout( function(){
        $.get(window.api_dgk_url_text,function(data){
            window.data = data.data.data
            console.log(window.data)

            var product = Object.keys(window.data); // 获取一级分类
            var product_len = Object.keys(window.data).length

            for(var i = 0; i < product_len; i++){
                $('.product_use_classone_sn').append('<option value="'+i+'">'+product[i]+'</option>')
            }
        },'json')
    }, 10)

    $(document).on('change','.product_use_classone_sn',function(data){
        var select_key = $('.product_use_classone_sn option:selected').text();

        $('.product_use_classtwo_sn').html('');
        for(let key in window.data){
            if(key == select_key){
                // console.log(window.data[key])

                for(var i = 0; i < window.data[key].length; i++){
                    $('.product_use_classtwo_sn').append('<option value="'+i+'">'+window.data[key][i]+'</option>')
                }
            }
        }
    })

	$.lie.add_order.lyorder();
    // $.lie.standardBrand.index();
</script>