{extend name="index/base" /}

{block name="body"}
    <div class="inside2">
        <div class="inwp cl">
            <form class="layui-form layui-form-pane" >
                <h2>创建数据库：</h2>
                <input type="hidden" name="DB_TYPE" value="mysql">
                <div class="layui-form-item">
                    <label class="layui-form-label">数据库服务器</label>
                    <div class="layui-input-block">
                        <input type="text" name="DB_HOST" value="127.0.0.1" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">数据库账号</label>
                    <div class="layui-input-block">
                        <input type="text" name="DB_USER" value="root" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">数据库密码</label>
                    <div class="layui-input-block">
                        <input type="text" name="DB_PWD" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
				<div class="layui-form-item">
                    <label class="layui-form-label">数据库端口</label>
                    <div class="layui-input-block">
                        <input type="text" name="DB_PORT" value="3306" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">数据库名</label>
                    <div class="layui-input-block">
                        <input type="text" type="text" name="DB_NAME" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">设置表前缀</label>
                    <div class="layui-input-block">
                        <input type="text" name="DB_PREFIX" value="tao_" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
				<h2>网站信息：</h2>

                <div class="layui-form-item">
                    <label class="layui-form-label">网站名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="webname" placeholder="请输入网站名称" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">副标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="webtitle" placeholder="请输入网站副标题" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <h2>管理员账号：</h2>
				<div class="layui-form-item">
                    <label class="layui-form-label">管理员用户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="admin_user" placeholder="至少5字符" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">管理员邮箱</label>
                    <div class="layui-input-block">
                        <input type="text" name="admin_email" placeholder="请输入正确邮箱" required lay-verify="email" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">登录密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="admin_pass" placeholder="至少包含6个字符。可使用字母，数字和符号" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">登录密码确认</label>
                    <div class="layui-input-block">
                        <input type="password" name="admin_pass2" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="inout1">
                    <a href="{:url('index/test')}">上一步</a>
                </div>
                <div class="inout2">
                    <input type="submit" lay-submit lay-filter="formDemo" value="确认安装">
                </div>
            </form>
        </div>
    </div>
{/block}
{block name="script"}
<script>
    layui.use('form', function() {
        var $ = layui.jquery,
        form = layui.form;
         
        form.on('submit(formDemo)', function(data){
        var field = data.field;
        loading = layer.load(2, {
            shade: [0.2, '#000'],
            time: 2000,
        });
        
        $.ajax({
            type:"post",
            url:"{:url('index/install')}",
            data:{"DB_TYPE":field.DB_TYPE,"DB_HOST":field.DB_HOST,"DB_USER":field.DB_USER,"DB_PWD":field.DB_PWD,"DB_PORT":field.DB_PORT,"DB_NAME":field.DB_NAME,"DB_PREFIX":field.DB_PREFIX,"webname":field.webname,"webtitle":field.webtitle,"admin_user":field.admin_user,"admin_email":field.admin_email,"admin_pass":field.admin_pass,"admin_pass2":field.admin_pass2},
            daType:"json",
            success:function (data){
                if (data.code == 0) {
                    layer.close(loading);
                    layer.msg(data.msg,{icon:6,time:2000}, function(){
                        location.href = data.url;
                    });
                } else {
                    layer.open({tiele:'安装失败',content:data.msg,icon:5,anim:6});
                }
            }
        });

        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    });
</script>
{/block}