<?php

namespace TotalTheme;

\defined( 'ABSPATH' ) || exit;

/**
 * Add image sizes and image size settings panel.
 */
class Image_Sizes {

	/**
	 * Instance.
	 *
	 * @access private
	 * @var object Class object.
	 */
	protected static $instance;

	/**
	 * Create or retrieve the instance of Image_Sizes.
	 */
	public static function instance() {
		if ( \is_null( self::$instance ) ) {
			self::$instance = new self();
			self::$instance->init_hooks();
		}

		return self::$instance;
	}

	/**
	 * Hook into actions and filters.
	 */
	public function init_hooks() {

		// Define and add image sizes
		// Can't run earlier cause it comflicts with WooCommerce updated in v 4.5.5 from priority 1 to 40.
		\add_action( 'init', array( $this, 'add_sizes' ), 40 );

		// Prevent images from cropping when on the fly is enabled.
		if ( \get_theme_mod( 'image_resizing', true ) ) {
			\add_filter( 'intermediate_image_sizes_advanced', array( $this, 'do_not_crop_on_upload' ) );
		}

		// Admin only functions.
		if ( \wpex_is_request( 'admin' ) && \apply_filters( 'wpex_image_sizes_panel', true ) ) {
			\add_action( 'admin_menu', array( $this, 'add_admin_submenu_page' ), 10 );
			\add_action( 'admin_init', array( $this, 'register_settings' ) );
		}

		// Disable WP responsive images.
		if ( $this->maybe_disable_responsive_images() ) {
			\add_filter( 'wp_calculate_image_srcset', '__return_false', PHP_INT_MAX );
		}

	}

	/**
	 * Return array of image sizes used by the theme.
	 */
	public function get_sizes() {
		return \apply_filters( 'wpex_image_sizes', array(
			'lightbox'    => array(
				'label'   => \esc_html__( 'Lightbox Images', 'total' ),
				'width'   => 'lightbox_image_width',
				'height'  => 'lightbox_image_height',
				'crop'    => 'lightbox_image_crop',
				'section' => 'other',
			),
			'search_results' => array(
				'label'      => \esc_html__( 'Search', 'total' ),
				'width'      => 'search_results_image_width',
				'height'     => 'search_results_image_height',
				'crop'       => 'search_results_image_crop',
				'section'    => 'other',
			),
			'blog_entry'  => array(
				'label'   => \esc_html__( 'Blog Entry', 'total' ),
				'width'   => 'blog_entry_image_width',
				'height'  => 'blog_entry_image_height',
				'crop'    => 'blog_entry_image_crop',
				'section' => 'blog',
			),
			'blog_post'   => array(
				'label'   => \esc_html__( 'Blog Post', 'total' ),
				'width'   => 'blog_post_image_width',
				'height'  => 'blog_post_image_height',
				'crop'    => 'blog_post_image_crop',
				'section' => 'blog',
			),
			'blog_post_full' => array(
				'label'      => \esc_html__( 'Blog Post: (Media Position Full-Width Above Content)', 'total' ),
				'width'      => 'blog_post_full_image_width',
				'height'     => 'blog_post_full_image_height',
				'crop'       => 'blog_post_full_image_crop',
				'section'    => 'blog',
			),
			'blog_related' => array(
				'label'    => \esc_html__( 'Blog Post: Related', 'total' ),
				'width'    => 'blog_related_image_width',
				'height'   => 'blog_related_image_height',
				'crop'     => 'blog_related_image_crop',
				'section'  => 'blog',
			),
		) );
	}

	/**
	 * Filter the image sizes automatically generated when uploading an image.
	 */
	public function do_not_crop_on_upload( $sizes ) {
		$get_sizes = $this->get_sizes();
		if ( ! empty ( $get_sizes ) ) {
			foreach ( $get_sizes as $size => $args ) {
				unset( $sizes[$size] );
			}
		}
		return $sizes;
	}

