<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<form method="POST" action="<?php echo e(route('register.submit')); ?>">
    <?php echo csrf_field(); ?>

    <input
        type="text"
        name="name"
        placeholder="Your Name"
        required
    >

    <input
        type="text"
        name="phone"
        placeholder="01XXXXXXXXX"
        required
    >

    <input
        type="password"
        name="password"
        placeholder="Password"
        required
    >

    <input
        type="password"
        name="password_confirmation"
        placeholder="Confirm Password"
        required
    >

    <button type="submit">
        Create Account
    </button>
</form>
</body>
</html> -->




<!DOCTYPE html>

<html lang="en">

<head>


<meta charset="UTF-8">

<meta name="viewport"
      content="width=device-width, initial-scale=1.0">


<title>Admin Register - NIDVerify</title>


<!-- Tailwind CSS -->

<script src="https://cdn.tailwindcss.com"></script>


<!-- Google Font -->

<link rel="preconnect"
      href="https://fonts.googleapis.com">


<link rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin>


<link href="
https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap"
rel="stylesheet">


<style>

    * {

        font-family:
        'Poppins',
        'Hind Siliguri',
        sans-serif;

    }


    body {

        background:

        radial-gradient(
            circle at 10% 10%,
            rgba(99, 102, 241, 0.25),
            transparent 30%
        ),

        radial-gradient(
            circle at 90% 90%,
            rgba(236, 72, 153, 0.25),
            transparent 30%
        ),

        #f8fafc;

    }


    .glass {

        background:
        rgba(255, 255, 255, 0.85);

        backdrop-filter:
        blur(20px);

    }

</style>


</head>

<body class="min-h-screen
             flex
             items-center
             justify-center
             px-5
             py-10">


<!-- Background Decoration -->

<div class="fixed
            -top-32
            -left-32
            w-96
            h-96
            bg-indigo-300/20
            rounded-full
            blur-3xl">

</div>


<div class="fixed
            -bottom-32
            -right-32
            w-96
            h-96
            bg-pink-300/20
            rounded-full
            blur-3xl">

</div>


<!-- Register Card -->

<div class="relative
            w-full
            max-w-md">


    <!-- Gradient Glow -->

    <div class="absolute
                -inset-1
                bg-gradient-to-r
                from-indigo-500
                via-purple-500
                to-pink-500
                rounded-[2rem]
                blur
                opacity-20">

    </div>


    <!-- Main Card -->

    <div class="relative
                glass
                rounded-[2rem]
                border
                border-white
                shadow-2xl
                p-7
                sm:p-9">


        <!-- Logo -->

        <div class="flex
                    justify-center
                    mb-6">


            <div class="w-16
                        h-16
                        rounded-2xl
                        bg-gradient-to-br
                        from-indigo-600
                        via-purple-600
                        to-pink-600
                        flex
                        items-center
                        justify-center
                        shadow-xl">


                <svg class="w-8
                            h-8
                            text-white"
                     fill="none"
                     stroke="currentColor"
                     viewBox="0 0 24 24">


                    <path stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          d="M18 9v3m0 0v3m0-3h3m-3
                          0h-3m-2-5a4 4 0
                          11-8 0 4 4 0
                          018 0zM3 20a6 6
                          0 0112 0v1H3v-1z"/>

                </svg>

            </div>

        </div>


        <!-- Heading -->

        <div class="text-center
                    mb-7">


            <h1 class="text-3xl
                       font-extrabold
                       text-gray-900">

                Create Account

            </h1>


            <p class="text-gray-500
                      text-sm
                      mt-2">

                Register your admin account

            </p>

        </div>


  
  


        <!-- Register Form -->


