<div class="starterpack-input-group flex-full-width pt-0 pb-0">
	<div class="starterpack-body-header">
		<h2><?php _e('Login Security', 'starterpack') ?></h2>
	</div>
	<div class="flex gap-2 pt-12">
		<!-- start login security -->
		<div class="starterpack-input-group show-hide-group flex-full-width pb-10">
			<div class="flex flex-nowrap">
				<div class="starterpack-input flex-50 pt-15 pb-0">
					<input class="starterpack-toggle starterpack-toggle-light main-toggle show-hide" data-show-hide="1" id="starterpack_change_login_url_enable" name="starterpack_change_login_url_enable" value="1" type="checkbox"
						<?php checked(AdminStarterPack\starterpack_field_setting( 'starterpack_change_login_url_enable'), 1, true) ?>/>
					<label class="starterpack-toggle-btn" for="starterpack_change_login_url_enable"></label>
					<label class="toggle-label pl-4" for="starterpack_change_login_url_enable">
					<?php _e('Change Login URL', 'starterpack') ?>
					</label>
					<div class="starterpack-help">
						<?php _e('Change the default login URL to enhanced your login security and prevent brute force attemp. ', 'starterpack') ?>
						<span class="starterpack-help custom" style="font-style:italic">
							<?php _e('*to also save the bandwidth, the default login url will be rediredted to 401 using .htaccess', 'starterpack') ?>
						</span>
					</div>
					
				</div>
				<div class="flex-50">
					<div id="" class="show-hide-content padding-left-0 pb-0">
						<div class="w-90 pt-10 pb-6">
							<!-- start New Login URL -->
							<div class="starterpack-input-group">
								<div class="custom-header">
									<h2 class=""><?php _e('New Login URL', 'starterpack') ?></h2>
								</div>
								<div class="starterpack-input-group">
									<div class="starterpack-input">
										<input class="w-100" placeholder="<?php _e( ' ' ); ?>" type="text" id="starterpack_change_login_url" name="starterpack_change_login_url" value="<?php echo esc_html(AdminStarterPack\starterpack_field_setting('starterpack_change_login_url')) ?>">
									</div>
								</div>
							</div>
							<!-- end New Login URL -->
						</div>
						<!-- end flex grid container -->
					</div>
					<!-- end show-hide-content -->
				</div>
			</div>
			<!-- end login url -->
		</div>
		<!-- end login url -->
	</div>
	<!-- end flex container -->
</div>
<!-- end body wraper -->