<?php
/**
 * The template for displaying [vc_gitem_zone] shortcode output.
 *
 * This template can be overridden by copying it to yourtheme/vc_templates/vc_gitem_zone.php.
 *
 * @see https://kb.wpbakery.com/docs/developers-how-tos/change-shortcodes-html-output
 *
 * @var array $atts
 * @var WPBakeryShortCode_Vc_Gitem_Zone $this
 */

if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
}
$el_class = $css = $position = $bgimage = $height = $link = $url = $height_mode = $featured_image = $img_size = $render = $rel = '';

$css_style = $css_style_mini = '';
$image_block = $image = '';

$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );

/**
 * Shortcode attributes
 *
 * @var string $el_class
 * @var string $css
 * @var string $position
 * @var string $bgimage
 * @var string $height
 * @var string $link
 * @var string $url
 * @var string $height_mode
 * @var string $featured_image
 * @var string $img_size
 * @var string $render
 * @var string $content - shortcode content
 * @var string|null $css_style_mini
 */

if ( 'no' === $render ) {
	return '';
}
// Here we check content. If it doesn't contain any useful content, not to render all this staff.
if ( 'yes' !== $featured_image && empty( $css ) && empty( $el_class ) && empty( $height ) && ! vc_gitem_has_content( $content ) ) {
	return '';
}
$css_class = 'vc_gitem-zone' . ( strlen( $this->zone_name ) ? ' vc_gitem-zone-' . $this->zone_name : '' );
$css_class_mini = 'vc_gitem-zone-mini';
// Autoheight Mode
// https://jsfiddle.net/tL2pgtyb/4/ {{
// Set css classes for shortcode main html element wrapper and background block.
$css_class .= vc_shortcode_custom_css_class( $css, ' ' ) . ( strlen( $el_class ) ? ' ' . $el_class : '' );
preg_match( '/background(\-image)?\s*\:\s*[^\s]*?\s*url\(\'?([^\)]+)\'?\)/', $css, $img_matches );
$background_image_css_editor = isset( $img_matches[2] ) ? $img_matches[2] : false;
if ( 'custom' === $height_mode ) {
	if ( strlen( $height ) > 0 ) {
		if ( preg_match( '/^\d+$/', $height ) ) {
			$height .= 'px';
		}
		$css_style .= 'height: ' . $height . ';';
	}
} elseif ( 'original' !== $height_mode ) {
	$css_class .= ' vc-gitem-zone-height-mode-auto' . ( strlen( $height_mode ) > 0 ? ' vc-gitem-zone-height-mode-auto-' . $height_mode : '' );
}


if ( 'yes' === $featured_image ) {
	$css_style .= '{{ post_image_background_image_css:' . $img_size . ' }}';

	$attributes = [
		'class' => 'vc_gitem-zone-img',
		'src' => '{{ post_image_url' . ( false !== $background_image_css_editor ? ':' . rawurlencode( $background_image_css_editor ) . '' : ':' ) . ':' . $img_size . ' }}',
		'alt' => '{{ post_image_alt }}',
	];
	$attributes = vc_add_lazy_loading_attribute( $attributes );

	$image = '<img ' . vc_stringify_attributes( $attributes ) . '>';

} elseif ( false !== $background_image_css_editor ) {
	$attributes = [
		'class' => 'vc_gitem-zone-img',
		'src' => esc_url( $background_image_css_editor ),
		'alt' => '{{ post_image_alt }}',
	];

	$attributes = vc_add_lazy_loading_attribute( $attributes );

	$image = '<img ' . vc_stringify_attributes( $attributes ) . '>';
}
if ( strlen( $link ) > 0 && 'none' !== $link ) {
	$css_class .= ' vc_gitem-is-link';
	if ( 'custom' === $link && ! empty( $url ) ) {
		$link_s = vc_build_link( $url );
		$rel = '';
		if ( ! empty( $link_s['rel'] ) ) {
			$rel = ' rel="' . esc_attr( trim( $link_s['rel'] ) ) . '"';
		}
		$image_block = '<a href="' . esc_url( $link_s['url'] ) . '" title="' . esc_attr( $link_s['title'] ) . '" target="' . esc_attr( trim( $link_s['target'] ) ) . '" class="vc_gitem-link vc-zone-link"' . $rel . '></a>';
	} elseif ( 'post_link' === $link ) {
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block = '<a href="{{ post_link_url }}" title="{{ post_title }}" class="vc_gitem-link vc-zone-link" ' . $target . '></a>';
	} elseif ( 'post_author' === $link ) {
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block = '<a href="{{ post_author_href }}" title="{{ post_author }}" class="vc_gitem-link vc-zone-link" ' . $target . '></a>';
	} elseif ( 'image' === $link ) {
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block = '<a href="{{ post_image_url }}" title="{{ post_title }}" class="vc_gitem-link vc-zone-link" ' . $target . '></a>';
	} elseif ( 'image_lightbox' === $link ) {
		if ( ! isset( $this->lightbox_rel ) ) {
			$this->lightbox_rel = ' data-lightbox="lightbox[rel-' . get_the_ID() . '-' . wp_rand() . ']"';
		}
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block .= '<a href="{{ post_image_url }}" title="{{ post_title }}" ' . $this->lightbox_rel . ' data-vc-gitem-zone="prettyphotoLink" class="vc_gitem-link prettyphoto vc-zone-link vc-prettyphoto-link" ' . $target . '></a>';
	} elseif ( 'image_full' === $link ) {
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block = '<a href="{{ post_full_image_url }}" title="{{ post_title }}" class="vc_gitem-link vc-zone-link" ' . $target . '></a>';
	} elseif ( 'image_full_lightbox' === $link ) {
		if ( ! isset( $this->lightbox_rel ) ) {
			$this->lightbox_rel = ' data-lightbox="lightbox[rel-' . get_the_ID() . '-' . wp_rand() . ']"';
		}
		$target = isset( $atts['link_target'] ) && $atts['link_target'] ? 'target="_blank"' : '';
		$image_block .= '<a href="{{ post_full_image_url }}" title="{{ post_title }}" ' . $this->lightbox_rel . ' data-vc-gitem-zone="prettyphotoLink" class="vc_gitem-link prettyphoto vc-zone-link vc-prettyphoto-link" ' . $target . '></a>';
	}
	$image_block = apply_filters( 'vc_gitem_zone_image_block_link', $image_block, $link, 'vc_gitem-link vc-zone-link' );
}
$output = '';
$output .= '<div class="' . esc_attr( $css_class ) . '"';
$output .= ( empty( $css_style ) ? '' : ' style="' . esc_attr( $css_style ) . '"' );
$output .= '>';
$output .= $image_block . $image;
$output .= '<div class="' . esc_attr( $css_class_mini ) . '"' . ( empty( $css_style_mini ) ? '' : ' style="' . esc_attr( $css_style_mini ) . '"' ) . '>' . do_shortcode( $content ) . '</div></div>';

echo $output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
