site_oueb_2/wp-content/plugins/ocean-extra/includes/widgets/contact-info.php

568 lines
29 KiB
PHP
Executable File

<?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' );