<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.tailwindcss.com"></script>
    
    <style>
        .g-navigation {
            height: 2.75rem;
            --tw-text-opacity: 1;
            color: rgb(31 41 55/var(--tw-text-opacity));
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity));
            font-weight: 600;
            position: sticky;
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
            text-transform: capitalize;
        }

        .g-input-wrapper {
            height: 3rem;
            border-radius: .5rem;
            --tw-bg-opacity: 1;
            background-color: rgb(247 247 247/var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgb(17 24 39/var(--tw-text-opacity));
        }
        
        
        .g-input-wrapper {
            align-items: center;
            border-width: 0;
            padding-left: .5rem;
            padding-right: .5rem;
            padding-top: .125rem;
            padding-bottom: .125rem;
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
            --tw-ring-inset: inset;
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
        }
        
        .g-button {
            height: 2.5rem;
            font-size: .875rem;
            font-weight: 600;
            line-height: 1.5rem;
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity));
            text-transform: capitalize;
            border-radius: 2666.4vw;
        }
        
        .g-button-bg {
            background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
            --tw-gradient-from: #017946 var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(1 121 70 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #0CAD49 var(--tw-gradient-to-position);
        }
    </style>
</head>

<body>
    <div id="app">
        <div>
            <header class="g-navigation grid grid-cols-12 overflow-hidden backdrop-blur bg-white/95 ">
                <div class="col-span-2 flex items-center justify-center">
                    <a href="/mine" class="px-2 py-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"
                            class="w-5 h-5 font-bold">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"></path>
                        </svg></a>
                </div>
                <div class="col-span-8 flex items-center justify-center">
                    <div class="text-ellipsis overflow-hidden whitespace-nowrap">পাসওয়ার্ড পরিবর্তন করুন</div>
                </div>
                <div class="col-span-2 flex items-center justify-end pr-5 text-sm text-right font-medium"></div>
            </header>
            <div class="px-5 mt-5">
                <form action="<?php echo e(route('user.change.password')); ?>" method="post">
                    <?php echo csrf_field(); ?>
                    
                    <div class="mb-4">
                        <div class="g-input-wrapper flex flex-1 w-full box-border undefined"><label
                                class="flex items-center justify-center" for="3475950102"><img
                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAflBMVEUAAAAdkmMbj2EdkmMdkmMdkmMdkmMbkWMdkmMckWASklodkWMdkmMdkWMdkWMckWMakGEAgE0ekmMdkmQdkmMakGIdkmQekWQdkWMckWQbkmMckWIdkmMdkmMbkmIckGMck14Uj1wdkmQdkmMdkGMdkWQejmMbkGUVlWAekmS+kzR7AAAAKXRSTlMA3yb5hc/VL8ktDfTZuoxFOQXwwZwy6ZJfWkA+47RzUhsZuJV8e01MGDSSYDkAAAEoSURBVEjH7ZTZsoIwDEABWyyLrIKKy92X/P8P3nSuo1RNjH1yHM9bMjkwbdIETx6bQbVh2Kr1jdpawx5d3eJ9wYid3CvA0hjTgOVT6q0AMWWAlBqQH5mX9lj7Uf8H9RyDsBaJOyydHaK6xXApEmOsjI5hd/wOT4qF7TiBx8wkYoLiYpywp/wViFOsU+OEwkRyl+LSDk2fwZ6sb0T96DRcRHe8t5oAweSF8yr0SLNjh4bB0N43sNDbYMGLBSnOGIsd9ZwXY1I8udP85EMZ/aAcirNDp4T4Cg6JnVuHN0KMwCE6z9Dvghen3n/0PqPsVud23Tikwj5uNnwf5ZPjO6vvpFj4vo6SF0vPDaB9d07lveVYhpxoRRVcoS7V1ug4PBBrs1VD8OQx+QOtyIeVemypGwAAAABJRU5ErkJggg=="
                                    class="w-7 h-7" alt="img"></label><input name="current_password" placeholder="পুরানো পাসওয়ার্ড লিখুন"
                                type="password" id="3475950102"
                                class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><a onclick="viewPassword('current_password')"><svg
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"
                                    class="w-7 h-7 px-1 text-gray-400">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88">
                                    </path>
                                </svg></a><a class="block"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2.2" class="w-7 h-7 px-1 text-gray-400 hidden">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12">
                                    </path>
                                </svg></a></div>
                        <div class="error-message"></div>
                    </div>
                    <div class="mb-4">
                        <div class="g-input-wrapper flex flex-1 w-full box-border undefined"><label
                                class="flex items-center justify-center" for="2473286539"><img
                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAflBMVEUAAAAdkmMbj2EdkmMdkmMdkmMdkmMbkWMdkmMckWASklodkWMdkmMdkWMdkWMckWMakGEAgE0ekmMdkmQdkmMakGIdkmQekWQdkWMckWQbkmMckWIdkmMdkmMbkmIckGMck14Uj1wdkmQdkmMdkGMdkWQejmMbkGUVlWAekmS+kzR7AAAAKXRSTlMA3yb5hc/VL8ktDfTZuoxFOQXwwZwy6ZJfWkA+47RzUhsZuJV8e01MGDSSYDkAAAEoSURBVEjH7ZTZsoIwDEABWyyLrIKKy92X/P8P3nSuo1RNjH1yHM9bMjkwbdIETx6bQbVh2Kr1jdpawx5d3eJ9wYid3CvA0hjTgOVT6q0AMWWAlBqQH5mX9lj7Uf8H9RyDsBaJOyydHaK6xXApEmOsjI5hd/wOT4qF7TiBx8wkYoLiYpywp/wViFOsU+OEwkRyl+LSDk2fwZ6sb0T96DRcRHe8t5oAweSF8yr0SLNjh4bB0N43sNDbYMGLBSnOGIsd9ZwXY1I8udP85EMZ/aAcirNDp4T4Cg6JnVuHN0KMwCE6z9Dvghen3n/0PqPsVud23Tikwj5uNnwf5ZPjO6vvpFj4vo6SF0vPDaB9d07lveVYhpxoRRVcoS7V1ug4PBBrs1VD8OQx+QOtyIeVemypGwAAAABJRU5ErkJggg=="
                                    class="w-7 h-7" alt="img"></label><input name="new_password" placeholder="পাসওয়ার্ড লিখুন"
                                type="password" id="2473286539"
                                class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><a onclick="viewPassword('new_password')"><svg
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"
                                    class="w-7 h-7 px-1 text-gray-400">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88">
                                    </path>
                                </svg></a><a class="block"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2.2" class="w-7 h-7 px-1 text-gray-400 hidden">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12">
                                    </path>
                                </svg></a></div>
                        <div class="error-message"></div>
                    </div>
                    <div class="mb-4">
                        <div class="g-input-wrapper flex flex-1 w-full box-border undefined"><label
                                class="flex items-center justify-center" for="4276856"><img
                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAflBMVEUAAAAdkmMbj2EdkmMdkmMdkmMdkmMbkWMdkmMckWASklodkWMdkmMdkWMdkWMckWMakGEAgE0ekmMdkmQdkmMakGIdkmQekWQdkWMckWQbkmMckWIdkmMdkmMbkmIckGMck14Uj1wdkmQdkmMdkGMdkWQejmMbkGUVlWAekmS+kzR7AAAAKXRSTlMA3yb5hc/VL8ktDfTZuoxFOQXwwZwy6ZJfWkA+47RzUhsZuJV8e01MGDSSYDkAAAEoSURBVEjH7ZTZsoIwDEABWyyLrIKKy92X/P8P3nSuo1RNjH1yHM9bMjkwbdIETx6bQbVh2Kr1jdpawx5d3eJ9wYid3CvA0hjTgOVT6q0AMWWAlBqQH5mX9lj7Uf8H9RyDsBaJOyydHaK6xXApEmOsjI5hd/wOT4qF7TiBx8wkYoLiYpywp/wViFOsU+OEwkRyl+LSDk2fwZ6sb0T96DRcRHe8t5oAweSF8yr0SLNjh4bB0N43sNDbYMGLBSnOGIsd9ZwXY1I8udP85EMZ/aAcirNDp4T4Cg6JnVuHN0KMwCE6z9Dvghen3n/0PqPsVud23Tikwj5uNnwf5ZPjO6vvpFj4vo6SF0vPDaB9d07lveVYhpxoRRVcoS7V1ug4PBBrs1VD8OQx+QOtyIeVemypGwAAAABJRU5ErkJggg=="
                                    class="w-7 h-7" alt="img"></label><input name="confirm_password" placeholder="পাসওয়ার্ড নিশ্চিত করুন"
                                type="text" id="4276856"
                                class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><a onclick="viewPassword('confirm_password')"
                                class="block"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2.2" class="w-7 h-7 px-1 text-gray-400 hidden">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12">
                                    </path>
                                </svg></a></div>
                        <div class="error-message"></div>
                    </div><button type="submit"
                        class="g-button flex items-center justify-center g-button-bg w-full uppercase mt-10">জমা
                        দিন</button>
                </form>
            </div>
        </div>
    </div>
    
    <?php echo $__env->make('alert-message', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <script>
        function viewPassword(elementName){
            let input = document.querySelector(`input[name=${elementName}]`);
            console.log(input)
            if (input.type == 'password'){
                input.type = 'type';
            }else {
                input.type = 'password';
            }
        }
    </script>
</body>

</html>
<?php /**PATH /home/brightfuture/test.bright-future.top/resources/views/app/main/password.blade.php ENDPATH**/ ?>