<?php

wp_enqueue_script( 'wp-theme-plugin-editor' );

wp_enqueue_style( 'wp-codemirror' );

wp_enqueue_script( 'code-editor' );

wp_enqueue_style( 'code-editor' );

 ?>



		<div class="uap-page-title"><span class="second-text"><?php esc_html_e('Additional Settings', 'uap');?></span>

	</div>

	<div class="uap-wrapper">

		<form  method="post">

			<div class="uap-stuffbox">

				<h3 class="uap-h3"><?php esc_html_e('Responsive Settings', 'uap');?></h3>

				<div class="inside">

					<div class="uap-form-line">

						<span class="uap-labels-special"><?php esc_html_e('Screen Max-Width:', 'uap');?> 479px</span>

						<div class="uap-general-options-link-pages"><select name="uap_listing_users_responsive_small"><?php

							$arr = array( '1' => 1 . esc_html__(' Columns', 'uap'),

										  '2' => 2 . esc_html__(' Columns', 'uap'),

										  '3' => 3 . esc_html__(' Columns', 'uap'),

										  '4' => 4 . esc_html__(' Columns', 'uap'),

									 	  '5' => 5 . esc_html__(' Columns', 'uap'),

									 	  '6' => 6 . esc_html__(' Columns', 'uap'),

										  '0' => esc_html__('Auto', 'uap'),

							);

							foreach ($arr as $k=>$v){

								$selected = ($data['metas']['uap_listing_users_responsive_small']==$k) ? 'selected' : '';

								?>

									<option value="<?php echo esc_attr($k);?>" <?php echo esc_attr($selected);?> ><?php echo esc_html($v);?></option>

								<?php

							}

						?>

						</select></div>

					</div>

					<div class="uap-form-line">

						<span class="uap-labels-special"><?php esc_html_e('Screen Min-Width:', 'uap');?> 480px <?php esc_html_e(" and Screen Max-Width:");?> 767px</span>

						<div class="uap-general-options-link-pages"><select name="uap_listing_users_responsive_medium"><?php

							foreach ($arr as $k=>$v){

								$selected = ($data['metas']['uap_listing_users_responsive_medium']==$k) ? 'selected' : '';

								?>

									<option value="<?php echo esc_attr($k);?>" <?php echo esc_attr($selected);?> ><?php echo esc_html($v);?></option>

								<?php

							}

						?>

						</select></div>

					</div>

					<div class="uap-form-line">

						<span class="uap-labels-special"><?php esc_html_e('Screen Min-Width:', 'uap');?> 768px <?php esc_html_e(" and Screen Max-Width:");?> 959px</span>

						<div class="uap-general-options-link-pages"><select name="uap_listing_users_responsive_large"><?php

							foreach ($arr as $k=>$v){

								$selected = ($data['metas']['uap_listing_users_responsive_large']==$k) ? 'selected' : '';

								?>

									<option value="<?php echo esc_attr($k);?>" <?php echo esc_attr($selected);?> ><?php echo esc_html($v);?></option>

								<?php

							}

						?>

						</select></div>

					</div>

					<div id="uap_save_changes" class="uap-wrapp-submit-bttn">

		            	<input type="submit" value="<?php esc_html_e('Save changes', 'uap');?>" name="save" class="button button-primary button-large">

		            </div>

				</div>

			</div>



			<div class="uap-stuffbox uap-custom-css-box-wrapper">

				<h3 class="uap-h3"><?php esc_html_e('Custom CSS', 'uap');?></h3>

					<div class="uap-form-line">

						<textarea id="uap_listing_users_custom_css" name="uap_listing_users_custom_css" class="uap-custom-css-box"><?php echo stripslashes($data['metas']['uap_listing_users_custom_css']);?></textarea>



					<div id="uap_save_changes" class="uap-wrapp-submit-bttn">

		            	<input type="submit" value="<?php esc_html_e('Save changes', 'uap');?>" name="save" class="button button-primary button-large">

		            </div>

				</div>

			</div>

		</form>

	</div>

