<style>
.center {
    /* height: 500px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 3px solid #dbe4ed; /* Border color is optional */
    */
}

.flashMsg {
    color: red;
}
</style>
<div class="container text-center">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-xl-12">
            <div class="pt-5 pb-5">
                <h1>Reset Password</h1>
                <p>
                    Please enter your new password
                </p>

                <div class="row center">
                    <div class="alert alert-dangers col-md-6" role="alert">
                        <?= $this->Flash->render() ?>
                    </div>
                </div>



                <?= $this->Form->create() ?>
                <div class="row center ">
                    <div class="col-md-4 mb-3 ">
                        <!-- Email input -->
                        <?= $this->Form->password('new_password',['class'=>'form-control','label'=>false,'placeholder'=>'Password']) ?>
                    </div>
                </div>

                <div class="row center ">
                    <div class="col-md-4 mb-3 ">
                        <!-- Email input -->
                        <?= $this->Form->password('confirm_new_password',['class'=>'form-control','label'=>false,'placeholder'=>'Confirm Password']) ?>
                    </div>
                </div>

                <div class="row center">
                    <!-- Submit button -->
                    <div class="col-md-4 mb-3">
                        <?= $this->Form->button('send',['class'=>'form-control btn btn-primary btn-block']) ?>
                        <?= $this->Html->link('Login', ['controller' => 'Users','action' => 'login'],['escape'=>false]);?>
                    </div>
                </div>

                <?= $this->Form->end() ?>

            </div>
        </div>
    </div>
</div>