<?php $__env->startSection('custom_style'); ?>


<style>
    .accordion-button {
            box-shadow: none !important;
        }
        .product .box {
            margin-bottom: 40px;
        }
</style>


<?php $__env->stopSection(); ?>


<?php $__env->startSection('content'); ?>
<div id="__next">
    <div class="jsx-1305739042 __className_a8b5ca font-sans">
        <div class="relative flex min-h-screen items-center justify-center px-4 sm:px-32">
            <div class="absolute top-4 left-4 z-20">
                <a
                    class="inline-flex items-center justify-center rounded-md bg-primary-500 px-4 py-2 text-sm font-medium text-white duration-300 hover:bg-primary-400 !bg-murky-700 !p-2 hover:!bg-murky-800"
                    href="<?php echo e(url('/')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </a>
            </div>
            <img
                alt="BG"
                loading="lazy"
                decoding="async"
                data-nimg="fill"
                class="object-cover object-center"
                sizes="100vw"
                src="/assets/image/miya.jpg"
                style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
            />
            <div class="absolute inset-0 z-10 bg-gradient-to-tr from-murky-800 via-murky-800/75"></div>
            <main class="z-20 w-full">
                <div class="mx-auto w-full max-w-md space-y-8 lg:mx-0">
                    <div>
                        <h2 class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-3xl">Daftar</h2>
                        <p class="mt-2 text-sm text-white">Masukkan informasi pendaftaran yang valid.</p>
                    </div>
                    	<?php if($errors->any()): ?>
                    <div class="flex items-center justify-between rounded-md bg-rose-500 px-4 py-3 text-sm">
                        <ul>
                            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li><?php echo e($error); ?></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                <?php endif; ?>
                	<form action="<?php echo e(route('register')); ?>" method="POST" class="mt-8 space-y-6">
				    <?php echo csrf_field(); ?>		
                        <div class="space-y-3 rounded-md shadow-sm">
                            <div class="flex space-x-4">
                                <div class="w-1/2">
                                    <label for="nama" class="block text-xs font-medium text-white pb-2">Nama lengkap</label>
                                    <div class="flex flex-col items-start">
                                        <input
                                            class="relative block w-full appearance-none rounded-none border border-murky-600 bg-murky-700 px-3 py-2 text-xs text-white placeholder-murky-200 focus:z-10 focus:border-primary-500 focus:outline-none focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-75 !rounded-md !border-0 !bg-murky-200 !text-murky-800 !placeholder-murky-800 accent-murky-800 !ring-0 placeholder:text-xs focus:!border-transparent focus:!bg-white focus:!ring-transparent !rounded-md"
                                            type="text"
                                            autocomplete="name" 
                                            id="nama"
                                            placeholder="Nama lengkap"
                                            name="nama" required/>
                                    </div>
                                    <span class="text-xs text-rose-500"></span>
                                </div>
                                <div class="w-1/2">
                                    <label for="username" class="block text-xs font-medium text-white pb-2">Username</label>
                                    <div class="flex flex-col items-start">
                                        <input
                                            class="relative block w-full appearance-none rounded-none border border-murky-600 bg-murky-700 px-3 py-2 text-xs text-white placeholder-murky-200 focus:z-10 focus:border-primary-500 focus:outline-none focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-75 !rounded-md !border-0 !bg-murky-200 !text-murky-800 !placeholder-murky-800 accent-murky-800 !ring-0 placeholder:text-xs focus:!border-transparent focus:!bg-white focus:!ring-transparent !rounded-md"
                                            type="text"
                                            id="username"
                                            autocomplete="username"
                                            placeholder="Username"
                                            name="username" required/>
                                    </div>
                                    <span class="text-xs text-rose-500"></span>
                                </div>
                            </div>
                            <div>
                                <label for="wa" class="block text-xs font-medium text-white pb-2">No. WhatsApp</label>
                                <div class="flex flex-col items-start">
                                    <input
                                        class="relative block w-full appearance-none rounded-none border border-murky-600 bg-murky-700 px-3 py-2 text-xs text-white placeholder-murky-200 focus:z-10 focus:border-primary-500 focus:outline-none focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-75 !rounded-md !border-0 !bg-murky-200 !text-murky-800 !placeholder-murky-800 accent-murky-800 !ring-0 placeholder:text-xs focus:!border-transparent focus:!bg-white focus:!ring-transparent !rounded-md"
                                        type="number" 
                                        id="wa"
                                        placeholder="No. WhatsApp"
                                        name="no_wa" required/>
                                </div>
                                <span class="text-xs text-rose-500"></span>
                            </div>
                            
                            <div class="flex space-x-4">
                                <div class="w-1/2">
                                    <label for="password" class="block text-xs font-medium text-white pb-2">Kata sandi</label>
                                    <div class="relative">
                                        <div class="flex flex-col items-start">
                                            <input
                                                class="relative block w-full appearance-none rounded-none border border-murky-600 bg-murky-700 px-3 py-2 text-xs text-white placeholder-murky-200 focus:z-10 focus:border-primary-500 focus:outline-none focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-75 !rounded-md !border-0 !bg-murky-200 !text-murky-800 !placeholder-murky-800 accent-murky-800 !ring-0 placeholder:text-xs focus:!border-transparent focus:!bg-white focus:!ring-transparent !rounded-md"
                                                type="password"
                                                id="password"
                                                placeholder="Kata sandi"
                                                name="password" required/>
                                        </div>
                                        <button type="button" class="absolute top-0 right-4 z-20 h-full text-murky-700">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                                <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>
                                        </button>
                                    </div>
                                    <span class="text-xs text-rose-500"></span>
                                </div>
                                <div class="w-1/2">
                                    <label for="passwordd" class="block text-xs font-medium text-white pb-2">Konfirmasi kata sandi</label>
                                    <div class="relative">
                                        <div class="flex flex-col items-start">
                                            <input
                                                class="relative block w-full appearance-none rounded-none border border-murky-600 bg-murky-700 px-3 py-2 text-xs text-white placeholder-murky-200 focus:z-10 focus:border-primary-500 focus:outline-none focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-75 !rounded-md !border-0 !bg-murky-200 !text-murky-800 !placeholder-murky-800 accent-murky-800 !ring-0 placeholder:text-xs focus:!border-transparent focus:!bg-white focus:!ring-transparent !rounded-md"
                                                type="password"
                                                id="passwordd"
                                                placeholder="Kata sandi"
                                                name="passwordd" required/>
                                        </div>
                                        <button type="button" name="tombol" value="submit" class="absolute top-0 right-4 z-20 h-full text-murky-700">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                                <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>
                                        </button>
                                    </div>
                                    <span class="text-xs text-rose-500"></span>
                                </div>
                            </div>
                        </div>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center">
    <input type="checkbox" class="h-4 w-4 cursor-pointer rounded border-murky-600 bg-murky-700 text-primary-500 " id="tac" name="tac" />
    <label for="tac" class="block text-xs font-medium text-white ml-3 block select-none text-sm text-white">
        Saya setuju dengan <a class="text-primary-500" style="outline: none;" href="/id/privacy-policy">Kebijakan Pribadi</a> dan <a class="text-primary-500" style="outline: none;" href="/id/terms-and-condition">Syarat dan Ketentuan</a>.
    </label>
