@extends('layouts.base')

@section('content')
@section('title', trans('Yunshop\Appointment::pack.worker_info'))
<style>
    .multi-img-details .multi-item img {
        height: 90%;
    }
</style>
<div class="w1200 m0a">
    <div class="right-titpos">
        <ul class="add-snav">
            <li class="active"><a href="#">{!! trans('Yunshop\Appointment::pack.worker_info') !!}</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>{!! trans('Yunshop\Appointment::pack.worker_wechat') !!}</label>
                    <div class="col-sm-4">
                        <input type='hidden' id='noticeopenid' name='worker[member_u_id]' value="{{$worker['member_u_id']}}" />
                        <div class='input-group'>
                            <input type="text" name="memeber" maxlength="30" value="@if ($worker->hasOneMember){{$worker->hasOneMember->nickname}}/{{$worker->hasOneMember->realname}}/{{$worker->hasOneMember->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 (!$worker->hasOneMember)style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$worker->hasOneMember->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>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                style="color:red">*</span>{!! trans('Yunshop\Appointment::pack.worker_name') !!}</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="worker[name]" id="name" class="form-control" value="{{$worker->name}}"/>
                    </div>
                </div>
                <div class="form-group notice">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! trans('Yunshop\Appointment::pack.leader_wechat') !!}</label>
                    <div class="col-sm-4">
                        <input type='hidden' id='leader_uid' name='worker[leader_uid]' value="{{$worker['leader_uid']}}" />
                        <div class='input-group'>
                            <input type="text" name="leader_name" maxlength="30" value="@if ($worker->hasOneLeader){{$worker->hasOneLeader->nickname}}/{{$worker->hasOneLeader->realname}}/{{$worker->hasOneLeader->mobile}}@endif" id="leader_name" class="form-control" readonly />
                            <div class='input-group-btn'>
                                <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-leader-notice').modal();">选择</button>
                                <button class="btn btn-danger" type="button" onclick="$('#leader_uid').val('');$('#leader_name').val('');$('#leader_avatar').hide()">清除选择</button>
                            </div>
                        </div>
                        <span id="leader_avatar" class='help-block' @if (!$worker->hasOneLeader)style="display:none"@endif><img  style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$worker->hasOneLeader->avatar}}"/></span>

                        <div id="modal-module-leader-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-leader" placeholder="请输入昵称/姓名/手机号" />
                                                <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_leaders();">搜索</button></span>
                                            </div>
                                        </div>
                                        <div id="module-menus-leaders" 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">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">上级提成比例</label>
                    <div class="col-sm-6 col-xs-6">
                        <div class='input-group'>
                            <input onkeyup="value=value.replace(/[^\d.]/g,'')" type='text' name='worker[leader_commission]' class="form-control discounts_value"
                                   value="{{$worker['leader_commission'] ? $worker['leader_commission'] : 0}}"/>
                            <div class='input-group-addon waytxt'>%</div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                style="color:red">*</span>{!! trans('Yunshop\Appointment::pack.worker_store') !!}</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type='hidden' id='storeid' name='worker[store_id]' value="{{$worker['store_id']}}" />
                        <div class='input-group'>
                            <input type="text" name="store_name" maxlength="30" value="@if ($worker->hasOneStore){{$worker->hasOneStore->store_name}}@endif" id="store_name" class="form-control" readonly />
                            <div class='input-group-btn'>
                                <button class="btn btn-default" type="button" onclick="popwin = $('#modal-module-menus-store').modal();">选择</button>
                                <button class="btn btn-danger" type="button" onclick="$('#storeid').val('');$('#store_name').val('');">清除选择</button>
                            </div>
                        </div>
                        <div id="modal-module-menus-store"  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-store" placeholder="请输入门店名称" />
                                                <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_stores();">搜索</button></span>
                                            </div>
                                        </div>
                                        <div id="module-menus-store" 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">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"><span
                                style="color:red">*</span>{!! trans('Yunshop\Appointment::pack.worker_projects') !!}</label>
                    <div class="col-sm-9 col-xs-12">
                        <div class='input-group'>
                            <input type="text" maxlength="30" value="" class="form-control" readonly/>
                            <input type="hidden" id='project_ids' name="worker[project_ids]" maxlength="30"
                                   value="{{$worker->project_ids}}" />
                            <div class='input-group-btn'>
                                <button class="btn btn-default" type="button"
                                        onclick="popwin = $('#modal-module-menus').modal();">选择{{$lang_set['project']}}
                                </button>
                            </div>
                        </div>
                        <div class="input-group multi-img-details" id='project_container'>
                            @foreach ($projects as $project)
                                <div class="multi-item" projectid="{{$project['id']}}">
                                    <img class="img-responsive img-thumbnail" src="{{$project['thumb']}}"
                                         onerror="this.src=\'{{static_url('resource/images/nopic.jpg')}}\'; this.title=\'图片未找到.\'">
                                    <div class="store_name">{{$project['title']}}</div>
                                    <em onclick="remove_project(this)"  class="close">×</em>
                                </div>
                            @endforeach
                        </div>
                        <div id="modal-module-menus" 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>选择{{$lang_set['project']}}</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" placeholder="请输入{{$lang_set['project']}}名称"/>
                                <span class='input-group-btn'><button type="button"
                                                                      class="btn btn-default"
                                                                      onclick="search_projects();">
                                        搜索
                                    </button></span>
                                            </div>
                                        </div>
                                        <div id="module-menus" 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">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! trans('Yunshop\Appointment::pack.worker_pic') !!}</label>
                    <div class="col-sm-9 col-xs-12">
                        {!! app\common\helpers\ImageHelper::tplFormFieldImage('worker[thumb]',
                        $worker->thumb)!!}
                        <span class="help-block">建议尺寸: 100*100，或正方型图片 </span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">{{$lang_set['worker']}}简介</label>
                    <div class="col-sm-9 col-xs-12">
                        <textarea class="form-control" rows="5" name="worker[description]">{{$worker->description}}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">{!! trans('Yunshop\Appointment::pack.worker_desc') !!}</label>
                    <div class="col-sm-9 col-xs-12">
                        {!! yz_tpl_ueditor('worker[content]', $worker->content) !!}
                    </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.appointment.admin.member.query') !!}", {
            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();
    }
    function search_leaders() {
        if ($('#search-kwd-leader').val() == '') {
            Tip.focus('#search-kwd-leader', '请输入关键词');
            return;
        }
        $("#module-menus-leaders").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.appointment.admin.member.queryLeader') !!}", {
            keyword: $.trim($('#search-kwd-leader').val())
        }, function (dat) {
            $('#module-menus-leaders').html(dat);
        });
    }
    function select_leader(o) {
        $("#leader_uid").val(o.uid);
        $("#leader_avatar").show();
        $("#leader_avatar").find('img').attr('src', o.avatar);
        $("#leader_name").val(o.nickname + "/" + o.realname + "/" + o.mobile);
        $("#modal-module-leader-notice .close").click();
    }
    function search_stores() {
        if ($('#search-kwd-store').val() == '') {
            Tip.focus('#search-kwd-store', '请输入关键词');
            return;
        }
        $("#module-menus-store").html("正在搜索....");
        $.get("{!! yzWebUrl('plugin.appointment.admin.store.query') !!}", {
            keyword: $.trim($('#search-kwd-store').val())
        }, function (dat) {
            $('#module-menus-store').html(dat);
            remove_all_projects();
        });
    }
    function select_store(o) {
        $("#storeid").val(o.id);
        $("#store_name").val(o.store_name);
        $("#modal-module-menus-store .close").click();
    }
    function search_projects() {
        if ($.trim($('#search-kwd').val()) == '') {
            Tip.focus('#search-kwd', '请输入关键词');
            return;
        }
        $("#module-menus").html("正在搜索....");
        var storeId = $('#storeid').val();
        if(!storeId){
            alert('请先选择门店!');
            return false;
        }
        $.get("{!! yzWebUrl('plugin.appointment.admin.project.query-by-store') !!}", {
            keyword: $.trim($('#search-kwd').val()),
            storeId:storeId
        }, function (dat) {
            $('#module-menus').html(dat);
        });
    }
    function select_project(o) {
        console.log(o);
        var html = '<div class="multi-item" projectid="' + o.id + '">';
        html += '<img class="img-responsive img-thumbnail" src="' + o.thumb + '" onerror="this.src=\'{{static_url('resource/images/nopic.jpg')}}\'; this.title=\'图片未找到.\'">';
        html += '<div class="project_name">' + o.title + '</div>';
        html += '<em onclick="remove_project(this)"  class="close">×</em>';
        html += '</div>';
        $("#project_container").append(html);
        refresh_project();
    }
    function remove_all_projects(){
        $('#project_ids').val('');
        $("#project_container").html('');
    }
    function remove_project(obj) {
        $(obj).parent().remove();
        refresh_project();
    }
    function refresh_project() {
        var projectIds = "";
        $('.multi-item').each(function () {
            var projectId = $(this).attr('projectid')
            var ret = $(this).find('.img-nickname-store').html();
            if (projectId) {
                projectIds += projectId + ','
            }
        });
        if (projectIds) {
            projectIds = projectIds.substring(0,projectIds.length-1);
        }
        console.log(projectIds)
        $('#project_ids').val(projectIds);
    }
    function formcheck(){
        if ($.trim($('#noticeopenid').val()) == '') {
            alert('请选择微信号!');
            return false;
        }
        if ($.trim($('#name').val()) == '') {
            alert('请填写姓名!');
            $('#name').focus();
            return false;
        }
        if ($.trim($('#project_ids').val()) == '') {
            alert('请选择{{$lang_set['project']}}!');
            return false;
        }
    }
</script>
@endsection