<?php
/**
 * Widget Social Links
 *
 * @package graphic_design_portfolio
 */

// register Graphic_Design_Portfolio_Social_Links widget 
function graphic_design_portfolio_register_social_links_widget() {
    register_widget( 'Graphic_Design_Portfolio_Social_Links' );
}
add_action( 'widgets_init', 'graphic_design_portfolio_register_social_links_widget' );

if( ! class_exists( 'Graphic_Design_Portfolio_Social_Links' ) ): 
 /**
 * Adds Graphic_Design_Portfolio_Social_Links widget.
 */
class Graphic_Design_Portfolio_Social_Links extends WP_Widget {

	/**
	 * Register widget with WordPress.
	 */
	function __construct() {
		parent::__construct(
			'graphic_design_portfolio_social_links', // Base ID
			esc_html__( 'TI: Social Links', 'graphic-design-portfolio' ), // Name
			array( 'description' => esc_html__( 'A Social Links Widget', 'graphic-design-portfolio' ), ) // Args
		);
	}

	/**
	 * Front-end display of widget.
	 *
	 * @see WP_Widget::widget()
	 *
	 * @param array $args     Widget arguments.
	 * @param array $instance Saved values from database.
	 */
	public function widget( $args, $instance ) {
	   
        $graphic_design_portfolio_title      = ! empty( $instance['title'] ) ? $instance['title'] : '';		
        $graphic_design_portfolio_facebook   = ! empty( $instance['facebook'] ) ? $instance['facebook'] : '' ;
        $graphic_design_portfolio_instagram  = ! empty( $instance['instagram'] ) ? $instance['instagram'] : '' ;
        $graphic_design_portfolio_twitter    = ! empty( $instance['twitter'] ) ? $instance['twitter'] : '' ;
        $graphic_design_portfolio_pinterest  = ! empty( $instance['pinterest'] ) ? $instance['pinterest'] : '' ;
        $graphic_design_portfolio_linkedin   = ! empty( $instance['linkedin'] ) ? $instance['linkedin'] : '' ;
        $graphic_design_portfolio_youtube    = ! empty( $instance['youtube'] ) ? $instance['youtube'] : '' ;
        $graphic_design_portfolio_tiktok    = ! empty( $instance['tiktok'] ) ? $instance['tiktok'] : '' ;
        
        if( $graphic_design_portfolio_facebook || $graphic_design_portfolio_instagram || $graphic_design_portfolio_twitter || $graphic_design_portfolio_pinterest || $graphic_design_portfolio_linkedin || $graphic_design_portfolio_youtube || $graphic_design_portfolio_tiktok ){ 
        echo $args['before_widget'];
        if($graphic_design_portfolio_title)
        echo $args['before_title'] . apply_filters( 'widget_title', $graphic_design_portfolio_title, $instance, $this->id_base ) . $args['after_title'];
        ?>
            <ul class="social-networks">
				<?php if( $graphic_design_portfolio_facebook ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_facebook ); ?>" title="<?php esc_attr_e( 'Facebook', 'graphic-design-portfolio' ); ?>" ><i class="fa fa-facebook"></i></a></li>
				<?php } if( $graphic_design_portfolio_instagram ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_instagram ); ?>" title="<?php esc_attr_e( 'Instagram', 'graphic-design-portfolio' ); ?>"><i class="fa fa-instagram"></i></a></li>
                <?php } if( $graphic_design_portfolio_twitter ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_twitter ); ?>" title="<?php esc_attr_e( 'Twitter', 'graphic-design-portfolio' ); ?>"><i class="fa fa-twitter"></i></a></li>
				<?php } if( $graphic_design_portfolio_pinterest ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_pinterest ); ?>"  title="<?php esc_attr_e( 'Pinterest', 'graphic-design-portfolio' ); ?>"><i class="fa fa-pinterest-p"></i></a></li>
				<?php } if( $graphic_design_portfolio_linkedin ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_linkedin ); ?>" title="<?php esc_attr_e( 'Linkedin', 'graphic-design-portfolio' ); ?>"><i class="fa fa-linkedin"></i></a></li>
				<?php } if( $graphic_design_portfolio_youtube ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_youtube ); ?>" title="<?php esc_attr_e( 'YouTube', 'graphic-design-portfolio' ); ?>"><i class="fa fa-youtube"></i></a></li>
                <?php } if( $graphic_design_portfolio_tiktok ){ ?>
                <li><a href="<?php echo esc_url( $graphic_design_portfolio_tiktok ); ?>" title="<?php esc_attr_e( 'Tiktok', 'graphic-design-portfolio' ); ?>"><i class="fab fa-tiktok"></i></a></li>
                <?php } ?>
			</ul>
        <?php
        echo $args['after_widget'];
        }
	}

	/**
	 * Back-end widget form.
	 *
	 * @see WP_Widget::form()
	 *
	 * @param array $instance Previously saved values from database.
	 */
	public function form( $instance ) {
        
        $graphic_design_portfolio_title      = ! empty( $instance['title'] ) ? $instance['title'] : '';		
        $graphic_design_portfolio_facebook   = ! empty( $instance['facebook'] ) ? $instance['facebook'] : '' ;
        $graphic_design_portfolio_instagram  = ! empty( $instance['instagram'] ) ? $instance['instagram'] : '' ;
        $graphic_design_portfolio_twitter    = ! empty( $instance['twitter'] ) ? $instance['twitter'] : '' ;
        $graphic_design_portfolio_pinterest  = ! empty( $instance['pinterest'] ) ? $instance['pinterest'] : '' ;
        $graphic_design_portfolio_linkedin   = ! empty( $instance['linkedin'] ) ? $instance['linkedin'] : '' ;
        $graphic_design_portfolio_youtube    = ! empty( $instance['youtube'] ) ? $instance['youtube'] : '' ;
        $graphic_design_portfolio_tiktok    = ! empty( $instance['tiktok'] ) ? $instance['tiktok'] : '' ;
        
        ?>
		
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_title ); ?>" />
		</p>
        
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'facebook' ) ); ?>"><?php esc_html_e( 'Facebook', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'facebook' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'facebook' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_facebook ); ?>" />
		</p>
        
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'instagram' ) ); ?>"><?php esc_html_e( 'Instagram', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'instagram' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'instagram' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_instagram ); ?>" />
		</p>
                
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'twitter' ) ); ?>"><?php esc_html_e( 'Twitter', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'twitter' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'twitter' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_twitter ); ?>" />
		</p>
        
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'pinterest' ) ); ?>"><?php esc_html_e( 'Pinterest', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'pinterest' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'pinterest' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_pinterest ); ?>" />
		</p>
        
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'linkedin' ) ); ?>"><?php esc_html_e( 'LinkedIn', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'linkedin' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'linkedin' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_linkedin ); ?>" />
		</p>
        
        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'youtube' ) ); ?>"><?php esc_html_e( 'YouTube', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'youtube' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'youtube' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_youtube ); ?>" />
		</p>

        <p>
            <label for="<?php echo esc_attr( $this->get_field_id( 'tiktok' ) ); ?>"><?php esc_html_e( 'Tiktok', 'graphic-design-portfolio' ); ?></label> 
            <input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'tiktok' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'tiktok' ) ); ?>" type="text" value="<?php echo esc_attr( $graphic_design_portfolio_tiktok ); ?>" />
		</p>
		<?php 
	}

	/**
	 * Sanitize widget form values as they are saved.
	 *
	 * @see WP_Widget::update()
	 *
	 * @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 = array();
		
        $instance['title']     = ! empty( $new_instance['title'] ) ? sanitize_text_field( $new_instance['title'] ) :'';
        $instance['facebook']  = ! empty( $new_instance['facebook'] ) ? esc_url_raw( $new_instance['facebook'] ) : '';
        $instance['instagram'] = ! empty( $new_instance['instagram'] ) ? esc_url_raw( $new_instance['instagram'] ) : '';
        $instance['twitter']   = ! empty( $new_instance['twitter'] ) ? esc_url_raw( $new_instance['twitter'] ) : '';
        $instance['pinterest'] = ! empty( $new_instance['pinterest'] ) ? esc_url_raw( $new_instance['pinterest'] ) : '';
        $instance['linkedin']  = ! empty( $new_instance['linkedin'] ) ? esc_url_raw( $new_instance['linkedin'] ) : '';
        $instance['youtube']   = ! empty( $new_instance['youtube'] ) ? esc_url_raw( $new_instance['youtube'] ) : '';
        $instance['tiktok']    = ! empty( $new_instance['tiktok'] ) ? esc_url_raw( $new_instance['tiktok'] ) : '';
		
        return $instance;
                
	}

} // class Graphic_Design_Portfolio_Social_Links 
endif;