	/**
	 * Register image sizes in WordPress.
	 */
	public function add_sizes() {
		$sizes = $this->get_sizes();

		// Loop through sizes.
		foreach ( $sizes as $size => $args ) {

			// Extract args.
			\extract( $args );

			// Get defaults.
			$defaults       = ! empty( $args['defaults'] ) ? $args['defaults'] : '';
			$default_width  = $defaults['width'] ?? 9999;
			$default_height = $defaults['height'] ?? 9999;
			$default_crop   = $defaults['crop'] ?? true;

			// Get theme mod values.
			$width  = \get_theme_mod( $width, $default_width );
			$height = \get_theme_mod( $height, $default_height );
			$crop   = \get_theme_mod( $crop, $default_crop );

			if ( ! $crop && false !== $crop ) {
				$crop = true; // Always crop images center-center as this was always the theme default.
			}

			// Set crop to false depending on height value.
			if ( ! $height || ! $width || 'soft-crop' === $crop || $height >= 9999 || $width >= 9999 ) {
				$crop = false;
			}

			// Turn crop into array.
			if ( $crop && is_string( $crop ) ) {
				$crop = \explode( '-', $crop );
			}

			// If image resizing is disabled and a width or height is defined add image size.
			if ( $width || $height ) {
				\add_image_size( $size, $width, $height, $crop );
			}

		}

	}

	/**
	 * Add sub menu page.
	 */
	public function add_admin_submenu_page() {
		$hook_suffix = \add_submenu_page(
			\WPEX_THEME_PANEL_SLUG,
			\esc_html__( 'Image Sizes', 'total' ),
			\esc_html__( 'Image Sizes', 'total' ),
			'edit_theme_options',
			\WPEX_THEME_PANEL_SLUG . '-image-sizes',
			array( $this, 'render_admin_page' )
		);

		\add_action( "load-{$hook_suffix}", [ $this, 'admin_help_tab' ] );
	}

	/**
	 * Add admin help tab.
	 */
	public function admin_help_tab() {
		$screen = \get_current_screen();

		if ( ! $screen ) {
			return;
		}

		$screen->add_help_tab(
			[
				'id'      => 'totaltheme_image_sizes',
				'title'   => \esc_html__( 'Overview', 'total' ),
				'content' => '<p>' . \esc_html__( 'Define the exact cropping for all the featured images on your site. Leave the width and height empty to display the full image. Set any height to "9999" or empty to disable cropping and simply resize the image to the corresponding width. All image sizes defined below will be added to the list of WordPress image sizes.', 'total' ) . '</p>'
			]
		);
	}

	/**
	 * Register a setting and its sanitization callback.
	 */
	public function register_settings() {
		\register_setting(
			'wpex_image_sizes',
			'wpex_image_sizes',
			array(
				'sanitize_callback' => [ $this, 'save_options' ],
				'default' => null,
			)
		);
	}

	/**
	 * Save options.
	 */
	public function save_options( $options ) {
		if ( ! \is_array( $options ) || empty( $options ) || ( false === $options ) ) {
			return;
		}

		// Save checkboxes.
		$checkboxes = [
			'image_resizing'               => true,
			'post_thumbnail_lazy_loading'  => true,
			'retina'                       => false,
			'disable_wp_responsive_images' => false,
			'woo_dynamic_image_resizing'   => false,
		];

		foreach ( $checkboxes as $theme_mod_name => $theme_mod_default ) {

			$checked = isset( $options[$theme_mod_name] );

			if ( $checked ) {
				if ( $theme_mod_default ) {
					\remove_theme_mod( $theme_mod_name );
				} else {
					\set_theme_mod( $theme_mod_name, 1 );
				}
			} else {
				if ( $theme_mod_default ) {
					\set_theme_mod( $theme_mod_name, 0 );
				} else {
					\remove_theme_mod( $theme_mod_name );
				}
			}

		}

		// Standard options.
		foreach ( $options as $key => $value ) {
			if ( array_key_exists( $key, $checkboxes ) ) {
				continue; // checkboxes already done.
			}
			if ( ! empty( $value ) ) {
				\set_theme_mod( $key, \sanitize_text_field( $value ) );
			} else {
				\remove_theme_mod( $key );
			}
		}
	}

