{template 'common/header'}
<div class="content">
    <div class="we7-page-title">名片管理</div>
    <ul class="we7-page-tab">
        <li {if empty($id)}class="active"{/if}><a href="{php echo $this->createWeburl('yb_mingpian', array('op' => 'edit'));}">添加名片</a></li>
        {if !empty($id)}
        <li class="active"><a href="{php echo $this->createWeburl('yb_mingpian', array('op' => 'edit','id'=>$id));}">编辑名片</a></li>
        {/if}
        <li><a href="{php echo $this->createWeburl('yb_mingpian');}">名片列表</a></li>
    </ul>
    <form action="" method="post" class="we7-form" role="form" id="form" style="">
        <input type="hidden" name="id" value="{$yb[id]}">
        {if $_W['account']['type'] == 4}
        <div class="form-group">
            <label class="col-sm-2 control-label">所属公司</label>
            <div class="form-controls col-sm-8">
                <select name="data[company_id]" id="company_id" class="form-control" onchange="setCompanyDisplay(this.value)">
                    <option value="0">请选择公司</option>
                    {loop $company $k $v}
                    <option value="{$v[id]}" {if $v[id]==$yb[company_id]}selected{/if}>{$v[company_name]}</option>
                    {/loop}
                </select>
                <div class="help-block">请选择公司</div>
            </div>
        </div>
        {/if}
        <div class="form-group">
            <label class="col-sm-2 control-label">所属分类</label>
            <div class="form-controls col-sm-8">
                <select name="data[category_id]" id="category_id" class="form-control">
                    <option value="0">请选择分类</option>
                    {loop $category $k $v}
                    <option value="{$v[id]}" {if $v[id]==$yb[category_id]}selected{/if}>{$v[cat_name]}</option>
                    {/loop}
                </select>
                <div class="help-block">请选择名片分类</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">头像</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('data[avatar_url]', $yb[avatar_url]);}
                <div class="help-block">请选择头像，图片建议尺寸：750 * 750</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">名称</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="title" autocomplete="false" class="form-control" name="data[name]" value="{$yb['name']}" placeholder="名称">
                <div class="help-block">请填写名称</div>
            </div>
        </div>
        <div class="form-group company">
            <label class="col-sm-2 control-label">所属公司</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="company" autocomplete="false" class="form-control" name="data[company_name]" value="{$yb['company_name']}" placeholder="公司名称">
                <div class="help-block">请填写公司名称</div>
            </div>
        </div>
        <div class="form-group company">
            <label class="col-sm-2 control-label">公司Logo</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('data[company_logo]', $yb[company_logo]);}
                <div class="help-block">请选择公司Logo</div>
            </div>
        </div>
        <div class="form-group company">
            <label class="col-sm-2 control-label">座机号</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="phone" autocomplete="false" class="form-control" name="data[phone]" value="{$yb['phone']}" placeholder="座机号">
                <div class="help-block">请填写座机号</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">公司职位</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="job" autocomplete="false" class="form-control" name="data[job]" value="{$yb['job']}" placeholder="公司职位">
                <div class="help-block">请填写公司职位</div>
            </div>
        </div>
        <div class="form-group company">
            <label class="col-sm-2 control-label">公司地址</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="address" autocomplete="false" class="form-control" name="data[company_address]" value="{$yb['company_address']}" placeholder="公司地址">
                <div class="help-block">请填写公司地址</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">手机号</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="mobile" autocomplete="false" class="form-control" name="data[mobile]" value="{$yb['mobile']}" placeholder="手机号">
                <div class="help-block">请填写手机号</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">邮箱</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="email" autocomplete="false" class="form-control" name="data[email]" value="{$yb['email']}" placeholder="邮箱">
                <div class="help-block">请填写邮箱</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">微信号</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="weixin_id" autocomplete="false" class="form-control" name="data[weixin_id]" value="{$yb['weixin_id']}" placeholder="微信号">
                <div class="help-block">请填写微信号</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">视频</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_video('data[video]', $yb[video]);}
                <div class="help-block">请选择视频</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">视频封面</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('data[video_thumb]', $yb[video_thumb]);}
                <div class="help-block">请选择视频封面</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">语音介绍</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_audio('data[voice]', $yb[voice]);}
                <div class="help-block">请选择语音介绍</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">语音时长</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="voice_time" autocomplete="false" class="form-control" name="data[voice_time]" value="{$yb['voice_time']}" placeholder="语音时长">
                <div class="help-block">请输入语音时长</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">分享</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="share_id" autocomplete="false" class="form-control" name="data[share_title]" value="{$yb['share_title']}" placeholder="分享">
                <div class="help-block">请填写分享标语</div>
            </div>
        </div>
        <div class="form-group" style="">
            <label class="col-sm-2 control-label">个性签名</label>
            <div class="form-controls col-sm-8" style="">
                <textarea id="form-field-11" name="data[sign]" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 100px;">{$yb[sign]}</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">图片</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_multi_image('data[imgs]', $yb[imgs]);}
                <div class="help-block">请选择图片</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">排序</label>
            <div class="form-controls col-sm-8">
                <input type="number" class="form-control" name="data[sort]" value="{php echo $yb[sort]?$yb[sort]:0}" placeholder="排序">
                <div class="help-block">数字越大，越靠后。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否显示</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_display-1" name="data[is_display]" value="1" {if $yb[id]==0 || $yb[is_display]==1}checked{/if}>
                <label class="radio-inline" for="is_display-1">显示</label>
                <input type="radio" name="data[is_display]" id="is_display-0" value="0" {if intval($yb[is_display])===0 && $yb[id] > 0}checked=""{/if}>
                <label class="radio-inline" for="is_display-0"> 不显示</label>
            </div>
        </div>
        <div class="col-sm-offset-2">
            <input type="submit" class="btn btn-primary" name="submit" value="提交">
            <input type="hidden" name="token" value="{$_W['token']}">
        </div>
    </form>
</div>
<script>
    function setCompanyDisplay(val)
    {
        if (val == 0) {
            $(".company").show();
            return;
        }
        $(".company").hide();
    }
    require(['jquery', 'util'], function ($, util) {
        $(function () {
            $('#form').submit(function () {

                if($('input[name="data[avatar_url]"]').val() == ''){
                    util.message('请上传头像.');
                    return false;
                }
                if($('input[name="data[name]"]').val() == ''){
                    util.message('请填写姓名.');
                    return false;
                }
                if($('select[name="data[company_id]"]').val() == 0){
                    if($('input[name="data[company_name]"]').val() == ''){
                        util.message('请填写公司名称.');
                        return false;
                    }
                    if($('input[name="data[company_address]"]').val() == ''){
                        util.message('请填写公司地址.');
                        return false;
                    }
                    if($('input[name="data[company_logo]"]').val() == ''){
                        util.message('请上传公司LOGO.');
                        return false;
                    }
                }
                if($('input[name="data[mobile]"]').val() == ''){
                    util.message('请填写手机号.');
                    return false;
                }
                return true;
            });
        });
    });
</script>

{template 'common/footer'}