<style>
    .layui-form-item {
        margin-bottom: 5px;
    }

    .layui-input-inline {
        margin-top: 0px;
    }

    .xm-select {
        height: 30px;
        line-height: 30px;
    }

</style>
<div class="layui-card">
    {{Autograph()}}
    <div class="layui-card-body">
        <style>
            .fix-button {
                height: 40px;
                margin-top: 0;
                margin-left: -90px;
                padding: 10px 45px;
                position: fixed;
                top: 0;
                background: white;
                width: 100%;
                z-index: 10;
            }
        </style>
        <div style="height:40px"></div>
        <blockquote class="layui-elem-quote layui-text">
            <b>基本信息</b>
        </blockquote>
        <form class="layui-form" action="" lay-filter="supplier_form">

            <input type="hidden" name="apply_audit_reason" id="apply_audit_reason">

            <div class="layui-form-item">
                <div class="layui-col-md3">
                    @inject('singleSelectPresenter','App\Presenters\SingleSelectPresenter')
                    {!! $singleSelectPresenter->render('supplier_type','供应商类别',!empty($supplier)?array_get($supplier,'supplier_type',0):'1',[1=>'正式',2=>'临时'],['require'=>true]) !!}
                </div>

                <div class="layui-col-md3">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('region','所在区域 : ','',
                     config('fixed.Region'),['required'=>true,'width'=>'150px']) !!}
                </div>
                <div class="layui-col-md6">
                    <div class="city-div" style="display: none">
                        <label class="layui-form-label">选择省市 : </label>
                        <div class="city-selector" id="city-selector"></div>
                    </div>
                </div>

            </div>
            <div class="layui-form-item">
                <div class="layui-col-md5">
                    <label class="layui-form-label"><span class="require">*</span>供应商名称 : </label>
                    <div class="layui-input-block">
                        <input type="text" name="supplier_name" id="supplier_name"
                               placeholder="选择所在区域才允许输入供应商名称" class="layui-input layui-disabled"
                               value="" disabled>
                        <div id='supplier_check_tip' style='margin-top: 5px'>
                            <p style='color: red;'></p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md5">
                    <div class="layui-block" id="tax_number_div">
                        <label class="layui-form-label"><span id="tax_number_required_span" class="require">*</span>公司税号</label>
                        <div class="layui-input-block">
                            <input type="text" name="tax_number" id="tax_number"
                                   placeholder="选择所在区域才允许输入公司税号,海外供应商没有税号可以不填"
                                   class="layui-input layui-disabled" disabled value="">
                            <div id='supplier_check_tip' style='margin-top: 5px'>
                                <p style='color: red;'></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md2" style="padding-left: 40px">
                    <button type="button" class="layui-btn layui-btn-sm" id="recheck_company_info">重新查验公司信息
                    </button>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-col-md5">
                    <label class="layui-form-label">注册公司名 : </label>
                    <div class="layui-input-block">
                        <input type="text" name="register_company_name" id="register_company_name"
                               placeholder="请输入注册公司名,注册公司名必须同执照" class="layui-input" value="">
                    </div>
                </div>
                <div class="layui-col-md5">
                    <label class="layui-form-label">英文名称 : </label>
                    <div class="layui-input-block">
                        <input type="text" name="supplier_name_en" id="supplier_name_en"
                               placeholder="请输入供应商英文名称" class="layui-input" value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-md3">
                        @inject('statusPresenter','App\Presenters\StatusPresenter')
                        {!! $statusPresenter->render('purchase_uid','渠道开发员 : ',$default_purchase_uid,$userCodes,['required'=>true,'width'=>'150px']) !!}
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label"><span class="require">*</span>注册资金(万): </label>
                        <div class="layui-input-block" style="width: 150px">
                            <input type="text" name="registered_capital" id="registered_capital"
                                   placeholder="单位(万),至少50万" class="layui-input" value="">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        @inject('statusPresenter','App\Presenters\StatusPresenter')
                        {!! $statusPresenter->render('is_business_abnormal','是否历史经营异常 : ','',
                         [-1=>'否',1=>'是'],['required'=>true,'label_width'=>'120px','width'=>'100px']) !!}
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label"><span class="require">*</span>公司电话 : </label>
                        <div class="layui-input-block" style="width: 150px">
                            <input type="text" name="phone" id="phone"
                                   placeholder="请输入公司电话" class="layui-input" value="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md5">
                    <label class="layui-form-label"><span class="require">*</span>注册地址 :
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="supplier_address" id="supplier_address"
                               placeholder="请输入注册地址" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md7">
                    <label class="layui-form-label">发货地址 : </label>
                    <div class="layui-input-block">
                        <input type="text" name="shipping_address" id="shipping_address"
                               placeholder="请输入发货地址" class="layui-input"
                               value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md3">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('supplier_group','公司性质',!empty($supplier)?array_get($supplier,'supplier_group',null):'',
                     config('fixed.SupplierGroup'),['required'=>true,'width'=>'150px']) !!}
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label"><span class="require">*</span>法人代表 :
                    </label>
                    <div class="layui-input-block">
                        <input type="text" style="width: 150px" name="legal_representative"
                               id="legal_representative"
                               placeholder="请输入法人代表" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md3">
                    @inject('singleSelectPresenter','App\Presenters\SingleSelectPresenter')
                    {!! $singleSelectPresenter->render('has_legal_ID_card','法人身份证 :',-1,[1=>'有',-1=>'无']) !!}
                </div>
                <div class="layui-col-md3">
                    <label class="layui-form-label" style="width: 80px"><span class="require">*</span>成立时间 :
                    </label>
                    <div class="layui-input-block" style="width: 150px">
                        <input type="text" id="established_time" name="established_time"
                               placeholder="请输入成立时间"
                               class="layui-input"
                               autocomplete="off"
                               value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md3">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('currency','结算币种',
                   isset($supplier)?$supplier['currency']:'',config('fixed.Currency'),['required'=>true,'width'=>'150px']) !!}
                </div>
                <div class="layui-col-md3">
                    <div class="layui-inline">
                        <label class="layui-form-label">到票时间 :
                        </label>
                        <div class="layui-input-block">
                            <input type="text" style="width: 150px" name="ticket_time" id="ticket_time"
                                   placeholder="请输入到票时间" class="layui-input" value="">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <label class="layui-form-label">3-5家客户 :
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="main_customers" id="main_customers"
                               placeholder="请输入3-5家客户" class="layui-input"
                               value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md12">
                    <label class="layui-form-label">
                        <span class="require">*</span>
                        主营品牌</label>
                    <div class="layui-input-block">
                        <div id="brand_selector" class="layui-input-inline" style="width: 100%;">
                        </div>
                        <input type="hidden" name="main_brands" value=""
                               id="main_brands">
                    </div>
                    <a style="color: #009688;" id="batchAddMainBrands">+批量增加主营品牌</a>
                    <div id="batchAddMainBrandsDiv"
                         style="padding-left: 30px;padding-top: 30px;padding-right: 30px;display: none">
                        <div class="layui-col-md12">
                            <textarea rows="7" placeholder="标准品牌名称,多个用英文逗号隔开" class="layui-textarea"
                                      id="batchAddMainBrandsTextarea"></textarea>
                            <blockquote class="layui-elem-quote" id="batchAddMainBrandsBlockQuote"></blockquote>
                            <span style="color: red" id="invalid_${name}_name_list"></span>
                        </div>
                        <div class="layui-col-md12">
                            <button class="layui-btn layui-btn-sm" type="button" id="confirmBatchAddMainBrands">
                                验证并且添加
                            </button>
                            <button class="layui-btn layui-btn-sm layui-btn-primary" type="button"
                                    id="closeBatchAddMainBrands">关闭
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item" id="agency_brands_div" style="display: none">
                <label class="layui-form-label">
                    <span class="require">*</span>
                    代理品牌</label>
                <div class="layui-input-block" style="margin-top: 15px">
                    <div id="agency_brand_selector" class="layui-input-inline" style="width: 100%;">
                    </div>
                    <input type="hidden" name="agency_brands" value=""
                           id="agency_brands">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md6">
                    <div class="layui-inline">
                        <label class="layui-form-label"><span class="require">*</span>合作类型</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="stockup_type"
                                   value="{{$supplier['stockup_type'] or ''}}">
                            @foreach(config('fixed.StockupType') as $k=>$type)
                                <input type="checkbox" name="stockup_type[{{$k}}]" lay-filter="stockup_type_filter"
                                       lay-skin="primary"
                                       title="{{$type}}">
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-inline">
                        @inject('statusPresenter','App\Presenters\StatusPresenter')
                        {!! $statusPresenter->render('purchase_type','代购类型 : ',!empty($supplier)?$supplier['purchase_type']:'',config('field.PurchaseType')) !!}
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">资信调查 : </label>
                <div class="layui-input-block">
                    <textarea name="credit_investigation" placeholder="请输入资信调查"
                              class="layui-textarea"></textarea>
                </div>
            </div>

            <div class="layui-form-item">

            </div>

            @include('web.supplier.SupplierPayType')

            <blockquote class="layui-elem-quote layui-text">
                <b>财务信息</b>
            </blockquote>
            <div class="layui-form-item">
                <div class="layui-col-md4">
                    @inject('singleSelectPresenter','App\Presenters\SingleSelectPresenter')
                    {!! $singleSelectPresenter->render('receipt_type','供应商类别',1,config('fixed.ReceiptType'),['require'=>true]) !!}
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>开户名称 : </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="bank_name" id="bank_name"
                               placeholder="请输入开户名称，比如深圳市猎芯科技有限公司" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>开户行 : </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="bank_adderss" id="bank_adderss"
                               placeholder="请输入开户行,比如深圳建设银行" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>银行账号 : </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="account_no" id="account_no"
                               placeholder="请输入银行账号" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require" id="account_name_require_span">*</span><span id="account_name_label">账户名称</span> </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="account_name" id="account_name"
                               placeholder="请输入账户名称" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require" style="display: none" id="bank_address_require_span" >*</span>银行地址 : </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="account_adderss" id="account_adderss"
                               placeholder="请输入银行具体地址或银行所在国家" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label">
                        <span class="require">*</span>银行凭证：
                    </label>
                    <div class="layui-input-block">
                        <input type="hidden" name="certificate" id="certificate"
                               value="">

                        <button type="button" class="layui-btn upload-img layui-btn-sm" preview="preview"
                                data-obj="certificate">
                            <i class="layui-icon">&#xe67c;</i>上传文件
                        </button>
                        <a target="_blank" id="certificate_url"
                           href=""></a>
                    </div>
                </div>
                <div class="layui-col-md4">
                    <div class="layui-form-item" id="swift_code_div" style="display: none">
                        <label class="layui-form-label"><span class="require">*</span>Swift Code : </label>
                        <div class="layui-input-block block-42">
                            <input type="text" name="swift_code" id="Swift Code"
                                   placeholder="请输入银行国际代码" class="layui-input"
                                   value="">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label">备注 : </label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="remark" id="remark"
                               placeholder="请输入备注" class="layui-input"
                               value="">
                    </div>
                </div>
            </div>
            <blockquote class="layui-elem-quote layui-text">
                <b>联系人</b>
            </blockquote>
            <div class="layui-form-item">
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>联系人</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_consignee" id="supplier_consignee"
                               placeholder="请输入联系人" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>职位</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_position" id="supplier_position"
                               placeholder="请输入职位" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>邮箱</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_email" id="supplier_email"
                               placeholder="请输入邮箱" class="layui-input"
                               value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>手机号</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_mobile" id="supplier_mobile"
                               placeholder="请输入手机号" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label"><span class="require">*</span>座机</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_telephone" id="supplier_telephone"
                               placeholder="请输入座机" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    <label class="layui-form-label">QQ</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_qq" id="supplier_qq"
                               placeholder="请输入QQ" class="layui-input"
                               value="">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-md4">
                    <label class="layui-form-label">传真</label>
                    <div class="layui-input-block block-42">
                        <input type="text" name="supplier_fax" id="supplier_fax"
                               placeholder="请输入传真" class="layui-input"
                               value="">
                    </div>
                </div>
                <div class="layui-col-md4">
                    @inject('statusPresenter','App\Presenters\StatusPresenter')
                    {!! $statusPresenter->render('can_check_uids','采购员','',
                     $userCodes,['required'=>true]) !!}
                </div>
                <div class="layui-col-md4"></div>
            </div>
            <blockquote class="layui-elem-quote layui-text">
                <b>附件管理</b>
            </blockquote>
            @include('web.supplier.SupplierFile')
            @include('web.supplier.ApplyAuditReason')
            <div class="layui-form-item" style="margin-top: 10px;margin-left: 10px">
                <p>
                    <b>特别说明:</b>
                </p>
                <p>
                    1、在创建新的供应商前，请先查询该供应商是否已经存在。如果供应商已存在，则不允许新增。
                </p>
                <p>
                    2、附件上传支持小于10M的PDF/JPG/PNG/BMP格式,ZIP格式则小于20M,每个类型允许上传多份；
                </p>
                <P>
                    3、此处新增供应商基本信息以及配置跟进人,其他信息补全必须进入编辑页面；
                </P>
                <P>
                    4、正式供应商建档必须上传营业执照，现货商类型必须上传品质协议；
                </P>
                <P>
                    5、正式供应商建档必须维护至少一条银行信息；
                </P>
            </div>
            <div class="fix-button">
                <div>
                    <div class="layui-row" style="width: 100%;padding-left: 50px">
                        <div class="layui-col-md12">
                            <div class="layui-row" style="text-align: left">
                                <button type="button" class="layui-btn layui-btn submit-loading" lay-submit
                                        lay-filter="addSupplier">保存
                                </button>
                                <button type="button" class="layui-btn layui-btn submit-loading" id="apply_audit_button"
                                        lay-submit lay-filter="addAndApplySupplier">申请审核
                                </button>
                                <button lay-filter="cancelAddSupplier"
                                        type="button" lay-submit
                                        class="layui-btn layui-btn-primary">取消
                                </button>
                            </div>
                        </div>
                    </div>
                    <hr>
                </div>
            </div>
        </form>
    </div>
</div>
@include('script.supplier.SupplierBaseScript')