<?php
/**
 * Class WidgetTagsView_bwg
 */
class WidgetTagsView_bwg {
  /**
   * Widget.
   *
   * @param $args
   * @param $instance
   */
	function widget($args, $instance) {
		extract($args);
		$title = (isset($instance['title']) ? $instance['title'] : "");
		$type = (isset($instance['type']) ? $instance['type'] : "text");
		$show_name = (isset($instance['show_name']) ? $instance['show_name'] : 0);
		$open_option = (isset($instance['open_option']) ? $instance['open_option'] : 'page');
		$count = (isset($instance['count']) ? $instance['count'] : 0);
		$width = (isset($instance['width']) ? $instance['width'] : 250);
		$height = (isset($instance['height']) ? $instance['height'] : 250);
		$background_transparent = (isset($instance['background_transparent']) ? $instance['background_transparent'] : 1);
		$background_color = (isset($instance['background_color']) ? $instance['background_color'] : "000000");
		$text_color = (isset($instance['text_color']) ? $instance['text_color'] : "eeeeee");
		$theme_id = (isset($instance['theme_id']) ? $instance['theme_id'] : 0);
		// Before widget.
		echo $before_widget;
		// Title of widget.
		if ($title) {
		  echo $before_title . $title . $after_title;
		}
		// Widget output.
		require_once(BWG()->plugin_dir . '/frontend/controllers/BWGControllerWidget.php');
		$controller_class = 'BWGControllerWidgetFrontEnd';
		$controller = new $controller_class();
		$params = array (
		  'type' => $type,
		  'bwg' => ( !WDWLibrary::elementor_is_active() ? WDWLibrary::unique_number() : 0 ),
		  'show_name' => $show_name,
		  'open_option' => $open_option,
		  'count' => $count, 
		  'width' => $width, 
		  'height' => $height, 
		  'background_transparent' => $background_transparent, 
		  'background_color' => $background_color, 
		  'text_color' => $text_color,
		  'theme_id' => $theme_id);
		$controller->execute($params);
		// After widget.
		echo $after_widget;
	}

