<?php
/**
 * @var $default_country
 * @var $cell_number
 */
?>

<style>
	#mapping-complete-info #cell_number {
		border: 1px solid #e5e5e5;
		box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
		color: #555;
		font-size: 17px;
		height: 30px;line-height: 1;
		margin-bottom: 16px;
		margin-right: 6px;
		margin-top: 2px;
		outline: 0 none;
		padding: 3px;
		width: 99%;
	}
</style>

<div class="field phone_extra_field">

	<?php if ( ! empty( $_POST['provider'] ) ) { ?>

		<label><?php _e( 'Phone Number', 'wpjobster' ); ?></label>

	<?php } ?>

	<label for="cell_number">
		<input
			data-default-country="<?php echo $default_country; ?>"
			data-only-countries="<?php echo apply_filters( 'wpj_phone_prefixes_intltelinput_filter', '' ); ?>"
			type="tel"
			class="cell_number"
			name="cell_number"
			id="cell_number"
			size="30"
			maxlength="100"
			value="<?php echo $cell_number; ?>"
			placeholder="<?php _e( "Phone Number", "wpjobster" ); ?>"
		/>
	</label>

	<input
		type="hidden"
		id="country_number"
		name="country_number"
	/>

</div>