<?php
/**
 * Contact Info Widget.
 *
 * @package OceanWP WordPress theme
 * @since 1.0.0
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( ! class_exists( 'Ocean_Extra_Contact_Info_Widget' ) ) {
	class Ocean_Extra_Contact_Info_Widget extends WP_Widget {

		/**
		 * Register widget with WordPress.
		 *
		 * @since 1.0.0
		 */
		public function __construct() {
			parent::__construct(
				'ocean_contact_info',
				esc_html__( '&raquo; Contact Info', 'ocean-extra' ),
				array(
					'classname'   => 'widget-oceanwp-contact-info',
					'description' => esc_html__( 'Adds support for Contact Info.', 'ocean-extra' ),
					'customize_selective_refresh' => true,
				)
			);

			// Since 1.3.8
			add_action( 'admin_head-widgets.php', array( $this, 'social_widget_style' ) );
		}

		/**
		 * Custom widget style
		 *
		 * @since 1.3.8
		 *
		 * @param string $hook_suffix
		 */
		public function social_widget_style() {
			?>

			<style>
				.oceanwp-infos { background: #fafafa; padding: 16px 10px; border: 1px solid #e5e5e5; margin-bottom: 10px; }
				.oceanwp-infos h2 { font-size: 16px; margin: 0 0 10px; }
				.oceanwp-infos p { margin: 0 0 8px; }
				.oceanwp-infos p:last-child { margin: 0; }
				.oceanwp-infos label { margin-bottom: 3px; display: block; color: #222; }
			</style>

		<?php
		}

		/**
		 * Front-end display of widget.
		 *
		 * @see WP_Widget::widget()
		 * @since 1.0.0
		 *
		 * @param array $args     Widget arguments.
		 * @param array $instance Saved values from database.
		 */
		public function widget( $args, $instance ) {

			$title          = isset( $instance['title'] ) ? apply_filters( 'widget_title', $instance['title'] ) : '';
			$style          = isset( $instance['style'] ) ? $instance['style'] : 'default';
			$text           = isset( $instance['text'] ) ? $instance['text'] : '';
			$target         = isset( $instance['target'] ) ? $instance['target'] : 'self';
			$nofollow       = isset( $instance['nofollow'] ) ? $instance['nofollow'] : '';
			$address_icon   = isset( $instance['address_icon'] ) ? $instance['address_icon'] : '';
			$address_text   = isset( $instance['address_text'] ) ? $instance['address_text'] : '';
			$address        = isset( $instance['address'] ) ? $instance['address'] : '';
			$address_link   = isset( $instance['address_link'] ) ? $instance['address_link'] : '';
			$phone_icon     = isset( $instance['phone_icon'] ) ? $instance['phone_icon'] : '';
			$phone_text     = isset( $instance['phone_text'] ) ? $instance['phone_text'] : '';
			$phone          = isset( $instance['phone'] ) ? $instance['phone'] : '';
			$phone_link     = isset( $instance['phone_link'] ) ? $instance['phone_link'] : '';
			$mobile_icon    = isset( $instance['mobile_icon'] ) ? $instance['mobile_icon'] : '';
			$mobile_text    = isset( $instance['mobile_text'] ) ? $instance['mobile_text'] : '';
			$mobile         = isset( $instance['mobile'] ) ? $instance['mobile'] : '';
			$mobile_link    = isset( $instance['mobile_link'] ) ? $instance['mobile_link'] : '';
			$fax_icon       = isset( $instance['fax_icon'] ) ? $instance['fax_icon'] : '';
			$fax_text       = isset( $instance['fax_text'] ) ? $instance['fax_text'] : '';
			$fax            = isset( $instance['fax'] ) ? $instance['fax'] : '';
			$email_icon     = isset( $instance['email_icon'] ) ? $instance['email_icon'] : '';
			$email_text     = isset( $instance['email_text'] ) ? $instance['email_text'] : '';
			$email          = isset( $instance['email'] ) ? $instance['email'] : '';
			$emailtxt       = isset( $instance['emailtxt'] ) ? $instance['emailtxt'] : '';
			$web_icon       = isset( $instance['web_icon'] ) ? $instance['web_icon'] : '';
			$web_text       = isset( $instance['web_text'] ) ? $instance['web_text'] : '';
			$web            = isset( $instance['web'] ) ? $instance['web'] : '';
			$webtxt         = isset( $instance['webtxt'] ) ? $instance['webtxt'] : '';
			$skype          = isset( $instance['skype'] ) ? $instance['skype'] : '';
			$skypetxt       = isset( $instance['skypetxt'] ) ? $instance['skypetxt'] : '';

			// Before widget WP hook.
			echo $args['before_widget'];

				// Show widget title.
				if ( $title ) {
					echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
				}

				echo '<ul class="contact-info-widget '. esc_attr( $style ) .'">';
					if ( $text ) {
						echo '<li class="text">'. do_shortcode( $text ) .'</li>';
					}

					// Determine link rel.
					$ocean_srt = '<span class="screen-reader-text">'. esc_html__( 'Opens in a new tab', 'ocean-extra' ) .'</span>';
				
					$results = ocean_link_rel( $ocean_srt, $nofollow, $target );

					$ocean_sr = $results[0];
					$link_rel = $results[1];

					// Returns screen reader warning when a link triggers an application.
					$ocean_sra = '<span class="screen-reader-text">'. esc_html__( 'Opens in your application', 'ocean-extra' ) .'</span>';

					if ( $address ) {
						echo '<li class="address">';
							if ( 'no-icons' != $style ) {
								if ( 'map_marker' === $address_icon ) {
									Ocean_Extra::oe_svg_icon( $address_icon );
								} else {
									echo '<i class="'. esc_attr( $address_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $address_text ) .'</span>';
									if ( ! empty( $address_link ) ) {
										echo '<a href="'. esc_url( $address_link ) .'" target="_'. esc_attr( $target ) .'" '. $link_rel .'>';
									}
									echo '<span class="oceanwp-contact-text">'. esc_html( $address ) .'</span>';
									if ( ! empty( $address_link ) ) {
										echo '</a>';
										echo $ocean_sr;
									}

							echo '</div>';
						echo '</li>';
					}

					if ( $phone ) {
						echo '<li class="phone">';
							if ( 'no-icons' != $style ) {
								if ( 'phone' === $phone_icon ) {
									Ocean_Extra::oe_svg_icon( $phone_icon );
								} else {
									echo '<i class="'. esc_attr( $phone_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $phone_text ) .'</span>';
									if ( ! empty( $phone_link ) ) {
										echo '<a href="tel:'. esc_attr( $phone_link ) .'">';
									}
									echo '<span class="oceanwp-contact-text">'. esc_html( $phone ) .'</span>';
									if ( ! empty( $phone_link ) ) {
										echo '</a>';
										echo $ocean_sra;
									}

							echo '</div>';
						echo '</li>';
					}

					if ( $mobile ) {
						echo '<li class="mobile">';
							if ( 'no-icons' != $style ) {
								if ( 'smartphone' === $mobile_icon ) {
									Ocean_Extra::oe_svg_icon( $mobile_icon );
								} else {
									echo '<i class="'. esc_attr( $mobile_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $mobile_text ) .'</span>';
									if ( ! empty( $mobile_link ) ) {
										echo '<a href="tel:'. esc_attr( $mobile_link ) .'">';
									}
									echo '<span class="oceanwp-contact-text">'. esc_html( $mobile ) .'</span>';
									if ( ! empty( $mobile_link ) ) {
										echo '</a>';
										echo $ocean_sra;
									}

							echo '</div>';
						echo '</li>';
					}

					if ( $fax ) {
						echo '<li class="fax">';
							if ( 'no-icons' != $style ) {
								if ( 'fax' === $fax_icon ) {
									Ocean_Extra::oe_svg_icon( $fax_icon );
								} else {
									echo '<i class="'. esc_attr( $fax_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $fax_text ) .'</span>';
								echo '<span class="oceanwp-contact-text">'. esc_html( $fax ) .'</span>';
							echo '</div>';
						echo '</li>';
					}

					if ( $email ) {
						echo '<li class="email">';
							if ( 'no-icons' != $style ) {
								if ( 'envelope' === $email_icon ) {
									Ocean_Extra::oe_svg_icon( $email_icon );
								} else {
									echo '<i class="'. esc_attr( $email_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $email_text ) .'</span>';
								echo '<span class="oceanwp-contact-text">';
									echo '<a href="mailto:'. esc_html( antispambot( $email ) ) .'">';
										if ( $emailtxt ) {
											echo esc_html( $emailtxt );
										} else {
											echo antispambot( esc_attr( $email ) );
										}
									echo '</a>';
									echo $ocean_sra;
								echo '</span>';
							echo '</div>';
						echo '</li>';
					}

					if ( $web ) {
						echo '<li class="web">';
							if ( 'no-icons' != $style ) {
								if ( 'link' === $web_icon ) {
									Ocean_Extra::oe_svg_icon( $web_icon );
								} else {
									echo '<i class="'. esc_attr( $web_icon ) .'" aria-hidden="true"></i>';
								}
							}
							echo '<div class="oceanwp-info-wrap">';
								echo '<span class="oceanwp-contact-title">'. esc_html( $web_text ) .'</span>';
								echo '<span class="oceanwp-contact-text">';
									echo '<a href="'. esc_url( $web ) .'" target="_'. esc_attr( $target ) .'" '. $link_rel .'>';
										if ( $webtxt ) {
											echo esc_html( $webtxt );
										} else {
											echo esc_html( $web );
										}
									echo '</a>';
									echo $ocean_sr;
								echo '</span>';
							echo '</div>';
						echo '</li>';
					}

					if ( $skype ) {
						echo '<li class="skype">';
							echo '<a href="skype:'. esc_attr( $skype ) .'?call" target="_self" class="oceanwp-skype-button">';
								if ( $skypetxt ) {
									echo esc_html( $skypetxt );
								} else {
									esc_html__( 'Skype', 'ocean-extra' );
								}
							echo '</a>';
							echo $ocean_sra;
						echo '</li>';
					}
				echo '</ul>';

			// After widget WP hook
			echo $args['after_widget'];

		}

		/**
		 * Sanitize widget form values as they are saved.
		 *
		 * @see WP_Widget::update()
		 * @since 1.0.0
		 *
		 * @param array $new_instance Values just sent to be saved.
		 * @param array $old_instance Previously saved values from database.
		 *
		 * @return array Updated safe values to be saved.
		 */
		public function update( $new_instance, $old_instance ) {
			$instance                   = $old_instance;
			$instance['title']          = ! empty( $new_instance['title'] ) ? strip_tags( $new_instance['title'] ) : '';
			$instance['style']          = ! empty( $new_instance['style'] ) ? $new_instance['style'] : '';
			$instance['text']           = ! empty( $new_instance['text'] ) ? $new_instance['text'] : '';
			$instance['target']         = ! empty( $new_instance['target'] ) ? $new_instance['target'] : '';
			$instance['nofollow']       = ! empty( $new_instance['nofollow'] ) ? $new_instance['nofollow'] : '';
			$instance['address_icon']   = ! empty( $new_instance['address_icon'] ) ? strip_tags( $new_instance['address_icon'] ) : '';
			$instance['address_text']   = ! empty( $new_instance['address_text'] ) ? strip_tags( $new_instance['address_text'] ) : '';
			$instance['address']        = ! empty( $new_instance['address'] ) ? strip_tags( $new_instance['address'] ) : '';
			$instance['address_link']   = ! empty( $new_instance['address_link'] ) ? esc_url( $new_instance['address_link'] ) : '';
			$instance['phone_icon']     = ! empty( $new_instance['phone_icon'] ) ? strip_tags( $new_instance['phone_icon'] ) : '';
			$instance['phone_text']     = ! empty( $new_instance['phone_text'] ) ? strip_tags( $new_instance['phone_text'] ) : '';
			$instance['phone']          = ! empty( $new_instance['phone'] ) ? strip_tags( $new_instance['phone'] ) : '';
			$instance['phone_link']     = ! empty( $new_instance['phone_link'] ) ? strip_tags( $new_instance['phone_link'] ) : '';
			$instance['mobile_icon']    = ! empty( $new_instance['mobile_icon'] ) ? strip_tags( $new_instance['mobile_icon'] ) : '';
			$instance['mobile_text']    = ! empty( $new_instance['mobile_text'] ) ? strip_tags( $new_instance['mobile_text'] ) : '';
			$instance['mobile']         = ! empty( $new_instance['mobile'] ) ? strip_tags( $new_instance['mobile'] ) : '';
			$instance['mobile_link']    = ! empty( $new_instance['mobile_link'] ) ? strip_tags( $new_instance['mobile_link'] ) : '';
			$instance['fax_icon']       = ! empty( $new_instance['fax_icon'] ) ? strip_tags( $new_instance['fax_icon'] ) : '';
			$instance['fax_text']       = ! empty( $new_instance['fax_text'] ) ? strip_tags( $new_instance['fax_text'] ) : '';
			$instance['fax']            = ! empty( $new_instance['fax'] ) ? strip_tags( $new_instance['fax'] ) : '';
			$instance['email_icon']     = ! empty( $new_instance['email_icon'] ) ? strip_tags( $new_instance['email_icon'] ) : '';
			$instance['email_text']     = ! empty( $new_instance['email_text'] ) ? strip_tags( $new_instance['email_text'] ) : '';
			$instance['email']          = ! empty( $new_instance['email'] ) ? strip_tags( $new_instance['email'] ) : '';
			$instance['emailtxt']       = ! empty( $new_instance['emailtxt'] ) ? strip_tags( $new_instance['emailtxt'] ) : '';
			$instance['web_icon']       = ! empty( $new_instance['web_icon'] ) ? strip_tags( $new_instance['web_icon'] ) : '';
			$instance['web_text']       = ! empty( $new_instance['web_text'] ) ? strip_tags( $new_instance['web_text'] ) : '';
			$instance['web']            = ! empty( $new_instance['web'] ) ? esc_url( $new_instance['web'] ) : '';
			$instance['webtxt']         = ! empty( $new_instance['webtxt'] ) ? strip_tags( $new_instance['webtxt'] ) : '';
			$instance['skype']          = ! empty( $new_instance['skype'] ) ? strip_tags( $new_instance['skype'] ) : '';
			$instance['skypetxt']       = ! empty( $new_instance['skypetxt'] ) ? strip_tags( $new_instance['skypetxt'] ) : '';
			return $instance;
		}

		/**
		 * Back-end widget form.
		 *
		 * @see WP_Widget::form()
		 * @since 1.0.0
		 *
		 * @param array $instance Previously saved values from database.
		 */
		public function form( $instance ) {

			// Parse arguments
			$instance = wp_parse_args( (array) $instance,
				array(
					'title'         => esc_attr__( 'Contact Info', 'ocean-extra' ),
					'style'         => esc_attr__( 'Default', 'ocean-extra' ),
					'text'          => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, aspernatur, velit. Adipisci, animi, molestiae, neque voluptatum non voluptas atque aperiam.',
					'target'        => 'self',
					'nofollow'      => 'no',
					'address_icon'  => 'map_marker',
					'address_text'  => esc_attr__( 'Address:', 'ocean-extra' ),
					'address'       => esc_attr__( 'Street Name, FL 54785', 'ocean-extra' ),
					'address_link'  => '',
					'phone_icon'    => 'phone',
					'phone_text'    => esc_attr__( 'Phone:', 'ocean-extra' ),
					'phone'         => '621-254-2147',
					'phone_link'    => '',
					'mobile_icon'   => 'smartphone',
					'mobile_text'   => esc_attr__( 'Mobile:', 'ocean-extra' ),
					'mobile'        => '621-254-2147',
					'mobile_link'   => '',
					'fax_icon'      => 'fax',
					'fax_text'      => esc_attr__( 'Fax:', 'ocean-extra' ),
					'fax'           => '621-254-2147',
					'email_icon'    => 'envelope',
					'email_text'    => esc_attr__( 'Email:', 'ocean-extra' ),
					'email'         => 'contact@support.com',
					'emailtxt'      => 'contact@support.com',
					'web_icon'      => 'link',
					'web_text'      => esc_attr__( 'Website:', 'ocean-extra' ),
					'web'           => '#',
					'webtxt'        => 'yourwebsite.com',
					'skype'         => 'YourUsername',
					'skypetxt'      => esc_html__( 'Skype Call Us', 'ocean-extra' ),
				)
			);
		?>

			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?>:</label>
				<input class="widefat" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
			</p>

			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'style' ) ); ?>"><?php esc_html_e( 'Style', 'ocean-extra' ); ?></label>
				<select class='widefat' name="<?php echo $this->get_field_name( 'style' ); ?>" id="<?php echo $this->get_field_id( 'style' ); ?>">
					<option value="default" <?php if ( $instance['style'] == 'default') { ?>selected="selected"<?php } ?>><?php esc_html_e( 'Default', 'ocean-extra' ); ?></option>
					<option value="big-icons" <?php if ( $instance['style'] == 'big-icons') { ?>selected="selected"<?php } ?>><?php esc_html_e( 'Big Icons', 'ocean-extra' ); ?></option>
					<option value="no-icons" <?php if ( $instance['style'] == 'no-icons') { ?>selected="selected"<?php } ?>><?php esc_html_e( 'No Icons', 'ocean-extra' ); ?></option>
				</select>
			</p>

			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'text' ) ); ?>"><?php esc_html_e( 'Text', 'ocean-extra' ); ?></label>
				<textarea rows="15" id="<?php echo esc_attr( $this->get_field_id( 'text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'text' ) ); ?>" class="widefat" style="height: 100px;"><?php if( !empty( $instance['text'] ) ) { echo esc_textarea( $instance['text'] ); } ?></textarea>
			</p>

			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'target' ) ); ?>"><?php esc_html_e( 'Links Target', 'ocean-extra' ); ?></label>
				<select class='widefat' name="<?php echo $this->get_field_name( 'target' ); ?>" id="<?php echo $this->get_field_id( 'target' ); ?>">
					<option value="self" <?php if ( $instance['target'] == 'self') { ?>selected="selected"<?php } ?>><?php esc_html_e( 'Self', 'ocean-extra' ); ?></option>
					<option value="blank" <?php if ( $instance['target'] == 'blank') { ?>selected="selected"<?php } ?>><?php esc_html_e( 'Blank', 'ocean-extra' ); ?></option>
				</select>
			</p>

			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'nofollow' ) ); ?>"><?php esc_html_e( 'Add Nofollow Link Rel:', 'ocean-extra' ); ?></label>
				<select class='widefat' name="<?php echo esc_attr( $this->get_field_name( 'nofollow' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'nofollow' ) ); ?>">
					<option value="no" <?php selected( $instance['nofollow'], 'no' ) ?>><?php esc_html_e( 'No', 'ocean-extra' ); ?></option>
					<option value="yes" <?php selected( $instance['nofollow'], 'yes' ) ?>><?php esc_html_e( 'Yes', 'ocean-extra' ); ?></option>
				</select>
			</p>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Address:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'address_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'address_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'address_icon' ) ); ?>" value="<?php echo esc_attr( $instance['address_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'address_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'address_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'address_text' ) ); ?>" value="<?php echo esc_attr( $instance['address_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'address' ) ); ?>"><?php esc_html_e( 'Content', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'address' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'address' ) ); ?>" value="<?php echo esc_attr( $instance['address'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'address_link' ) ); ?>"><?php esc_html_e( 'Link (optional)', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'address_link' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'address_link' ) ); ?>" value="<?php echo esc_attr( $instance['address_link'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Phone:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'phone_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'phone_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'phone_icon' ) ); ?>" value="<?php echo esc_attr( $instance['phone_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'phone_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'phone_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'phone_text' ) ); ?>" value="<?php echo esc_attr( $instance['phone_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'phone' ) ); ?>"><?php esc_html_e( 'Content', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'phone' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'phone' ) ); ?>" value="<?php echo esc_attr( $instance['phone'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'phone_link' ) ); ?>"><?php esc_html_e( 'Link (optional)', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'phone_link' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'phone_link' ) ); ?>" value="<?php echo esc_attr( $instance['phone_link'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Mobile:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'mobile_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'mobile_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'mobile_icon' ) ); ?>" value="<?php echo esc_attr( $instance['mobile_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'mobile_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'mobile_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'mobile_text' ) ); ?>" value="<?php echo esc_attr( $instance['mobile_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'mobile' ) ); ?>"><?php esc_html_e( 'Content', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id('mobile') ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'mobile' ) ); ?>" value="<?php echo esc_attr( $instance['mobile'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'mobile_link' ) ); ?>"><?php esc_html_e( 'Link (optional)', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'mobile_link' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'mobile_link' ) ); ?>" value="<?php echo esc_attr( $instance['mobile_link'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Fax:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'fax_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'fax_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'fax_icon' ) ); ?>" value="<?php echo esc_attr( $instance['fax_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'fax_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'fax_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'fax_text' ) ); ?>" value="<?php echo esc_attr( $instance['fax_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'fax' ) ); ?>"><?php esc_html_e( 'Content', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'fax' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'fax' ) ); ?>" value="<?php echo esc_attr( $instance['fax'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Email:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'email_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'email_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'email_icon' ) ); ?>" value="<?php echo esc_attr( $instance['email_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'email_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'email_text' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'email_text' ) ); ?>" value="<?php echo esc_attr( $instance['email_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'email' ) ); ?>"><?php esc_html_e( 'Email Address', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'email' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'email' ) ); ?>" value="<?php echo esc_attr( $instance['email'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'emailtxt' ) ); ?>"><?php esc_html_e( 'Email Text', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'emailtxt' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'emailtxt' ) ); ?>" value="<?php echo esc_attr( $instance['emailtxt'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Website:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'web_icon' ) ); ?>"><?php esc_html_e( 'Icon Class', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'web_icon' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'web_icon' ) ); ?>" value="<?php echo esc_attr( $instance['web_icon'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'web_text' ) ); ?>"><?php esc_html_e( 'Title', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id('web_text') ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'web_text' ) ); ?>" value="<?php echo esc_attr( $instance['web_text'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'web' ) ); ?>"><?php esc_html_e( 'URL', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'web' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'web' ) ); ?>" value="<?php echo esc_attr( $instance['web'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'webtxt' ) ); ?>"><?php esc_html_e( 'URL Text', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'webtxt' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'webtxt' ) ); ?>" value="<?php echo esc_attr( $instance['webtxt'] ); ?>" />
				</p>
			</div>

			<div class="oceanwp-infos">
				<h2><?php esc_html_e( 'Skype:', 'ocean-extra' ); ?></h2>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'skype' ) ); ?>"><?php esc_html_e( 'Username', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'skype' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'skype' ) ); ?>" value="<?php echo esc_attr( $instance['skype'] ); ?>" />
				</p>

				<p>
					<label for="<?php echo esc_attr( $this->get_field_id( 'skypetxt' ) ); ?>"><?php esc_html_e( 'Text', 'ocean-extra' ); ?></label>
					<input class="widefat" type="text" id="<?php echo esc_attr( $this->get_field_id( 'skypetxt' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'skypetxt' ) ); ?>" value="<?php echo esc_attr( $instance['skypetxt'] ); ?>" />
				</p>
			</div>

		<?php

		}

	}
}
register_widget( 'Ocean_Extra_Contact_Info_Widget' );