	/**
	 * Settings page output.
	 */
	public function render_admin_page() {
		if ( ! \current_user_can( 'edit_theme_options' ) ) {
			return;
		}

		\wp_enqueue_style( 'totaltheme-admin-pages' );
		\wp_enqueue_script( 'totaltheme-admin-pages' );

		$sizes = $this->get_sizes();

		$crop_locations = \wpex_image_crop_locations();

		\delete_option( 'wpex_image_sizes' ); // remove deprecated option.

		?>

		<div class="wrap">

			<h2 class="nav-tab-wrapper wpex-panel-js-tabs" style="margin-top:20px;">
				<?php
				// Image sizes tabs
				$tabs = \apply_filters( 'wpex_image_sizes_tabs', [
					'general' => \esc_html__( 'General', 'total' ),
					'blog'    => \esc_html__( 'Blog', 'total' ),
				] );

				// Add 'other' tab after filter so it's always at end
				$tabs['other'] = \esc_html__( 'Other', 'total' );

				// Loop through tabs and display them
				$count = 0;
				foreach ( $tabs as $key => $val ) {
					$count++;
					$classes = 'nav-tab';
					if ( 1 === $count ) {
						$classes .=' nav-tab-active';
					}
					echo '<a href="#' . \esc_attr( $key ) . '" class="' . \esc_attr( $classes ) . '">' . \esc_html( $val ) . '</a>';
				} ?>

			</h2>

			<form method="post" action="options.php">

				<?php \settings_fields( 'wpex_image_sizes' ); ?>

				<table class="form-table wpex-image-sizes-admin-table">

					<tr valign="top" class="wpex-tab-content wpex-general">
						<th scope="row"><label for="wpex_image_resizing"><?php \esc_html_e( 'Dynamic Resizing', 'total' ); ?></label></th>
						<td>
							<fieldset>
								<label>
									<input id="wpex_image_resizing" type="checkbox" name="wpex_image_sizes[image_resizing]" <?php \checked( \get_theme_mod( 'image_resizing', true ) ); ?>>
										<?php \esc_html_e( 'Enable on-the-fly dynamic image resizing for featured images displayed by the theme.', 'total' ); ?>
								</label>
							</fieldset>
						</td>
					</tr>

					<tr valign="top" class="wpex-tab-content wpex-general">
						<th scope="row"><label for="wpex_lazy_loading"><?php \esc_html_e( 'Lazy Loading', 'total' ); ?></label></th>
						<td>
							<fieldset>
								<label>
									<input id="wpex_lazy_loading" type="checkbox" name="wpex_image_sizes[post_thumbnail_lazy_loading]" <?php \checked( \get_theme_mod( 'post_thumbnail_lazy_loading', true ), true ); ?>> <?php \esc_html_e( 'Enables native browser lazy loading for featured images displayed by the theme.', 'total' ); ?>
								</label>
							</fieldset>
						</td>
					</tr>

					<tr valign="top" class="wpex-tab-content wpex-general">
						<th scope="row"><label for="wpex_retina"><?php \esc_html_e( 'Retina', 'total' ); ?></label></th>
						<td>
							<fieldset>
								<label>
									<input id="wpex_retina" type="checkbox" name="wpex_image_sizes[retina]" <?php \checked( \get_theme_mod( 'retina' ), true ); ?>> <?php \esc_html_e( 'Enable retina support for images generated by the theme.', 'total' ); ?>
								</label>
							</fieldset>
						</td>
					</tr>

					<?php
					// Disable srcset
					$mod = \wp_validate_boolean( \get_theme_mod( 'disable_wp_responsive_images', false ) ); ?>
					<tr valign="top" class="wpex-tab-content wpex-general">
						<th scope="row"><label for="wpex-disable-srcset"><?php \esc_html_e( 'Disable WordPress srcset Images', 'total' ); ?></label></th>
						<td>
							<fieldset>
								<label>
									<input id="wpex-disable-srcset" type="checkbox" name="wpex_image_sizes[disable_wp_responsive_images]" <?php \checked( $mod, true ); ?>> <?php \esc_html_e( 'Disables the WordPress "wp_calculate_image_srcset" functionality which may add srcset attributes to post thumbnails.', 'total' ); ?>
								</label>
							</fieldset>
						</td>
					</tr>

					<?php
					// WooCommerce Image Sizing
					if ( \defined( 'WPEX_WOOCOMMERCE_ACTIVE' )
						&& \WPEX_WOOCOMMERCE_ACTIVE
						&& \wpex_has_woo_mods()
						&& \wpex_woo_version_supported()
					) {

						$mod = \wp_validate_boolean( \get_theme_mod( 'woo_dynamic_image_resizing', false ) ); ?>

						<tr valign="top" class="wpex-tab-content wpex-general">
							<th scope="row"><label for="wpex_woo_support"><?php \esc_html_e( 'Use WooCommerce Native Image Sizing?', 'total' ); ?></label></th>
							<td>
								<fieldset>
									<label>
										<input id="wpex_woo_support" type="checkbox" name="wpex_image_sizes[woo_dynamic_image_resizing]" <?php \checked( $mod, true ); ?>> <?php \esc_html_e( 'By default the Total theme makes use of it\'s own image resizing functions for WooCommerce, if you rather use the native WooCommerce image sizing functions you can do so by enabling this setting.', 'total' ); ?>
									</label>
								</fieldset>
							</td>
						</tr>

					<?php } ?>

					<?php
					// Loop through all sizes.
					foreach ( $sizes as $size => $args ) :

						\extract( $args );

						// Label is required
						if ( ! $label ) {
							continue;
						}

						// Admin panel section
						$section = $args['section'] ?? 'other';

						// Get defaults
						$defaults       = ! empty( $args['defaults'] ) ? $args['defaults'] : '';
						$default_width  = $defaults['width'] ?? null;
						$default_height = $defaults['height'] ?? null;
						$default_crop   = $defaults['crop'] ?? null;

						// Get values
						$width_value  = \get_theme_mod( $width, $default_width );
						$height_value = \get_theme_mod( $height, $default_height );
						$crop_value   = \get_theme_mod( $crop, $default_crop );

						?>

						<tr valign="top" class="wpex-tab-content wpex-<?php echo \esc_attr( $section ); ?>">
							<th scope="row"><?php echo \strip_tags( $label ); ?></th>
							<td>
								<label for="<?php echo \esc_attr( $width ); ?>"><?php \esc_html_e( 'Width', 'total' ); ?></label>
								<input name="wpex_image_sizes[<?php echo \esc_attr( $width ); ?>]" type="number" step="1" min="0" value="<?php echo \esc_attr( $width_value ); ?>" class="small-text">
								&nbsp;
								<label for="<?php echo \esc_attr( $height ); ?>"><?php \esc_html_e( 'Height', 'total' ); ?></label>
								<input name="wpex_image_sizes[<?php echo \esc_attr( $height ); ?>]" type="number" step="1" min="0" value="<?php echo \esc_attr( $height_value ); ?>" class="small-text">
								&nbsp;
								<label for="<?php echo \esc_attr( $crop ); ?>"><?php \esc_html_e( 'Crop', 'total' ); ?></label>
								<select name="wpex_image_sizes[<?php echo \esc_attr( $crop ); ?>]">
									<?php foreach ( $crop_locations as $key => $label ) { ?>
										<option value="<?php echo \esc_attr( $key ); ?>" <?php \selected( $key, $crop_value, true ); ?>><?php echo \strip_tags( $label ); ?></option>
									<?php } ?>
								</select>

							</td>
						</tr>

					<?php endforeach; ?>

				</table>

				<?php \submit_button(); ?>

			</form>

		</div>
	<?php
	}

	/**
	 * Check if WP responsive images should be disabled.
	 */
	public function maybe_disable_responsive_images() {
		$check = \get_theme_mod( 'disable_wp_responsive_images', false );

		/**
		 * Filters whether "wp_calculate_image_srcset" should be enabled or not.
		 *
		 * @param bool $check
		 * @todo deprecate?
		 */
		$check = (bool) \apply_filters( 'wpex_disable_wp_responsive_images', $check );

		return $check;
	}

}