<?php $__env->startSection('content'); ?>
<div class="account-pages py-5 pt-sm-5 dark-theme">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6 col-xl-5">
                
                <div class="card overflow-hidden">
                    <div class="account-form-header">
                        <div class="row">
                            <div class="col-5">
                                <div class="">
                                    <a href="<?php echo e(route('bloxby.home')); ?>" class="auth-logo-dark">
                                    <div class="">
                                            <img src="<?php echo e(asset('assets/images/bloxby.svg')); ?>" alt="logo" height="40">
                                    </div>
                                </div>
                            </a>
                            </div>
                            <div class="col-7 text-end">
                                <div class="">
                                    <h5 class=""> Reset Password</h5>
                                    <p class="mb">Reset password with <?php echo e(env('APP_NAME')); ?>.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body pt-0">
                        <!-- <div class="auth-logo">
                            <a href="<?php echo e(route('bloxby.home')); ?>">
                                <div class="avatar-xl profile-user-wid mb-4">
                                    <span class="avatar-title rounded-circle bg-light">
                                        <img src="<?php echo e(asset('assets/images/bloxby.svg')); ?>" alt="" class="rounded-circle" height="46">
                                    </span>
                                </div>
                            </a>
                        </div> -->

                        <div class="p-2">
                            <form id="reset-password-form" class="form-horizontal" action="<?php echo e(route('password.update')); ?>" method="POST">
                                <?php echo csrf_field(); ?>
                                <input type="hidden" name="token" value="<?php echo e($token); ?>">
                                <input type="hidden" name="email" value="<?php echo e($email); ?>">
                                <div class="mb-3">
                                    <label for="password" class="form-label">New password</label>
                                    <div class="form-group position-relative pass_field">
                                        <input type="password" class="form-control" id="password"
                                        placeholder="New password" required name="password">
                                        <button  type="button"  class="btn btn-light position-absolute end-0 top-0 toggle-password" tabindex="-1"><i
                                                    class="mdi mdi-eye-outline"></i></button>
                                    </div>
                                    <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <p class="text-danger mt-2"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                                <div class="mb-3">
                                    <label for="password_confirmation" class="form-label">Confirm password</label>
                                    <div class="form-group position-relative pass_field">
                                        <input type="password" class="form-control" id="password_confirmation"
                                            placeholder="Confirm password" required name="password_confirmation">
                                        <button  type="button"  class="btn btn-light position-absolute end-0 top-0 toggle-password" tabindex="-1"><i
                                                    class="mdi mdi-eye-outline"></i></button>
                                    </div>
                                    <?php $__errorArgs = ['password_confirmation'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <p class="text-danger mt-2"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>

                                <div class="text-end">
                                    <button class="btn btn-primary w-md waves-effect waves-light button-text"
                                        type="submit">Reset password</button>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>
                
                <?php echo $__env->make("layouts.partials.auth_footer", \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('scripts'); ?>
<script>
    $(document).ready(function() {
        $(".toggle-password").click(function() {
            let input = $(this).closest(".pass_field").find("input");
            let icon =  $(this).closest(".pass_field").find("i");

            if (input.attr("type") === "password") {
                input.attr("type", "text");
                
                icon.removeClass("mdi-eye-outline").addClass("mdi-eye-off-outline");
            } else {
                input.attr("type", "password");
                icon.removeClass("mdi-eye-off-outline").addClass("mdi-eye-outline");
            }
        });
    });
</script>
<script src="<?php echo e(asset('assets/validate/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript">
    $(function() {
		
       

		$("#reset-password-form").validate({
            rules: {
                
                password: {
                    required: true,
                    minlength: 6
                },
                password_confirmation: {
                    required: true,
                    minlength: 6,
                    equalTo: "#password"   // must match password
                }

            },
            messages: {
                
                password: {
                    required: "This field is required.",
                    minlength: "Password must be at least 6 characters long."
                },
                password_confirmation: {
                    required: "This field is required.",
                    minlength: "New password must be at least 6 characters long.",
                    equalTo: "New password and confirm password do not match."
                }
            }
        })
	});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.auth',["title"=>"Reset password"], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/silversharkdev/resources/views/auth/reset-password.blade.php ENDPATH**/ ?>