{include file="../../../application/admin/view_new/public/head" /}
<div class="page-container p10">
    <div class="showpic" style="display:none;"><img class="showpic_img" width="120" height="160" referrerPolicy="no-referrer"></div>

    <form class="layui-form layui-form-pane" method="post" action="" id="movementTable">
        <input id="user_id" name="user_id" type="hidden" value="{$info.user_id}">
        <input type="hidden" name="__token__" value="{$Request.token}" />
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('access')}：</label>
            <div class="layui-input-block  ">
                <input type="text" class="layui-input" value="{$info.user_name}" placeholder="" id="user_name" name="user_name">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('pass')}：</label>
            <div class="layui-input-block">
                <input type="password" class="layui-input" value="{$info.user_pwd}" placeholder="" id="user_pwd" name="user_pwd">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('status')}：</label>
            <div class="layui-input-block">
                    <input name="user_status" type="radio" id="rad-1" value="0" title="{:lang('disable')}" {if condition="$info['user_status'] neq 1"}checked {/if}>
                    <input name="user_status" type="radio" id="rad-2" value="1" title="{:lang('enable')}" {if condition="$info['user_status'] eq 1"}checked {/if}>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('group')}：</label>
            <div class="layui-input-block">
                {volist name="group_list" id="vo"}
                <input type="checkbox" name="group_id[]" value="{$vo.group_id}" title="{$vo.group_name}" lay-filter="group_id" {if condition="in_array($vo.group_id,explode(',',$info.group_id))"}checked{/if}>
                {/volist}
            </div>
        </div>
        {if condition="$info.user_id neq ''"}
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('portrait')}：</label>
            <div class="layui-input-inline w500 upload">
                <input type="text" class="layui-input upload-input" style="max-width:100%;" value="{$info.user_portrait}" placeholder="" id="user_portrait" name="user_portrait">
            </div>
            <div class="layui-input-inline ">
                <button type="button" class="layui-btn layui-upload" lay-data="{data:{thumb:0,thumb_class:''}}" id="upload1">{:lang('upload_pic')}</button>
            </div>
        </div>
        {/if}

        <div class="layui-form-item" >
            <label class="layui-form-label">{:lang('nickname')}：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="user_nick_name" value="{$info.user_nick_name}" placeholder="">
            </div>
        </div>

        <div class="layui-form-item rowTime" {if condition="!$has_vip_group"} style="display:none;" {/if}>
            <label class="layui-form-label">{:lang('admin/user/time_end')}：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="user_end_time" id="user_end_time" value="{$info.user_end_time|date='Y-m-d H:i:s',###}" placeholder="yyyy-MM-dd HH:mm:ss">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('points')}：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" value="{$info.user_points}" placeholder="" id="user_points" name="user_points">
            </div>
            <label class="layui-form-label">{:lang('phone')}：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" value="{$info.user_phone}" placeholder="" id="user_phone" name="user_phone">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">QQ：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" value="{$info.user_qq}" placeholder="" id="user_qq" name="user_qq">
            </div>
            <label class="layui-form-label">email：</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" value="{$info.user_email}" placeholder="" id="user_email" name="user_email">
            </div>
        </div>
        <div class="layui-form-item">

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('admin/user/find_question')}：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" value="{$info.user_question}" placeholder="" id="user_question" name="user_question">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('admin/user/find_answer')}：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" value="{$info.user_answer}" placeholder="" id="user_answer" name="user_answer">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">{:lang('admin/user/profile_title')}：</label>
            <div class="layui-input-block">
                {if condition="empty($profile)"}
                <span>{:lang('admin/user/profile_empty')}</span>
                {else /}
                <p>{:lang('admin/user/profile_completion')}：{$profile.avg_completion_rate*100}%</p>
                <p>{:lang('admin/user/profile_activity')}：
                    {if condition="$profile.activity_level eq 0"}{:lang('admin/user/profile_level_0')}
                    {elseif condition="$profile.activity_level eq 1"/}{:lang('admin/user/profile_level_1')}
                    {elseif condition="$profile.activity_level eq 2"/}{:lang('admin/user/profile_level_2')}
                    {else /}{:lang('admin/user/profile_level_3')}
                    {/if}
                </p>
                <p>{:lang('admin/user/profile_watch_cnt')}：{$profile.watch_cnt_window}</p>
                <p>{:lang('admin/user/profile_pay_amount')}：{$profile.pay_amount_window}</p>
                <p>{:lang('admin/user/profile_prefer_types')}：
                    {if condition="empty($profile_types)"}—
                    {else /}
                    {volist name="profile_types" id="pt"}{$pt.type_id}({$pt.w}){/volist}
                    {/if}
                </p>
                {/if}
            </div>
        </div>

        <div class="layui-form-item center">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="formSubmit" data-child="true">{:lang('btn_save')}</button>
                <button class="layui-btn layui-btn-primary" type="reset">{:lang('btn_reset')}</button>
            </div>
        </div>
    </form>

