<?php
/**
 * Topbar social profiles
 *
 * @package OceanWP WordPress theme
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// Get social options array.
$social_options = oceanwp_social_options();

// Return if array is empty.
if ( empty( $social_options ) ) {
	return;
}

// Add classes based on topbar style.
$classes      = '';
$topbar_style = get_theme_mod( 'ocean_top_bar_style', 'one' );

if ( 'one' === $topbar_style ) {
	$classes = 'top-bar-right';
} elseif ( 'two' === $topbar_style ) {
	$classes = 'top-bar-left';
} elseif ( 'three' === $topbar_style ) {
	$classes = 'top-bar-centered';
}

// Get ID.
$get_id = get_theme_mod( 'ocean_top_bar_social_alt_template' );

// Check if page is Elementor page.
$elementor = get_post_meta( $get_id, '_elementor_edit_mode', true );

// Get content.
$get_content = oceanwp_top_bar_social_alt_content();

// Display Social alternative.
if ( $get_id ) : ?>

	<div id="top-bar-social-alt" class="clr <?php echo esc_attr( $classes ); ?>">
		<?php
		// If Elementor.
		if ( OCEANWP_ELEMENTOR_ACTIVE && $elementor ) {

			OceanWP_Elementor::get_topbar_social_alt_content();

		// If Beaver Builder.
		} elseif ( OCEANWP_BEAVER_BUILDER_ACTIVE && ! empty( $get_id ) ) {

			echo do_shortcode( '[fl_builder_insert_layout id="' . $get_id . '"]' );

		} elseif ( class_exists( 'SiteOrigin_Panels' ) && get_post_meta( $get_id, 'panels_data', true ) ) {

			echo SiteOrigin_Panels::renderer()->render( $get_id );

		} else {

			// If Gutenberg.
			if ( ocean_is_block_template( $get_id ) ) {
				$get_content = apply_filters( 'oceanwp_top_bar_social_alt_content', do_blocks( $get_content ) );
			}

			// Display template content.
			echo do_shortcode( $get_content );

		}
		?>
	</div><!-- #top-bar-social-alt -->

	<?php
	return;

endif;

// Return if there aren't any profiles defined and define var.
$profiles = get_theme_mod( 'ocean_top_bar_social_profiles' );

if ( ! $profiles ) {
	return;
}

// Get theme mods.
$link_target           = get_theme_mod( 'ocean_top_bar_social_target', 'blank' );
$link_target           = $link_target ? $link_target : 'blank';
$display_external_mark = get_theme_mod( 'ocean_display_top_bar_social_external_icon', false );

$link_rel = '';

if ( 'blank' === $link_target ) {
	$link_rel = 'rel="noopener noreferrer"';
}

// Construct visual external link mark component.
$external_icon_markup = '';

if ( $display_external_mark && 'blank' === $link_target ) {
	// Outputs a visual indicator icon hidden safely from assistive text narrators.
	$external_icon_markup = '<svg class="top-bar-social-menu-external-mark oceanwp-social-external-mark" aria-hidden="true" focusable="false" viewBox="0 0 16 16" width="1em" height="1em">
		<path d="M5 3h8v8h-2V6.41l-6.29 6.3-1.42-1.42L9.59 5H5V3z" fill="currentColor"></path>
	</svg>';
}
?>

<div id="top-bar-social" class="clr <?php echo esc_attr( $classes ); ?>">

	<ul class="clr" aria-label="<?php echo esc_attr__( 'Social links', 'oceanwp' ); ?>">

		<?php
		// Loop through social options.
		foreach ( $social_options as $key => $val ) {

			// Get URL from the theme mods.
			$url = isset( $profiles[ $key ] ) ? $profiles[ $key ] : '';

			$esc_url = esc_url( $url );

			// Get correct label.
			$label = ! empty( $val['label'] ) ? esc_attr( $val['label'] ) : '';

			if ( 'blank' === $link_target ) {
				$aria_label = 'aria-label="' . $label . ' ' . esc_attr__( '(opens in a new tab)', 'oceanwp' ) . '"';
			} else {
				$aria_label = 'aria-label="' . $label . '"';
			}

			// Display if there is a value defined.
			if ( $url ) {

				echo '<li class="oceanwp-' . esc_attr( $key ) . '">'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Output already escaped.

					if ( in_array( $key, array( 'skype' ), true ) ) {

						echo '<a href="skype:' . esc_attr( $url ) . '?call" aria-label="' . esc_attr__( 'Skype (opens in your application)', 'oceanwp' ) . '" target="_self">'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Output already escaped.

					} elseif ( in_array( $key, array( 'email' ), true ) ) {

						echo '<a href="mailto:' . antispambot( esc_attr( $url ) ) . '" aria-label="' . esc_attr__( 'Send email (opens in your application)', 'oceanwp' ) . '" target="_self">'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Output already escaped.

					} else {

						echo '<a href="' . $esc_url . '" ' . $aria_label . ' target="_' . esc_attr( $link_target ) . '" ' . $link_rel . '>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Output already escaped.

					}

					echo $val['icon_class']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped during generation.

					// Add visual arrow icon for external links if conditions match.
					if ( ! empty( $external_icon_markup ) && ! in_array( $key, array( 'skype', 'email' ), true ) ) {
						echo $external_icon_markup; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Safe SVG markup.
					}

					echo '</a>';

				echo '</li>';

			} // End url check.

		} // End loop.
		?>

	</ul>

</div><!-- #top-bar-social -->