@extends('layouts.base')

@section('content')
@section('title', '发起合同')
<div class="w1200 m0a">
    <div class="right-titpos">
        <ul class="add-snav">
            <li class="active"><a href="#">发起合同</a></li>
        </ul>
    </div>
    <form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group notice">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                style="color:red">*</span>签署会员</label>
                    <div class="col-sm-4">
                        <input type='hidden' id='noticeopenid' name='contract[u_id]' value="" />
                        <div class='input-group'>
                            <input type="text" name="memeber" maxlength="30" value="" 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>
                        <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="请输入昵称/姓名/手机号/ID" />
                                                <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>

                <div class="form-group notice">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                style="color:red">*</span>选择模版</label>
                    <div class="col-sm-4">
                        <input type='hidden' id='template_id' name='contract[template_id]' value="" />
                        <div class='input-group'>
                            <input type="text" name="template" maxlength="30" value="" id="template_name" class="form-control" readonly />
                            <div class='input-group-btn'>
                                <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-template').modal();">选择</button>
                                <button class="btn btn-danger" type="button" onclick="$('#template_id').val('');$('#template_name').val('');">清除选择</button>
                            </div>
                        </div>
                        <div id="modal-module-menus-template"  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-template" placeholder="请输入模版名称" />
                                                <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_template();">搜索</button></span>
                                            </div>
                                        </div>
                                        <div id="module-menus-template" 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>
                <div class="form-group"></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">
                        <input type="submit" name="submit" value="提交" class="btn btn-success"
                               onclick="return formcheck()"/>
                        <input type="button" name="back" onclick='history.back()' style=''
                               value="返回列表"
                               class="btn btn-default back"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    function search_members() {
        if ($('#search-kwd-notice').val() == '') {
            Tip.focus('#search-kwd-notice', '请输入关键词');
            return;
        }
        $("#module-menus-notice").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.shop-esign.admin.member.query') !!}", {
            keyword: $.trim($('#search-kwd-notice').val())
        }, function (dat) {
            $('#module-menus-notice').html(dat);
        });
    }
    function select_member(o) {
        if (!o.mobile) {
            alert('请选择已绑定手机号的会员!');return;
        }
        $("#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();
    }
    function search_template() {
        if ($('#search-kwd-template').val() == '') {
            Tip.focus('#search-kwd-template', '请输入关键词');
            return;
        }
        $("#module-menus-template").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.shop-esign.admin.template.query') !!}", {
            keyword: $.trim($('#search-kwd-template').val())
        }, function (dat) {
            $('#module-menus-template').html(dat);
        });
    }
    function select_template(o) {
        $("#template_id").val(o.id);
        //$("#saleravatar").show();
        //$("#saleravatar").find('img').attr('src', o.avatar);
        $("#template_name").val(o.name);
        $("#modal-module-menus-template .close").click();
    }
    function formcheck(){
        if ($.trim($('#noticeopenid').val()) == '') {
            alert('请选择微信号!');
            return false;
        }
        if ($.trim($('#template_id').val()) == '') {
            alert('请选择模版!');
            return false;
        }
    }
</script>
@endsection