<?php

if(!class_exists('glaza_widget_sb_flickr')) :
	class glaza_widget_sb_flickr extends WP_Widget {

		function __construct() {
			$widget_ops = array(
				'classname'   => 'widget-flickr',
				'description' => esc_html__( '[Sidebar Widget] Display flickr grid images in the sidebar.', 'glaza-core' )
			);
			parent::__construct( 'sb_flickr', esc_html__( '[Sidebar] Flickr Grid', 'glaza-core' ), $widget_ops );
		}

		function widget( $args, $instance ) {

			echo $args['before_widget'];

			$instance = wp_parse_args( $instance, array(
				'title'        => '',
				'flickr_id'    => '',
				'tags'         => '',
				'total_images' => '',
				'total_cols'   => ''
			) );

			$instance['title']    = apply_filters( 'widget_title', $instance['title'] );
			$instance['cache_id'] = $args['widget_id'];
			$flickr_data = glaza_data_flickr( $instance );

			if ( ! empty( $instance['title'] ) ) {
				echo $args['before_title'] . esc_html( $instance['title'] ) . $args['after_title'];
			} ?>
			<div class="flickr-content-wrap clearfix">
				<?php if ( ! empty( $flickr_data ) && is_array( $flickr_data ) ) : ?>
					<?php foreach ( $flickr_data as $item ): ?>
						<div class="flickr-el <?php echo esc_attr( $instance['total_cols'] ) ?>">
							<a href="<?php echo esc_url( $item['link'] ); ?>">
								<img src="<?php echo esc_url( $item['media'] ); ?>" alt="<?php echo esc_attr( $item['title'] ); ?>"/>
							</a>
						</div>
					<?php endforeach; ?>
				<?php else : ?>
					<div class="data-error"><?php esc_html_e( 'Configuration error or no pictures...', 'glaza-core' ) ?></div>
				<?php endif; ?>
			</div>
			<?php echo $args['after_widget'];
		}

		function update( $new_instance, $old_instance ) {
			$instance                 = $old_instance;
			$instance['title']        = strip_tags( $new_instance['title'] );
			$instance['flickr_id']    = strip_tags( $new_instance['flickr_id'] );
			$instance['total_images'] = absint( strip_tags( $new_instance['total_images'] ) );
			$instance['tags']         = strip_tags( $new_instance['tags'] );
			$instance['total_cols']   = strip_tags( $new_instance['total_cols'] );

			delete_transient( 'glaza_flickr_cache' );

			return $instance;
		}

		function form( $instance ) {
			$defaults = array(
				'title'        => esc_html__( 'Flickr Gallery', 'glaza-core' ),
				'flickr_id'    => '',
				'total_images' => 9,
				'tags'         => '',
				'total_cols'   => 'col-el-3'

			);
			$instance = wp_parse_args( (array) $instance, $defaults ); ?>
			<p>
				<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><strong><?php esc_html_e( 'Title:', 'glaza-core' ) ?></strong></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( $instance['title'] ); ?>"/>
			</p>
			<p>
				<label for="<?php echo esc_attr($this->get_field_id('flickr_id')); ?>"><strong><?php esc_html_e('Flickr User ID:', 'glaza-core') ?></strong></label>
				<input class="widefat" id="<?php echo esc_attr($this->get_field_id('flickr_id')); ?>" name="<?php echo esc_attr($this->get_field_name('flickr_id')); ?>" type="text" value="<?php echo esc_attr($instance['flickr_id']); ?>"/>
			</p>
			<p><a href="http://www.idgettr.com" target="_blank"><?php esc_html_e('Get Flickr Id','glaza-core') ?></a></p>
			<p>
				<label for="<?php echo esc_attr($this->get_field_id('total_images')); ?>"><strong><?php esc_html_e('Limit Image Number:', 'glaza-core') ?></strong></label>
				<input class="widefat" id="<?php echo esc_attr($this->get_field_id('total_images')); ?>" name="<?php echo esc_attr($this->get_field_name('total_images')); ?>" type="text" value="<?php echo esc_attr($instance['total_images']); ?>"/>
			</p>
			<p>
				<label for="<?php echo esc_attr($this->get_field_id('tags')); ?>"><?php esc_html_e('Tags (optional, Separate tags with comma. e.g. tag1,tag2):', 'glaza-core'); ?></label>
				<input class="widefat" id="<?php echo esc_attr($this->get_field_id('tags')); ?>" name="<?php echo esc_attr($this->get_field_name('tags')); ?>" type="text" value="<?php echo esc_attr($instance['tags']); ?>" />
			</p>
			<p>
				<label for="<?php echo esc_attr($this->get_field_id( 'total_cols' )); ?>"><strong><?php esc_html_e('Number of total_cols:', 'glaza-core'); ?></strong></label>
				<select class="widefat" id="<?php echo esc_attr($this->get_field_id( 'total_cols' )); ?>" name="<?php echo esc_attr($this->get_field_name( 'total_cols' )); ?>" >
					<option value="col-el-2" <?php if ( ! empty( $instance['total_cols'] ) && $instance['total_cols'] == 'col-el-2' ) echo "selected=\"selected\""; else echo ""; ?>><?php esc_html_e( '2 total_cols', 'glaza-core' ); ?></option>
					<option value="col-el-3" <?php if ( ! empty( $instance['total_cols'] ) && $instance['total_cols'] == 'col-el-3' ) echo "selected=\"selected\""; else echo ""; ?>><?php esc_html_e( '3 total_cols', 'glaza-core' ); ?></option>
					<option value="col-el-4" <?php if ( ! empty( $instance['total_cols'] ) && $instance['total_cols'] == 'col-el-4' ) echo "selected=\"selected\""; else echo ""; ?>><?php esc_html_e( '4 total_cols', 'glaza-core' ); ?></option>
					<option value="col-el-5" <?php if ( ! empty( $instance['total_cols'] ) && $instance['total_cols'] == 'col-el-5' ) echo "selected=\"selected\""; else echo ""; ?>><?php esc_html_e( '5 total_cols', 'glaza-core' ); ?></option>
				</select>
			</p>
		<?php
		}
	}
endif;