@extends('layouts.base')
@section('title', trans('自提点'))
@section('content')
    <div class="w1200 ">
        <div class=" rightlist ">
            <div class="right-titpos">
                <ul class="add-snav">
                    <li class="active"><a href="#">{!! \Yunshop\PackageDeliver\service\CustomizeNameService::getName() !!}</a></li>
                </ul>
            </div>

            <div class="right-addbox"><!-- 此处是右侧内容新包一层div -->
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form action="{{yzWebFullUrl('plugin.package-deliver.admin.deliver.store')}}" method="post" class="form-horizontal" name="form1" role="form" id="form1">

                            @if($deliver)
                                <input type='hidden' name='deliver_id' value="{{$deliver->id}}" />
                            @endif

                            <div class="form-group notice">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">微信角色</label>
                                <div class="col-sm-6 col-xs-6">
                                    <input type='hidden' id='noticeopenid' name='deliver[uid]' value="{{$deliver->uid}}" />
                                    <div class='input-group'>
                                        <input type="text" name="saler" maxlength="30" value="@if ($deliver->member){{$deliver->member->nickname}}/{{$deliver->member->realname}}/{{$deliver->member->mobile}}@endif" id="saler" class="form-control" readonly />
                                        <div class='input-group-btn'>
                                            <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-notice').modal();">选择角色</button>
                                            <button class="btn btn-danger" type="button" onclick="$('#noticeopenid').val('');$('#saler').val('');$('#saleravatar').hide()">清除选择</button>
                                        </div>
                                    </div>
                                    <span id="saleravatar" class='help-block' @if (!$deliver->member)style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$deliver->member->avatar}}"/></span>

                                    <div id="modal-module-menus-notice"  class="modal fade" tabindex="-1">
                                        <div class="modal-dialog" style='width: 920px;'>
                                            <div class="modal-content">
                                                <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button><h3>选择角色</h3></div>
                                                <div class="modal-body" >
                                                    <div class="row">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" name="keyword" value="" id="search-kwd-notice" placeholder="请输入昵称/姓名/手机号" />
                                                            <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_members();">搜索</button></span>
                                                        </div>
                                                    </div>
                                                    <div id="module-menus-notice" style="padding-top:5px;"></div>
                                                </div>
                                                <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            @if(!$deliver)
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">登录账号</label>
                                    <div class="col-xs-6">
                                        <input type="text" id="username" name="deliver[username]" class="form-control"
                                               value=""/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">登录密码</label>
                                    <div class="col-xs-6">
                                        <input type="password" id="password" name="deliver[password]" class="form-control"
                                               value=""/>
                                        @if (passwordVerifyStatus())
                                            <span class="help-block">登录密码设置长度至少为8位，要求包括数字，字母，大小写和特殊符号</span>
                                        @endif
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">确认密码</label>
                                    <div class="col-xs-6">
                                        <input type="password" id="password_again" name="deliver[password_again]" class="form-control"
                                               value=""/>
                                    </div>
                                </div>
                            @endif

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">真实姓名</label>
                                <div class="col-xs-6">
                                    <input type="text" id="realname" name="deliver[realname]" class="form-control"
                                           value="{{$deliver->realname}}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! \Yunshop\PackageDeliver\service\CustomizeNameService::getName() !!}名称</label>
                                <div class="col-xs-6">
                                    <input type="text" id="deliver_name" name="deliver[deliver_name]" class="form-control"
                                           value="{{$deliver->deliver_name}}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! \Yunshop\PackageDeliver\service\CustomizeNameService::getName() !!}电话</label>
                                <div class="col-xs-6">
                                    <input type="text" id="deliver_mobile" name="deliver[deliver_mobile]" class="form-control"
                                           value="{{$deliver->deliver_mobile}}"/>
                                    <label>如果是固定电话，必须形如(xxxx-xxxxxxxx)</label>

                                </div>

                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">地址</label>
                                <div class="col-xs-6">
                                    <input type="hidden" id="province_id" value="{{$deliver->province_id?$deliver->province_id:0}}"/>
                                    <input type="hidden" id="city_id" value="{{$deliver->city_id?$deliver->city_id:0}}"/>
                                    <input type="hidden" id="district_id" value="{{$deliver->district_id?$deliver->district_id:0}}"/>
                                    <input type="hidden" id="street_id" value="{{$deliver->street_id?$deliver->street_id:0}}"/>
                                    {!! app\common\helpers\AddressHelper::tplLinkedAddress(['deliver[province_id]','deliver[city_id]','deliver[district_id]','deliver[street_id]'], [])!!}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">详细地址</label>
                                <div class="col-xs-6">
                                    <input type="text" name="deliver[address]" class="form-control"
                                           value="{{$deliver->address}}"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">定位</label>
                                <div class="col-xs-6" id="map" style="margin-top:0px;width: 70%;">
                                    {!! \app\common\helpers\CoordinateHelper::tpl_form_field_coordinate('deliver[baidumap]', ['lng' => $deliver->lng, 'lat' => $deliver->lat]) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">营业时间</label>
                                <div class="col-sm-3">
                                    <div class="input-group clockpicker">
                                        <input type="text" class="form-control" value="{{$deliver->business_hours_start}}" name="deliver[business_hours_start]">
                                        <span class="input-group-addon">
                                            <span class="fa fa-clock-o"></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="input-group clockpicker">
                                        <input type="text" class="form-control" value="{{$deliver->business_hours_end}}" name="deliver[business_hours_end]">
                                        <span class="input-group-addon">
                                            <span class="fa fa-clock-o"></span>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">资质</label>
                                <div class="col-xs-6">
                                    {!! app\common\helpers\ImageHelper::tplFormFieldMultiImage('deliver[aptitute]',$deliver->aptitute) !!}
                                    <span class="help-block">建议尺寸: 640 * 640 ，或正方型图片 </span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">身份证正面</label>
                                <div class="col-xs-6">
                                    {!! app\common\helpers\ImageHelper::tplFormFieldImage('deliver[id_card_front]',
                                    yz_tomedia($deliver->id_card_front))!!}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">身份证背面</label>
                                <div class="col-xs-6">
                                    {!! app\common\helpers\ImageHelper::tplFormFieldImage('deliver[id_card_side]',
                                    yz_tomedia($deliver->id_card_side))!!}
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! \Yunshop\PackageDeliver\service\CustomizeNameService::getName() !!}图片</label>
                                <div class="col-xs-6">
                                    {!! app\common\helpers\ImageHelper::tplFormFieldMultiImage('deliver[thumb]',$deliver->thumb) !!}
                                    <span class="help-block">建议尺寸: 640 * 640 ，或正方型图片 </span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label">备注</label>
                                <div class="col-xs-6">
                                    <textarea  name="deliver[remark]" class="form-control" >{{$deliver->remark}}</textarea>
                                </div>
                            </div>


                                <div class="form-group" style="margin-top: 30px">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">H5推广链接</label>
                                    <div class="col-xs-6 input-group">
                                        <input type="text" class="form-control" value="{{$deliver->web_page_url}}" name="deliver[web_page_url]" disabled="true">
                                        <span class="input-group-btn">
                                        <button class="btn btn-default" type="button"  onclick="copyUrl('{{$deliver->web_page_url}}')">复制</button>
                                        </span>
                                    </div>
                                </div>


                                <div class="form-group" style="margin-top: 30px">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">小程序推广路由</label>
                                    <div class="col-xs-6 input-group">
                                        <input type="text" class="form-control" value="{{$deliver->mini_page_url}}" name="deliver[mini_page_url]" disabled="true">
                                        <span class="input-group-btn">
                                            <button class="btn btn-default" type="button" onclick="copyUrl('{{$deliver->mini_page_url}}')">复制</button>
                                        </span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">H5推广路由跳转页面</label>
                                    <div class="col-sm-9 col-xs-12">
                                        <div class="input-group ">
                                            <input class="form-control" type="text" data-id="PAL-00010"
                                                   placeholder="请填写指向的链接 (请以https://或http://开头, 不填则跳转商城首页)"
                                                   value="{{$deliver->web_share_url}}" name="deliver[web_share_url]">
                                            <span class="input-group-btn"><button class="btn btn-default nav-link" type="button" data-id="PAL-00010">选择链接</button></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">小程序推广路由跳转页面</label>
                                    <div class="col-sm-9 col-xs-12">
                                        <div class="input-group">
                                            <input type="text" name="deliver[mini_share_url]" data-id="PAL-00014" class="form-control" placeholder="请填写指向的链接 " value="{{$deliver->mini_share_url}}" />
                                            <span class="input-group-btn">
                                <button class="btn btn-default nav-app-link" type="button" data-id="PAL-00014" >选择链接</button>
                                </span>
                                        </div>
                                    </div>
                                </div>




                                {{--招商专员插件--}}
                                @if(app('plugins')->isEnabled('invest-people'))
                                    {!!  \Yunshop\InvestPeople\services\InvestMemberView::packageDeliver($deliver['investor_uid']) !!}
                                @endif

                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                                <div class="col-xs-6">
                                    <input type="submit" name="submit" value="提交" class="btn btn-primary"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="{{static_url('js/area/cascade_street.js')}}"></script>
    <script language='javascript'>

        var province_id = $('#province_id').val();
        var city_id = $('#city_id').val();
        var district_id = $('#district_id').val();
        var street_id = $('#street_id').val();
        cascdeInit(province_id, city_id, district_id, street_id);

        $('form').submit(function(){
            if($('#noticeopenid').val() == ''){
                alert('请选择会员');
                return false;
            }
            @if(!$subPlatformOpen)
            if($('#username').val() == ''){
                alert('请输入账号');
                return false;
            }
            if($('#password').val() == ''){
                alert('请输入密码');
                return false;
            }
            if($('#password_again').val() == ''){
                alert('请输入密码');
                return false;
            }
            if ($('#password_again').val() !== $('#password').val()) {
                alert('两次密码不同');
                return false;
            }
            @endif
            if($('#realname').val() == ''){
                alert('请输入姓名');
                return false;
            }
            if($('#deliver_name').val() == ''){
                alert('请输入自提点名称');
                return false;
            }
            if($('#deliver_mobile').val() == ''){
                alert('请输入手机号');
                return false;
            }
            return true;
        })

        function copyUrl(url) {
            let oInput = document.createElement('input');
            oInput.value = url;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象;
            console.log(oInput.value);
            document.execCommand("Copy"); // 执行浏览器复制命令
            // this.$message({message: msg, type: 'success'});
            oInput.remove();
            window.alert('复制成功')
        }

        require(['util', 'clockpicker'], function(u, $){
            $('.clockpicker :text').clockpicker({autoclose: true});

            u.editor($('.richtext')[0]);

            $('#add-time').click(function(){
                $('#time-list').append($('#time-form-html').html());
                $('.clockpicker :text').clockpicker({autoclose: true});
            });
        });

        function search_members() {
            if( $.trim($('#search-kwd-notice').val())==''){
                $('#search-kwd-notice').attr('placeholder','请输入关键词');
                return;
            }
            $("#module-menus-notice").html("正在搜索....")
            $.get('{!! yzWebUrl('member.query.index') !!}', {
                keyword: $.trim($('#search-kwd-notice').val())
            }, function(dat){
                $('#module-menus-notice').html(dat);
            });
        }
        function select_member(o) {
            $("#noticeopenid").val(o.uid);
            $("#saleravatar").show();
            $("#saleravatar").find('img').attr('src',o.avatar);
            $("#saler").val( o.nickname+ "/" + o.realname + "/" + o.mobile );
            $("#modal-module-menus-notice .close").click();
        }
    </script>


    @include('public.admin.mylink')
    @include('public.admin.small')
{{--    @include('Yunshop\PackageDeliver::deliver.small')--}}

@endsection