<div class="starterpack-input-group flex-full-width pt-0 pb-24">
	<div class="starterpack-body-header">
		<h2><?php _e('Admin UI', 'starterpack') ?></h2>
	</div>
	<!-- start login security -->
	<div class="starterpack-input-group show-hide-group flex-full-width pb-10 relative">
		    
		<div class="starterpack-input pt-15 pb-0">
    		<input class="starterpack-toggle starterpack-toggle-light main-toggle show-hide" data-show-hide="1" id="starterpack_admin_ui_enable" name="starterpack_admin_ui_enable" value="1" type="checkbox"
    			<?php checked(AdminStarterPack\starterpack_field_setting( 'starterpack_admin_ui_enable'), 1, true) ?>/>
    		<label class="starterpack-toggle-btn" for="starterpack_admin_ui_enable"></label>
    		<label class="toggle-label pl-4" for="starterpack_admin_ui_enable">
    		<?php _e('Use Starter Pack\'s UI', 'starterpack') ?>
    		</label>
    		<div class="starterpack-help">
    			<?php _e('Use Starter Pack\'s UI for Admin Dashboard', 'starterpack') ?>
    			<span class="starterpack-help custom" style="font-style:italic">
    			<?php _e(' ', 'starterpack') ?>
    			</span>
    		</div>
		</div>
		
		<div id="" class="show-hide-content padding-left-0 pb-0">
		    
		    <div class="ui-absolute">
    			<div class="w-90 pt-10 pb-6">
    			<!-- start New Login URL -->
    			<div class="starterpack-input-group">
                    <div class="starterpack-input">
                        <select class="starterpack-select w-50 mt-10" name="starterpack_admin_ui">
                            <option value="light" <?php selected(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui'), 'repeat', true) ?>>Use Light UI</option>
                            <option value="dark" <?php selected(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui'), 'repeat-y', true) ?>>Use Dark UI</option>
                        </select>
                    </div>
                </div>
    			<!-- end UI -->
    			</div>
    			<!-- end flex grid container -->
    		</div><!-- end flex-50 -->
    		
    		<div class="starterpack-spacer"></div>
    		
    		<div class="starterpack-body-header mb-20">
                <h2><?php _e('Customize further...', 'starterpack') ?></h2>
            </div>
    		
    		<div class="flex gap-2 mt-15">
    		    
                <div class="starterpack-input-group flex-30 pb-10">
                    <?php echo AdminStarterPack\starterpack_form_upload_field(__('Admin Bar Logo', 'starterpack'), 'starterpack_admin_ui_admin_bar_logo', __('Replace WordPress logo in the admin bar', 'starterpack')) ?>
                </div>
            
                <div class="starterpack-spacer starterpack-spacer-medium"></div>
    		
        		<div class="starterpack-input-group flex-30 pb-10" >
                	<label><?php _e('Background Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                		    <input type="text" name="starterpack_admin_ui_bg_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_bg_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Sidebar & Admin bar background color', 'starterpack') ?>
                	</div>
                </div>
                		
                <div class="starterpack-input-group flex-30 pb-10" >
                	<label><?php _e('Box Shadow Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                	    <input type="text" name="starterpack_admin_ui_shadow_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_shadow_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Sidebar & Admin bar shadow color', 'starterpack') ?>
                	</div>
                </div>
                		
                <div class="starterpack-input-group flex-30 pb-10" >
                	<label><?php _e('Inner Background Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                	    <input type="text" name="starterpack_admin_ui_inside_bg_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_inside_bg_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Content background color', 'starterpack') ?>
                	</div>
                </div>
                		
                <div class="starterpack-input-group flex-30 pb-10">
                	<label><?php _e('Sidebar Text Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                	    <input type="text" name="starterpack_admin_ui_text_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_text_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Admin sidebar text color', 'starterpack') ?>
                	</div>
                </div>
                		
                <div class="starterpack-input-group flex-30 pb-10">
                	<label><?php _e('Inner Text Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                	    <input type="text" name="starterpack_admin_ui_inside_text_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_inside_text_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Admin content text color', 'starterpack') ?>
                	</div>
                </div>
                		
                <div class="starterpack-input-group flex-30 pb-10">
                	<label><?php _e('Link Color', 'starterpack') ?></label>
                	<div class="starterpack-input">
                	    <input type="text" name="starterpack_admin_ui_link_color" class="starterpack-color-field" value="<?php echo esc_attr(AdminStarterPack\starterpack_field_setting('starterpack_admin_ui_link_color')) ?>" />
                	</div>
                	<div class="starterpack-help">
                	    <?php _e('Admin link color.', 'starterpack') ?>
                	</div>
                </div>
                
            		
            </div>
            
            
		
		</div><!-- end show-hide-content -->
		<!-- end login url -->
	</div>
	<!-- end flex container -->
</div>
<!-- end body wraper -->