
<?php $color = $color ?? 'green'; ?>
<div x-data="{ showPwd: false, showConfirm: false }">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
            <label for="password" class="block text-sm font-medium text-gray-700 mb-2">
                Password <span class="text-red-500">*</span>
            </label>
            <div class="relative">
                <input :type="showPwd ? 'text' : 'password'"
                       id="password" name="password"
                       class="w-full px-4 py-3 pr-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-<?php echo e($color); ?>-500 focus:border-<?php echo e($color); ?>-500 transition"
                       placeholder="Minimum 8 characters" required>
                <button type="button" @click="showPwd = !showPwd"
                        class="absolute inset-y-0 right-0 px-4 text-gray-400 hover:text-gray-600">
                    <i :class="showPwd ? 'fas fa-eye-slash' : 'fas fa-eye'"></i>
                </button>
            </div>
            <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <p class="mt-1 text-sm text-red-600"><?php echo e($message); ?></p>
            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
        </div>

        <div>
            <label for="password_confirmation" class="block text-sm font-medium text-gray-700 mb-2">
                Confirm Password <span class="text-red-500">*</span>
            </label>
            <div class="relative">
                <input :type="showConfirm ? 'text' : 'password'"
                       id="password_confirmation" name="password_confirmation"
                       class="w-full px-4 py-3 pr-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-<?php echo e($color); ?>-500 focus:border-<?php echo e($color); ?>-500 transition"
                       placeholder="Re-enter your password" required>
                <button type="button" @click="showConfirm = !showConfirm"
                        class="absolute inset-y-0 right-0 px-4 text-gray-400 hover:text-gray-600">
                    <i :class="showConfirm ? 'fas fa-eye-slash' : 'fas fa-eye'"></i>
                </button>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /home/www/sshia.org/sshia/resources/views/registration/_partials/password-fields.blade.php ENDPATH**/ ?>