	/**
	 * Widget Control Panel.
	 *
	 * @param $params
	 * @param $instance
	 */
	function form($params, $instance) {
		wp_register_script(BWG()->prefix . '_jscolor', BWG()->plugin_url . '/js/jquery.jscolor.js', array('jquery'), '2.4.8');
		wp_enqueue_script(BWG()->prefix . '_jscolor');
		extract($params);
		$defaults = array(
		  'title' => __('Photo Gallery Tags Cloud', 'photo-gallery'),
		  'type' => 'text',      
		  'show_name' => 0,      
		  'open_option' => 'page',
		  'count' => 0,
		  'width' => 250,
		  'height' => 250,
		  'background_transparent' => 1,
		  'background_color' => '000000',
		  'text_color' => 'eeeeee',
		  'theme_id' => 0,
		);
		$instance = wp_parse_args((array) $instance, $defaults);   
		?>    
		<p>
		  <label for="<?php echo $id_title; ?>"><?php _e('Title:', 'photo-gallery'); ?></label>
		  <input class="widefat" id="<?php echo $id_title; ?>" name="<?php echo $name_title; ?>'" type="text" value="<?php echo htmlspecialchars( $instance['title'] ); ?>"/>
		</p>    
		<p>
		  <label for="<?php echo $id_title; ?>"><?php _e('Type:', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_type; ?>" id="<?php echo $id_type . "_1"; ?>" value="text" class="sel_text" <?php if ($instance['type'] == "text") echo 'checked="checked"'; ?> onclick="bwg_change_type_tag(event, this)" /><label for="<?php echo $id_type . "_1"; ?>"><?php echo __('Text', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_type; ?>" id="<?php echo $id_type . "_2"; ?>" value="image" class="sel_image" <?php if ($instance['type'] == "image") echo 'checked="checked"'; ?> onclick="bwg_change_type_tag(event, this)" /><label for="<?php echo $id_type . "_2"; ?>"><?php echo __('Image', 'photo-gallery'); ?></label>
		  <input type="hidden" name="<?php echo $name_type; ?>" id="<?php echo $id_type; ?>" value="<?php echo $instance['type']; ?>" class="bwg_hidden" />
		</p>
		<p id="p_show_name" style="display:<?php echo ($instance['type'] == 'image') ? "" : "none" ?>;">
		  <label><?php _e('Show Tag Names:', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_show_name; ?>" id="<?php echo $id_show_name . "_1"; ?>" value="1" <?php if ($instance['show_name']) echo 'checked="checked"'; ?> onclick='jQuery(this).nextAll(".bwg_hidden").first().attr("value", "1");' /><label for="<?php echo $id_show_name . "_1"; ?>"><?php _e('Yes', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_show_name; ?>" id="<?php echo $id_show_name . "_0"; ?>" value="0" <?php if (!$instance['show_name']) echo 'checked="checked"'; ?> onclick='jQuery(this).nextAll(".bwg_hidden").first().attr("value", "0");' /><label for="<?php echo $id_show_name . "_0"; ?>"><?php _e('No', 'photo-gallery'); ?></label>
		  <input type="hidden" name="<?php echo $name_show_name; ?>" id="<?php echo $id_show_name; ?>" value="<?php echo $instance['show_name']; ?>" class="bwg_hidden" />
		</p>
		<p>
		  <label><?php _e('Open in:', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_open_option; ?>" id="<?php echo $id_open_option . "_1"; ?>" value="page" <?php if ($instance['open_option'] == 'page') echo 'checked="checked"'; ?> onclick='jQuery(this).nextAll(".bwg_hidden").first().attr("value", "page");' /><label for="<?php echo $id_open_option . "_1"; ?>"> <?php _e('Page', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_open_option; ?>" id="<?php echo $id_open_option . "_0"; ?>" value="lightbox" <?php if ($instance['open_option'] == 'lightbox') echo 'checked="checked"'; ?> onclick='jQuery(this).nextAll(".bwg_hidden").first().attr("value", "lightbox");' /><label for="<?php echo $id_open_option . "_0"; ?>"> <?php _e('Lightbox', 'photo-gallery'); ?></label>
		  <input type="hidden" name="<?php echo $name_open_option; ?>" id="<?php echo $id_open_option; ?>" value="<?php echo $instance['open_option']; ?>" class="bwg_hidden" />
		</p>
		<p>
		  <label for="<?php echo $id_count; ?>"><?php _e('Number:', 'photo-gallery'); ?></label><br>
		  <input class="widefat" style="width:25%;" id="<?php echo $id_count; ?>" name="<?php echo $name_count; ?>'" type="text" value="<?php echo $instance['count']; ?>"/><br>
		  <small><?php _e('0 for all.', 'photo-gallery'); ?></small>
		</p>
		<p>
		  <label for="<?php echo $id_width; ?>"><?php _e('Dimensions:', 'photo-gallery'); ?></label><br>
		  <input class="widefat" style="width:25%;" id="<?php echo $id_width; ?>" name="<?php echo $name_width; ?>'" type="text" value="<?php echo $instance['width']; ?>"/> x 
		  <input class="widefat" style="width:25%;" id="<?php echo $id_height; ?>" name="<?php echo $name_height; ?>'" type="text" value="<?php echo $instance['height']; ?>"/> px
		</p>
		<p>
		  <label><?php _e('Transparent Background:', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_background_transparent; ?>" id="<?php echo $id_background_transparent . "_1"; ?>" value="1" <?php if ($instance['background_transparent']) echo 'checked="checked"'; ?> onclick="bwg_change_bg_transparency(event, this)" class="bg_transparent" /><label for="<?php echo $id_background_transparent . "_1"; ?>"><?php _e('Yes', 'photo-gallery'); ?></label><br>
		  <input type="radio" name="<?php echo $name_background_transparent; ?>" id="<?php echo $id_background_transparent . "_0"; ?>" value="0" <?php if (!$instance['background_transparent']) echo 'checked="checked"'; ?> onclick="bwg_change_bg_transparency(event, this)" /><label for="<?php echo $id_background_transparent . "_0"; ?>"><?php _e('No', 'photo-gallery'); ?></label>
		  <input type="hidden" name="<?php echo $name_background_transparent; ?>" id="<?php echo $id_background_transparent; ?>" value="<?php echo $instance['background_transparent']; ?>" class="bwg_hidden" />
		</p>
		<p id="p_bg_color" style="display:<?php echo (!$instance['background_transparent']) ? "" : "none" ?>;">
		  <label for="<?php echo $id_background_color; ?>"><?php _e('Background Color:', 'photo-gallery'); ?></label><br>
		  <input class="jscolor" style="width:25%;" id="<?php echo $id_background_color; ?>" name="<?php echo $name_background_color; ?>'" type="text" value="<?php echo $instance['background_color']; ?>"/>
		</p> 
		<p>
		  <label for="<?php echo $id_text_color; ?>"><?php _e('Text Color:', 'photo-gallery'); ?></label><br>
		  <input class="jscolor" style="width:25%;" id="<?php echo $id_text_color; ?>" name="<?php echo $name_text_color; ?>'" type="text" value="<?php echo $instance['text_color']; ?>"/>
		</p> 
		<p>
		  <label for="<?php echo $id_theme_id; ?>"><?php _e('Themes:', 'photo-gallery'); ?></label><br>
		  <select name="<?php echo $name_theme_id; ?>" id="<?php echo $id_theme_id; ?>" class="widefat">
			<?php
			foreach ($theme_rows as $theme_row) {
			  ?>
			  <option value="<?php echo $theme_row->id; ?>" <?php echo (($instance['theme_id'] == $theme_row->id || $theme_row->default_theme == 1) ? 'selected="selected"' : ''); ?>><?php echo $theme_row->name; ?></option>
			  <?php
			}
			?>
		  </select>
		</p> 
		<script>
      function bwg_change_type_tag(event, obj) {
        var div = jQuery(obj).closest("div");
        if (jQuery(jQuery(div).find(".sel_image")[0]).prop("checked")) {
          jQuery(jQuery(div).find("#p_show_name")).css("display", "");
          jQuery(obj).nextAll(".bwg_hidden").first().attr("value", "image");
        }
        else {
          jQuery(jQuery(div).find("#p_show_name")).css("display", "none");
          jQuery(obj).nextAll(".bwg_hidden").first().attr("value", "text");
        }
      }
      function bwg_change_bg_transparency(event, obj) {
        var div = jQuery(obj).closest("div");
        if (jQuery(jQuery(div).find(".bg_transparent")[0]).prop("checked")) {
          jQuery(jQuery(div).find("#p_bg_color")).css("display", "none");
          jQuery(obj).nextAll(".bwg_hidden").first().attr("value", "1");
        }
        else {
          jQuery(jQuery(div).find("#p_bg_color")).css("display", "");
          jQuery(obj).nextAll(".bwg_hidden").first().attr("value", "0");
        }
      }
		</script>
		<?php
	}
}
