@extends('layouts.father')
@section('title')
    修改密码
@endsection
@section('body')
    <div class="x-body" style="text-align: center; padding-top: 200px">
        <form class="layui-form" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="layui-form-item">
                <div style="color: red; font-size: 2rem">修改密码</div>
            </div>
            <div class="layui-form-item">
                <div style="color: red; padding-left: 2rem">必须包含字母和数字，不小于8位</div>
            </div>
            <div class="layui-form-item" style="display: flex; justify-content: center;">
                <div>
                    <label for="gid" class="layui-form-label">
                        <span class="x-red">*</span>原密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="oldPassword" name="oldPassword" lay-verify="required" class="layui-input">
                        <input type="hidden" name="id" value="{{$id}}">
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex; justify-content: center;">
                <div>
                    <label for="gid" class="layui-form-label">
                        <span class="x-red">*</span>新密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="newPassword" name="newPassword" lay-verify="required" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex; justify-content: center;">
                <div>
                    <label for="gid" class="layui-form-label">
                        <span class="x-red">*</span>确认新密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="againPassword" name="againPassword" lay-verify="required" class="layui-input">
                    </div>
                </div>
            </div>

            <div class="layui-form-item" style="display: flex; justify-content: center;">
                <button  id="edit" class="layui-btn" lay-filter="edit" lay-submit="" >
                    确认修改
                </button>
            </div>
        </form>
    </div>
@endsection
@section('js')
    <script>
        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;

            //监听提交
            form.on('submit(edit)', function(data){

                // console.log(data.field);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/changePassword", data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        layer.alert(res.msg, {icon: 6},function () {
                            // 关闭当前frame
                            parent.location.href="/admin/login";
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
                return false;
            });

        });

    </script>
@endsection