class Inventory_Presser_Shortcode_Archive_Vehicle {

	/**
	 * Adds two shortcodes
	 *
	 * @return void
	 */
	public function add() {
		add_shortcode( 'invp-archive-vehicle', array( $this, 'content' ) );
		add_shortcode( 'invp_archive_vehicle', array( $this, 'content' ) );
	}

	/**
	 * Adds hooks that power the shortcode
	 *
	 * @return void
	 */
	public function add_hooks() {
		add_action( 'init', array( $this, 'add' ) );
	}

	/**
	 * Creates the HTML content of the shortcode
	 *
	 * @param  array $atts
	 * @return string HTML that renders an archive-vehicle template
	 */
	public function content( $atts ) {
		/**
		 * Default show_titles to false because this shortcode is used to
		 * replace the_content when themes handle our custom post type, and
		 * those themes will output a title.
		 */
		$atts = shortcode_atts(
			array(
				/**
				 * Sometimes, it makes sense to let the theme or page builder
				 * layout handle titles.
				 */
				'show_titles' => false,

				/**
				 * Change the look of the listings.
				 *
				 * Values
				 * -----
				 * a. Condensed, 3 column using flexbox. See screenshot-6.png.
				 * b. Large photo, attribute table and buttons to the right. See screenshot-1.png.
				 */
				'style'       => 'a',
			),
			$atts,
			'invp_archive_vehicle'
		);

		// Parse boolean values to make life easy on users.
		$atts['show_titles'] = filter_var( $atts['show_titles'], FILTER_VALIDATE_BOOLEAN );

		if ( ! wp_style_is( 'invp_archive_vehicle', 'registered' ) ) {
			Inventory_Presser_Plugin::include_scripts_and_styles();
		}
		wp_enqueue_style( 'invp_archive_vehicle' );

		// Lie to themes using has_post_thumbnail() statically.
		add_filter( 'has_post_thumbnail', array( 'Inventory_Presser_Template_Provider', 'lie_about_post_thumbnails' ), 10, 3 );

		/**
		 * HTML varies depending on the style setting.
		 *
		 * ASCII art via https://www.patorjk.com/software/taag/#p=display&f=Bloody&t=B
		 */
		ob_start();
		switch ( $atts['style'] ) {
			/**
			 * ▄▄▄
			 * ▒████▄
			 * ▒██  ▀█▄
			 * ░██▄▄▄▄██
			 * ▓█   ▓██▒
			 * ▒▒   ▓▒█░
			 *  ▒   ▒▒ ░
			 *  ░   ▒
			 *      ░  ░
			 */
			case 'a':
				wp_enqueue_style( 'invp_archive_vehicle_a' );
				?>
				<article id="post-<?php the_ID(); ?>" <?php post_class( 'post-vehicle' ); ?>>
					<div class="vehicle-info">
						<div class="entry-header">
					<?php
					if ( $atts['show_titles'] ) {
						?>

							<h2 class="entry-title"><a href="<?php echo esc_url( get_the_permalink() ); ?>"><?php echo esc_html( get_the_title() ); ?></a></h2>

						<?php
					}
					?>
							<h3 class="vehicle-price">
							<?php
							/* phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped */
							echo invp_get_the_price();
							?>
							</h3>
						</div>
						<div class="post-inner">
							<div class="post-thumbnail">
								<div class="vehicle-images">
									<a href="<?php echo esc_url( get_the_permalink() ); ?>" title="<?php echo esc_attr( get_the_title() ); ?>">
										<?php
										// Stop lying about whether vehicles have thumbnails or not.
										remove_filter( 'has_post_thumbnail', array( 'Inventory_Presser_Template_Provider', 'lie_about_post_thumbnails' ), 10, 3 );
										if ( has_post_thumbnail() ) {
											the_post_thumbnail( 'large' );
										} else {
											// This will be no-photo.svg.
											?>
										<img class="no-photo-available" src="<?php echo esc_url( invp_get_the_photo_url() ); ?>" alt="<?php echo esc_attr( get_the_title() ); ?>" />
											<?php
										}
										// Resume lying about thumbnails.
										add_filter( 'has_post_thumbnail', array( 'Inventory_Presser_Template_Provider', 'lie_about_post_thumbnails' ), 10, 3 );
										?>
									</a>
								</div>
							<?php
							$photo_count = invp_get_the_photo_count();
							if ( 0 < $photo_count ) {
								?>
								<span class="photo-count"><a href="<?php echo esc_url( get_the_permalink() ); ?>">
								<?php
									echo esc_html( $photo_count ) . ' ' . ( 1 === $photo_count ? '<span class="dashicons dashicons-format-image"></span>' : '<span class="dashicons dashicons-format-gallery"></span>' );
								?>
								</a></span>
								<?php
							}
							?>
							</div>
							<?php
							/* phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped */
							echo apply_shortcodes( '
' );
							?>
							<div class="vehicle-buttons vehicle-price-and-buttons">
								<?php
								do_action( 'invp_archive_buttons' );
								?>
							</div>
						</div><!--/.post-inner-->
					</div>
				</article><!--/.post-->
				<?php
				break;

			/**
			 *  ▄▄▄▄
			 * ▓█████▄
			 * ▒██▒ ▄██
			 * ▒██░█▀
			 * ░▓█  ▀█▓
			 * ░▒▓███▀▒
			 * ▒░▒   ░
			 *  ░    ░
			 *  ░
			 *       ░
			 */
			case 'b':
				wp_enqueue_style( 'invp_archive_vehicle_b' );
				?>
				<article id="post-<?php the_ID(); ?>" <?php post_class( 'post-vehicle' ); ?>>
					<div class="vehicle-info">
						<div class="post-inner">
							<div class="post-thumbnail">
						<?php
						if ( $atts['show_titles'] ) {
							?>
								<h2 class="post-title hpad">
									<a href="<?php echo esc_url( get_the_permalink() ); ?>" rel="bookmark" title="<?php echo esc_attr( get_the_title() ); ?>"><?php echo esc_html( get_the_title() ); ?></a>
								</h2>
								<?php
						}
						?>
								<div class="vehicle-images">
									<a href="<?php echo esc_url( get_the_permalink() ); ?>" title="<?php echo esc_attr( get_the_title() ); ?>">
										<?php
										// Stop lying about whether vehicles have thumbnails or not.
										remove_filter( 'has_post_thumbnail', array( 'Inventory_Presser_Template_Provider', 'lie_about_post_thumbnails' ), 10, 3 );
										if ( has_post_thumbnail() ) {
											the_post_thumbnail( 'large' );
										} else {
											?>
										<img class="no-photo-available" src="<?php echo esc_url( invp_get_the_photo_url() ); ?>" alt="<?php esc_attr_e( 'No photo available', 'inventory-presser' ); ?>" />
											<?php
										}
										// Resume lying about thumbnails.
										add_filter( 'has_post_thumbnail', array( 'Inventory_Presser_Template_Provider', 'lie_about_post_thumbnails' ), 10, 3 );
										?>
									</a>
								</div>
							</div><!--/.post-thumbnail-->
							<div class="vehicle-content">
								<h2 class="post-title vehicle-price">
									<?php
										/* phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped */
										echo invp_get_the_price();
									?>
								</h2>
								<?php
								/* phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped */
								echo apply_shortcodes( '
' );
								?>
								<div class="vehicle-buttons">
								<?php
								do_action( 'invp_archive_buttons' );
								?>
								</div><!--/.vehicle-buttons-->
							</div><!--/.post-content-->
						</div><!--/.post-inner-->
					</div>
				</article><!--/.post-->
					<?php
				break;
		}
		return ob_get_clean();
	}
}