</div>
{include file="../../../application/admin/view_new/public/foot" /}

<script type="text/javascript">
    layui.use(['form', 'layer', 'upload',  'laydate'], function () {
        // 操作对象
        var form = layui.form
                , layer = layui.layer
                , $ = layui.jquery
             ,laydate = layui.laydate
            ,upload = layui.upload;


        // 验证
        form.verify({
            user_name: function (value) {
                if (value == "") {
                    return "{:lang('admin/user/access_empty')}";
                }
            },
            user_pwd: function (value) {
                if (value == "") {
                    return "{:lang('admin/user/pass_empty')}";
                }
            }
        });

        //日期范围
        laydate.render({
            elem: '#user_end_time',
            type: 'datetime',
            trigger: 'click'
        });
        laydate.render({
            elem: '#user_start_time',
            type: 'datetime',
            trigger: 'click'
        });

        form.on('checkbox(group_id)', function(data) {
            var checkedBoxes = $('input[name="group_id[]"]:checked');
            var hasHighLevelGroup = false;
            checkedBoxes.each(function() {
                var groupId = parseInt($(this).val());
                if (groupId > 2) {
                    hasHighLevelGroup = true;
                    return false;
                }
            });
            if (hasHighLevelGroup) {
                $('.rowTime').show();
            } else {
                $('.rowTime').hide();
            }
        });

        upload.render({
            elem: '.layui-upload'
            ,url: "{:url('upload/upload')}?flag=user&user_id={$info.user_id}"
            ,method: 'post'
            ,before: function(input) {
                layer.msg("{:lang('upload_ing')}", {time:3000000});
            },done: function(res, index, upload) {
                var obj = this.item;
                if (res.code == 0) {
                    layer.msg(res.msg);
                    return false;
                }
                layer.closeAll();
                var input = $(obj).parent().parent().find('.upload-input');
                if ($(obj).attr('lay-type') == 'image') {
                    input.siblings('img').attr('src', res.data.file).show();
                }
                input.val(res.data.file);

                if(res.data.thumb_class !=''){
                    $('.'+ res.data.thumb_class).val(res.data.thumb[0].file);
                }
            }
        });

        $('.upload-input').hover(function (e){
            var e = window.event || e;
            var imgsrc = $(this).val();
            if(imgsrc.trim()==""){ return; }
            var left = e.clientX+document.body.scrollLeft+20;
            var top = e.clientY+document.body.scrollTop+20;
            $(".showpic").css({left:left,top:top,display:""});
            if(imgsrc.indexOf('://')<0){ imgsrc = ROOT_PATH + '/' + imgsrc;	} else{ imgsrc = imgsrc.replace('mac:','http:'); }
            $(".showpic_img").attr("src", imgsrc + '?r=' + Math.random() );
        },function (e){
            $(".showpic").css("display","none");
        });


    });




</script>

</body>
</html>