include /mixins/dic.mixin.pug

.uk-layui-form
    form.layui-form(action='/apps/contacts/save.html', method='post')
        input(type='hidden', name='shares', value='all')
        .layui-collapse
            .layui-colla-item
                h2.layui-colla-title 基本信息
                .layui-colla-content.layui-show
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 获得时间：
                            .layui-input-inline
                                input#getdate.layui-input(type='text', name='touchtime', readonly, lay-verify='date', autocomplete='off')
                                i.layui-icon(style='position: absolute;right: 3px;top: 6px;font-size: 25px;') 
                        .layui-inline
                            font(color='red') *（必填项）
                            |  (您得到此联系人的时间)
                        .layui-inline
                            label.layui-form-label(style='width:60px;line-height: 35px;') 类型：
                            .layui-input-inline(style='width:218px;margin-right:0px;padding-top:9px;')
                                +sysDicSelect('com.dic.contacts.ckind', 'ckind', ckind, {
                                    'lay-ignore': true,
                                    'required': true,
                                    'lay-verify': 'required'
                                })
            .layui-colla-item
                h2.layui-colla-title 联系人信息
                .layui-colla-content.layui-show
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label#cusname 联系人名称：
                            .layui-input-inline
                                input.layui-input(type='text', name='name', required, lay-verify='required', autocomplete='off')
                        .layui-inline
                            font(color='red') *（必填项）
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 性别：
                            .layui-input-inline
                                .layui-input-block(style='width:220px;')
                                    input(type='radio', name='gender', value='1', title='男')
                                    input(type='radio', name='gender', value='0', title='女')
                                    input(type='radio', name='gender', value='-1', title='未知', checked)
                        .layui-inline.uckefu-inline
                            label.layui-form-label 生日：
                            .layui-input-inline
                                input#cusbirthday.layui-input(type='text', name='cusbirthday', autocomplete='off')
                                i.layui-icon(style='position: absolute;right: 3px;top: 6px;font-size: 25px;') 
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 联系电话：
                            .layui-input-inline
                                input.layui-input(type='text', name='phone', autocomplete='off')
                        .layui-inline.uckefu-inline
                            label.layui-form-label 手机号：
                            .layui-input-inline
                                input.layui-input(type='text', name='mobileno', autocomplete='off')
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 城市：
                            .layui-input-inline(style='width: 80px;')
                                +sysDicSelect("com.dic.address.area", "province", "", {'lay-ignore': true}, "width:85px;")
                        .layui-inline
                            .layui-input-inline#contacts_city(style='width: 80px;')
                                +sysDicSelect("com.dic.address.city", "city", "", {'lay-ignore': true}, "width:86px;")
                        .layui-inline.uckefu-inline
                            label.layui-form-label 电子邮件：
                            .layui-input-inline(style='margin-left:5px;')
                                input.layui-input(type='text', name='email', lay-verify='entemail', autocomplete='off')
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label#contacts_skypeid(style='widht:80px;') Skype ID：
                            .layui-input-inline
                                input#skypeid.layui-input(type='text', name='skypeid', lay-verify='skypeid', autocomplete='off')
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 联系人地址：
                            .layui-input-inline(style='width: 664px;')
                                input.layui-input(type='text', name='address', autocomplete='off')
                    .layui-form-item
                        .layui-inline
                            label.layui-form-label 联系人说明：
                            .layui-input-inline(style='width: 664px;')
                                textarea.layui-textarea(name='memo', placeholder='请输入内容', style='resize:none;')
        .layui-form-button
            .layui-button-block
                button.layui-btn(lay-submit, lay-filter='formDemo') 立即提交
                button.layui-btn.layui-btn-original(type='reset') 重置

    script(src='/js/moment.min.js')
    script.
        $('#province').change(function () {
            loadURL('/res/dic.html?id=' + $(this).val() + "&name=city&attr=lay-ignore&style=width:85px;", '#city');
        })

        layui.use('form', function () {
            var form = layui.form();
            form.render(); //更新全部
            form.verify({
                entemail: function (value) {
                    if (value != "" && !new RegExp(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/).test(value)) {
                        return '请输入正确的电子邮箱地址';
                    }
                },
                required: function (value) {
                    if (value.length > 100) {
                        return '联系人名称不能超过100';
                    }
                }
            });
        });

        layui.use('element', function () {
            var element = layui.element();
        });

        $("#getdate").val(moment().format('YYYY-MM-DD'));

        layui.use('laydate', function () {
            var laydate = layui.laydate;

            var date = {
                min: '1950-01-01 00:00:00',
                max: laydate.now(),
                istoday: false
            };

            document.getElementById('getdate').onclick = function () {
                date.elem = this;
                laydate(date);
            }

            document.getElementById('cusbirthday').onclick = function () {
                date.elem = this;
                laydate(date);
            }
        });
            
