<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title><?php echo e(config('app.name', 'Nusa OTP')); ?></title>

    <link rel="icon" type="image/png" href="<?php echo e(asset('public/assets/icon-nusaotp.ico')); ?>">
    <link rel="apple-touch-icon" href="<?php echo e(asset('public/assets/icon-nusaotp.ico')); ?>">

    <meta property="og:title" content="<?php echo e(config('app.name', 'Nusa OTP')); ?>">
    <meta property="og:description" content="Nusa OTP Adalah Platform Layanan Nomor Virtual Dengan OTP Otomatis Tercepat Dan Termurah Di Indonesia. Beli Nomor Virtual Sekarang, Instan, Terpercaya, Dan Aktif 24 Jam.">
    <meta property="og:image" content="<?php echo e(asset('public/assets/og-nusaotp.webp')); ?>">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://nusaotp.com">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo e(config('app.name', 'Nusa OTP')); ?>">
    <meta name="twitter:description" content="Nusa OTP Adalah Platform Layanan Nomor Virtual Dengan OTP Otomatis Tercepat Dan Termurah Di Indonesia. Beli Nomor Virtual Sekarang, Instan, Terpercaya, Dan Aktif 24 Jam.">
    <meta name="twitter:image" content="<?php echo e(asset('public/assets/og-nusaotp.webp')); ?>">
     <meta name="keywords" content="Nusa OTP, nomor virtual murah, Nusa OTP nokos, Nokos, beli nomor virtual, OTP murah, Nokos Indonesia, OTP Wa, nomor virtual, nomor WhatsApp, nomor Telegram, nomor Gmail, nomor registrasi, layanan verifikasi akun, platform nomor virtual, nomor online, nomor SMS verifikasi, nokos wa, nokos indonesia, nomor kosong, nomor virtual murah, otp murah, nokos wa murah, nokos wa, nomor kosong murah, nomor murah, beli nomor kosong, jasa nomor kosong murah, jasa nomor kosong, jasa otp murah, beli nomor kosong wa, nomor kosong">
    

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

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

<style>
    * {
        font-family: 'Inter', sans-serif;
    }
    html {
        -webkit-text-size-adjust: 100%;
    }
    body {
        margin: 0;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus {
        -webkit-text-fill-color: #1e293b;
        -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
        transition: background-color 5000s ease-in-out 0s;
    }
</style>
</head>

<body class="text-slate-800 relative min-h-screen overflow-x-hidden flex items-center justify-center bg-gradient-to-br from-slate-50 via-blue-50/50 to-indigo-100/70 py-8">

<div class="fixed inset-0 overflow-hidden pointer-events-none z-0">
    <div class="absolute -top-40 -right-40 w-[400px] h-[400px] sm:w-[600px] sm:h-[600px] bg-blue-400/20 rounded-full blur-[100px]"></div>
    <div class="absolute -bottom-40 -left-40 w-[400px] h-[400px] sm:w-[600px] sm:h-[600px] bg-indigo-300/20 rounded-full blur-[100px]"></div>
</div>

<div class="relative z-10 w-full max-w-md mx-auto p-4 sm:p-6">

    <div class="text-center mb-8">
            <div class=" flex items-center justify-center">
                <!-- SVG Logo Icon -->
                <svg width="80" height="80" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7 7C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7V9C17 9.55228 16.5523 10 16 10H8C7.44772 10 7 9.55228 7 9V7ZM12 4C10.3431 4 9 5.34315 9 7V8H15V7C15 5.34315 13.6569 4 12 4Z" fill="#152C70"></path> <path d="M9 8C6.23858 8 4 10.2386 4 13V17C4 19.7614 6.23858 22 9 22H15C17.7614 22 20 19.7614 20 17V13C20 10.2386 17.7614 8 15 8H9Z" fill="#4296FF"></path> <path d="M13 15.7324C13.5978 15.3866 14 14.7403 14 14C14 12.8954 13.1046 12 12 12C10.8954 12 10 12.8954 10 14C10 14.7403 10.4022 15.3866 11 15.7324V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V15.7324Z" fill="#152C70"></path> </g></svg>
            </div>
        <h1 class="text-2xl sm:text-3xl font-extrabold text-slate-900 tracking-tight">
            Reset Password
        </h1>
        <p class="text-xs font-bold text-slate-400 mt-1.5 uppercase tracking-[0.2em]">atur ulang kata sandi anda</p>
    </div>

    <div class="bg-white/80 backdrop-blur-xl rounded-3xl p-6 sm:p-8 shadow-xl shadow-slate-200/50 border border-white ring-1 ring-slate-100">

        <div class="mb-6">
            <h2 class="text-xl sm:text-2xl font-bold text-slate-900">Lupa Password?</h2>
            <p class="text-sm text-slate-500 mt-1">Masukkan email akun Anda untuk menerima link reset password.</p>
        </div>

        <?php if(session('status')): ?>
            <div class="mb-5 rounded-2xl bg-emerald-50 text-emerald-700 border border-emerald-200 px-4 py-3.5 text-sm flex items-center gap-3">
                <svg class="w-5 h-5 shrink-0 text-emerald-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                </svg>
                <span><?php echo e(session('status')); ?></span>
            </div>
        <?php endif; ?>

        <?php if($errors->any()): ?>
            <div class="mb-5 rounded-2xl bg-rose-50 text-rose-700 border border-rose-200 px-4 py-3.5 text-sm flex items-center gap-3">
                <svg class="w-5 h-5 shrink-0 text-rose-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                </svg>
                <span><?php echo e($errors->first()); ?></span>
            </div>
        <?php endif; ?>

        <form method="POST" action="<?php echo e(route('apk.password.email')); ?>" class="space-y-5">
            <?php echo csrf_field(); ?>

            <div class="space-y-1.5">
                <label class="block text-xs font-bold text-slate-500 uppercase tracking-wider">Alamat Email</label>
                <div class="relative group">
                    <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-slate-400 group-focus-within:text-blue-600 transition-colors">
                        <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.206" />
                        </svg>
                    </div>
                    <input 
                        type="email" 
                        name="email" 
                        value="<?php echo e(old('email')); ?>" 
                        required 
                        class="w-full h-14 pl-11 pr-4 rounded-2xl border border-slate-200 bg-white/60 text-slate-900 placeholder-slate-400 focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 outline-none transition-all duration-200 text-[15px]" 
                        placeholder="contoh@gmail.com">
                </div>
            </div>

            <button
                type="submit"
                class="w-full h-14 sm:h-15 rounded-2xl bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white font-bold shadow-lg shadow-blue-500/20 active:scale-[0.99] focus:ring-4 focus:ring-blue-500/20 transition-all duration-200 flex items-center justify-center text-base tracking-wide">
                Kirim Link Reset
            </button>
        </form>

        <div class="mt-6 text-center border-t border-slate-100 pt-5">
            <a href="<?php echo e(route('apk.login')); ?>" class="inline-flex items-center gap-2 text-sm text-blue-600 font-bold hover:text-blue-700 group transition-colors">
                Masuk
            </a>
        </div>
    </div>

    <div class="mt-8 flex justify-center gap-6 text-slate-400 text-[11px] font-bold uppercase tracking-[0.15em]">
        <div class="flex items-center gap-1.5">
            <svg class="w-4 h-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" 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.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
            </svg>
            <span>Secure TLS</span>
        </div>
    </div>

</div>

</body>
</html><?php /**PATH /home/nusaotp/public_html/resources/views/apk/forgot-password.blade.php ENDPATH**/ ?>