<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{{env('APP_NAME')}}</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        .fp7cZ2btVZhxv3HP7CYS {
            background-position: bottom;
            background-image: url(/public/img/27c78d2fb4be363eaa48.png);
        }

        .xldq2vPZ0jKILUE63zGk {
            background-image: linear-gradient(to top, var(--tw-gradient-stops));
            --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
            --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
            --tw-gradient-to: #1E9264 var(--tw-gradient-to-position);
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity));
            outline-style: solid;
            outline-width: .53333vw;
            outline-color: #fbbf24;
        }

        .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);
        }

        .mb-1 {
            margin-bottom: .25rem;
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="">
            <div
                class="fp7cZ2btVZhxv3HP7CYS bg-cover text-white font-bold text-2xl flex flex-col text-center p-2 pb-28">
                <div class="relative z-10 pt-3 pb-3 pr-4 flex justify-end">
                    <div class="relative"><button
                            class="g-button flex items-center justify-center gap-0.5 h-8 px-4 text-xs bg-white bg-opacity-30 border border-primary">বাংলা<svg
                                viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2"
                                class="w-3 h-3 text-white rotate-90">
                                <path fill-rule="evenodd"
                                    d="M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.348c1.295.712 1.295 2.573 0 3.285L7.28 19.991c-1.25.687-2.779-.217-2.779-1.643V5.653z"
                                    clip-rule="evenodd"></path>
                            </svg></button></div>
                </div>
                <div>প্রতিদিন 100,000 উপার্জন করতে নিবন্ধন করুন</div>
            </div>
            <div class="-mt-12 relative px-5 rounded-t-5xl bg-white min-h-60">
                <div class="py-6">
                    <div class="flex px-10 h-10 items-center justify-round">
                        <div class="flex-1 h-full flex justify-center"><a replace="true" href="{{url('login')}}"
                                class="h-full px-5 flex rounded-full items-center justify-center text-md font-semibold text-gray-500 capitalize box-border whitespace-nowrap inactive "
                                link="" aria-current="page">সাইন ইন করুন</a></div>
                        <div class="flex-1 h-full flex justify-center"><a replace="true" href="{{url('register')}}"
                                class="h-full px-5 flex rounded-full items-center justify-center text-md font-semibold text-white capitalize box-border whitespace-nowrap active xldq2vPZ0jKILUE63zGk"
                                link="">রেজিস্টার</a></div>
                    </div>
                </div>
                <div class="">
                    <form action="{{route('register')}}" method="post" id="credntial">@csrf
                        <div class="mb-5">
                            <div class="g-input-wrapper flex flex-1 w-full box-border undefined"><label
                                    class="flex items-center justify-center" for="1197287072">
                                    <div class="flex items-center text-base text-primary"><span
                                            class="mx-1">+880</span><svg viewBox="0 0 24 24" fill="currentColor"
                                            stroke="none" stroke-width="2.2" class="w-3 h-3 text-primary rotate-90">
                                            <path fill-rule="evenodd"
                                                d="M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.348c1.295.712 1.295 2.573 0 3.285L7.28 19.991c-1.25.687-2.779-.217-2.779-1.643V5.653z"
                                                clip-rule="evenodd"></path>
                                        </svg></div>
                                </label><input placeholder="আপনার ফোন নম্বর লিখুন" type="number" id="1197287072"
                                    name="phone"
                                    class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><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-5">
                            <div class="g-input-wrapper flex flex-1 w-full box-border undefined"><label
                                    class="flex items-center justify-center" for="3354264752"><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 placeholder="আপনার পাসওয়ার্ড লিখুন"
                                    type="password" id="3354264752" name="password"
                                    class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><a>
                                    <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" onclick="eye()"><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-5">
                            <div class="g-input-wrapper flex flex-1 w-full box-border"><label
                                    class="flex items-center justify-center" for="1197287072">
                                    <div class="flex items-center text-base text-primary"></div>
                                </label><input placeholder="আপনার নাম লিখুন " type="text" id="119728e7072" name="name"
                                    class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><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-5">
                            <div class="g-input-wrapper flex flex-1 w-full box-border"><label
                                    class="flex items-center justify-center" for="1197287072">
                                    <div class="flex items-center text-base text-primary"></div>
                                </label><input placeholder="আপনার   লিখুন" type="text"
                                    value="{{isset($ref_by) && !empty($ref_by) && $ref_by != null ? $ref_by : \App\Models\User::select('ref_id')->first()->ref_id}}"
                                    id="119728e70d72" name="ref_id"
                                    class="block px-2 flex-1 h-full text-gray-900 placeholder:text-gray-400 box-border bg-transparent overflow-hidden}"><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>

                        <button type="submit" onclick="submitCredential()"
                            class="g-button flex items-center justify-center g-button-bg w-full uppercase">জমা দিন<svg
                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                                class="w-4 h-4 text-white ml-3">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path>
                            </svg></button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    @include('alert-message')
    <script>
        function eye() {
            let password = document.querySelector('input[name="password"]');
            if (password.type == 'password') {
                password.type = 'text';
            } else {
                password.type = 'password';
            }
        }

        function submitCredential() {
            document.getElementById('credntial').submit();
        }
    </script>
</body>

</html>