<form method="POST" class="space-y-4" action="<?php echo e(route('register.submit')); ?>">
    <?php echo csrf_field(); ?>

            <!-- Name -->

            <div>


                <label class="block
                              text-sm
                              font-semibold
                              text-gray-700
                              mb-2">

                    Full Name

                </label>


                <div class="relative">


                    <div class="absolute
                                left-4
                                top-1/2
                                -translate-y-1/2">


                        <svg class="w-5
                                    h-5
                                    text-indigo-500"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M16 7a4 4 0
                                  11-8 0 4 4 0
                                  018 0zM12 14a7 7
                                  0 00-7 7h14a7 7
                                  0 00-7-7z"/>

                        </svg>

                    </div>


                    <input type="text"
                           name="name"
                           placeholder="Enter your full name"
                           required
                           class="w-full
                                  pl-12
                                  pr-4
                                  py-3.5
                                  rounded-xl
                                  border
                                  border-gray-200
                                  bg-white
                                  outline-none
                                  focus:border-indigo-500
                                  focus:ring-4
                                  focus:ring-indigo-100
                                  transition">

                </div>

            </div>


            <!-- Phone -->

            <div>


                <label class="block
                              text-sm
                              font-semibold
                              text-gray-700
                              mb-2">

                    Phone Number

                </label>


                <div class="relative">


                    <div class="absolute
                                left-4
                                top-1/2
                                -translate-y-1/2">


                        <svg class="w-5
                                    h-5
                                    text-purple-500"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M3 5a2 2 0
                                  012-2h3.28a1 1 0
                                  01.948.684l1.498
                                  4.493a1 1 0
                                  01-.502 1.21l-2.257
                                  1.13a11.042 11.042
                                  0 005.516 5.516l1.13-2.257a1
                                  1 0 011.21-.502l4.493
                                  1.498A1 1 0 0121
                                  15.28V18a2 2 0
                                  01-2 2h-1C9.163 20
                                  3 14.837 3 7V5z"/>

                        </svg>

                    </div>


                    <input type="text"
                           name="phone"
                           placeholder="01XXXXXXXXX"
                           required
                           maxlength="11"
                           pattern="01[3-9][0-9]{8}"
                           class="w-full
                                  pl-12
                                  pr-4
                                  py-3.5
                                  rounded-xl
                                  border
                                  border-gray-200
                                  bg-white
                                  outline-none
                                  focus:border-purple-500
                                  focus:ring-4
                                  focus:ring-purple-100
                                  transition">

                </div>

            </div>


            <!-- Password -->

            <div>


                <label class="block
                              text-sm
                              font-semibold
                              text-gray-700
                              mb-2">

                    Password

                </label>


                <div class="relative">


                    <div class="absolute
                                left-4
                                top-1/2
                                -translate-y-1/2">


                        <svg class="w-5
                                    h-5
                                    text-pink-500"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M12 15v2m-6 4h12a2 2
                                  0 002-2v-6a2 2
                                  0 00-2-2H6a2 2
                                  0 00-2 2v6a2 2
                                  0 002 2zm10-10V7a4
                                  4 0 00-8 0v2h8z"/>

                        </svg>

                    </div>


                    <input type="password"
                           id="password"
                           name="password"
                           placeholder="Create a password"
                           required
                           minlength="6"
                           class="w-full
                                  pl-12
                                  pr-12
                                  py-3.5
                                  rounded-xl
                                  border
                                  border-gray-200
                                  bg-white
                                  outline-none
                                  focus:border-pink-500
                                  focus:ring-4
                                  focus:ring-pink-100
                                  transition">


                    <button type="button"
                            onclick="togglePassword(
                                'password',
                                'eye1'
                            )"
                            class="absolute
                                   right-4
                                   top-1/2
                                   -translate-y-1/2
                                   text-gray-400
                                   hover:text-pink-600">


                        <svg id="eye1"
                             class="w-5
                                    h-5"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M15 12a3 3
                                  0 11-6 0 3 3
                                  0 016 0z"/>


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M2.458 12C3.732
                                  7.943 7.523 5 12 5c4.478
                                  0 8.268 2.943 9.542
                                  7-1.274 4.057-5.064
                                  7-9.542 7-4.477
                                  0-8.268-2.943-9.542-7z"/>

                        </svg>

                    </button>

                </div>

            </div>


            <!-- Confirm Password -->

            <div>


                <label class="block
                              text-sm
                              font-semibold
                              text-gray-700
                              mb-2">

                    Confirm Password

                </label>


                <div class="relative">


                    <div class="absolute
                                left-4
                                top-1/2
                                -translate-y-1/2">


                        <svg class="w-5
                                    h-5
                                    text-pink-500"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M9 12l2 2 4-4m5.618-4.016A11.955
                                  11.955 0 0112 2.944a11.955
                                  11.955 0 01-8.618 3.04A12.02
                                  12.02 0 003 9c0 5.591
                                  3.824 10.29 9 11.622C17.176
                                  19.29 21 14.591 21 9c0-1.042
                                  -.133-2.052-.382-3.016z"/>

                        </svg>

                    </div>


                    <input type="password"
                           id="confirm_password"
                           name="password_confirmation"
                           placeholder="Confirm your password"
                           required
                           minlength="6"
                           class="w-full
                                  pl-12
                                  pr-12
                                  py-3.5
                                  rounded-xl
                                  border
                                  border-gray-200
                                  bg-white
                                  outline-none
                                  focus:border-pink-500
                                  focus:ring-4
                                  focus:ring-pink-100
                                  transition">


                    <button type="button"
                            onclick="togglePassword(
                                'confirm_password',
                                'eye2'
                            )"
                            class="absolute
                                   right-4
                                   top-1/2
                                   -translate-y-1/2
                                   text-gray-400
                                   hover:text-pink-600">


                        <svg id="eye2"
                             class="w-5
                                    h-5"
                             fill="none"
                             stroke="currentColor"
                             viewBox="0 0 24 24">


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M15 12a3 3
                                  0 11-6 0 3 3
                                  0 016 0z"/>


                            <path stroke-linecap="round"
                                  stroke-linejoin="round"
                                  stroke-width="2"
                                  d="M2.458 12C3.732
                                  7.943 7.523 5 12 5c4.478
                                  0 8.268 2.943 9.542
                                  7-1.274 4.057-5.064
                                  7-9.542 7-4.477
                                  0-8.268-2.943-9.542-7z"/>

                        </svg>

                    </button>

                </div>

            </div>


            <!-- Register Button -->

            <button type="submit"
                    class="w-full
                           mt-2
                           py-4
                           rounded-xl
                           bg-gradient-to-r
                           from-indigo-600
                           via-purple-600
                           to-pink-600
                           hover:from-indigo-700
                           hover:via-purple-700
                           hover:to-pink-700
                           text-white
                           font-bold
                           shadow-lg
                           shadow-indigo-200
                           transition
                           duration-300
                           hover:-translate-y-1">

                Create Admin Account

            </button>


        </form>


        <!-- Login Link -->

        <div class="mt-6
                    text-center">


            <p class="text-sm
                      text-gray-500">


                Already have an account?


                <a href="<?php echo e(route('login')); ?>"
                   class="font-bold
                          text-indigo-600
                          hover:text-purple-600
                          transition">


                    Sign In

                </a>

            </p>

        </div>


        <!-- Security -->

        <div class="mt-5
                    pt-5
                    border-t
                    border-gray-100
                    text-center">


            <p class="text-xs
                      text-gray-500">


                🔒 Secure Admin Registration


            </p>

        </div>


    </div>


    <!-- Footer -->

    <p class="text-center
              text-sm
              text-gray-500
              mt-6">

        © 2026 NIDVerify. All rights reserved.

    </p>


</div>


<!-- Password Toggle -->

<script>

    function togglePassword(
        inputId,
        iconId
    ) {


        const input =
            document.getElementById(
                inputId
            );


        if (
            input.type === "password"
        ) {

            input.type = "text";

        } else {

            input.type = "password";

        }

    }

</script>


</body>

</html>
<?php /**PATH C:\xampp\htdocs\nidservercopy\resources\views/auth/register.blade.php ENDPATH**/ ?>