</div>

                        </div>
                        <div>
                            <button
                            
                                class="inline-flex items-center justify-center rounded-md bg-primary-500 px-4 py-2 text-sm font-medium text-white duration-300 hover:bg-primary-500 disabled:cursor-not-allowed disabled:opacity-75 group relative flex w-full"
                                type="submit"
                            >
                                <span class="absolute inset-y-0 left-0 flex items-center pl-3">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        aria-hidden="true"
                                        class="h-5 w-5 text-white transition-colors group-hover:text-primary-500"
                                    >
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M19 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zM4 19.235v-.11a6.375 6.375 0 0112.75 0v.109A12.318 12.318 0 0110.374 21c-2.331 0-4.512-.645-6.374-1.766z"
                                        ></path>
                                    </svg>
                                </span>
                                Daftar
                            </button>
                        </div>
                        <div class="relative mt-6">
                            <div class="relative flex justify-center text-sm"><span class="px-2 text-white">Sudah memiliki akun?</span></div>
                        </div>
                        <div>
                            <a
                                class="inline-flex items-center justify-center rounded-md bg-primary-500 px-4 py-2 text-sm font-medium text-white duration-300 hover:bg-primary-400 group relative flex w-full !bg-murky-700 hover:!bg-murky-600"
                                href="<?php echo e(route('login')); ?>"
                                style="outline: none;"
                            >
                                <span class="absolute inset-y-0 left-0 flex items-center pl-3">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor"
                                        aria-hidden="true"
                                        class="h-5 w-5 text-white transition-colors group-hover:text-murky-700"
                                    >
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
                                        ></path>
                                    </svg>
                                </span>
                                Masuk
                            </a>
                        </div>
                    </form>
                </div>
            </main>
        </div>
        <div style="position: fixed; z-index: 9999; top: 16px; left: 16px; right: 16px; bottom: 16px; pointer-events: none;"></div>
      
    </div>
</div>










<?php $__env->startPush('custom_script'); ?>



<?php $__env->stopPush(); ?>




<?php $__env->stopSection(); ?>

<?php echo $__env->make('template.template', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u870822285/domains/ramstopup.id/public_html/project/resources/views/template/register.blade.php ENDPATH**/ ?>