<?php
/**
 * Customizer functionality
 *
 * @package Travelore
 */

/**
 * Sets up the WordPress core custom header and custom background features.
 *
 * @since Travelore 1.0
 *
 * @see travelore_header_style()
 */
function travelore_custom_header_and_background() {
	$default_bg_color   = 'ffffff';
	$default_text_color = '000000';

	/**
	 * Filter the arguments used when adding 'custom-background' support in Persona.
	 *
	 * @since Travelore 1.0
	 *
	 * @param array $args {
	 *     An array of custom-background support arguments.
	 *
	 *     @type string $default-color Default color of the background.
	 * }
	 */
	add_theme_support( 'custom-background', apply_filters( 'travelore_custom_background_args', array(
		'default-color'      => $default_bg_color,
		'default-repeat'     => 'repeat',
		'default-position-x' => 'center',
		'default-position-y' => 'center',
		'default-size'       => 'auto',
		'default-attachment' => 'scroll',
	) ) );

	/**
	 * Filter the arguments used when adding 'custom-header' support in Persona.
	 *
	 * @since Travelore 1.0
	 *
	 * @param array $args {
	 *     An array of custom-header support arguments.
	 *
	 *     @type string $default-text-color Default color of the header text.
	 *     @type int      $width            Width in pixels of the custom header image. Default 1200.
	 *     @type int      $height           Height in pixels of the custom header image. Default 280.
	 *     @type bool     $flex-height      Whether to allow flexible-height header images. Default true.
	 *     @type callable $wp-head-callback Callback function used to style the header image and text
	 *                                      displayed on the blog.
	 * }
	 */
	add_theme_support( 'custom-header', apply_filters( 'travelore_custom_header_args', array(
		'default-image'      	 => get_parent_theme_file_uri( '/assets/images/header-image.jpg' ),
		'default-text-color'     => $default_text_color,
		'width'                  => 1920,
		'height'                 => 822,
		'flex-height'            => true,
		'flex-width'            => true,
		'wp-head-callback'       => 'travelore_header_style',
		'video'                  => true,
	) ) );

	register_default_headers( array(
		'default-image' => array(
			'url'           => '%s/assets/images/header-image.jpg',
			'thumbnail_url' => '%s/assets/images/header-image-275x155.jpg',
			'description'   => esc_html__( 'Default Header Image', 'travelore' ),
		),
	) );
}
add_action( 'after_setup_theme', 'travelore_custom_header_and_background' );

if ( ! function_exists( 'travelore_header_style' ) ) :
	/**
	 * Styles the header text displayed on the site.
	 *
	 * Create your own travelore_header_style() function to override in a child theme.
	 *
	 * @since Catch Mag Pro 1.0
	 *
	 * @see travelore_custom_header_and_background().
	 */
	function travelore_header_style() {
		$header_image = travelore_featured_overall_image();

	    if ( 'disable' !== $header_image ) : ?>
	        <style type="text/css" rel="header-image">
	            .header-media:before {
	                background-image: url( <?php echo esc_url( $header_image ); ?>);
					background-position: center top;
					background-repeat: no-repeat;
					background-size: cover;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: -1;
	            }
	        </style>
	    <?php
	    endif;
		
		// If the header text option is untouched, let's bail.
		if ( display_header_text() ) { 
			$header_text_color = get_header_textcolor();
			$default_color     = '000000';

			if ( $default_color !== $header_text_color ) :
			?>
			<style type="text/css" id="travelore-header-css">
			.site-title a,
			.site-description {
				color: #<?php echo esc_attr( $header_text_color ); ?>;
			}
			</style>
		<?php
			endif;
		} else {
			?>
			<style type="text/css" id="travelore-header-css">
			.site-branding {
				margin: 0 auto 0 0;
			}

			.site-identity {
				clip: rect(1px, 1px, 1px, 1px);
				position: absolute;
			}
			</style>
		<?php
		}
	}
endif; // travelore_header_style

/**
 * Customize video play/pause button in the custom header.
 *
 * @param array $settings header video settings.
 */
function travelore_video_controls( $settings ) {
	$settings['l10n']['play'] = '<span class="screen-reader-text">' . esc_html__( 'Play background video', 'travelore' ) . '</span>' . travelore_get_svg( array(
		'icon' => 'play',
	) );
	$settings['l10n']['pause'] = '<span class="screen-reader-text">' . esc_html__( 'Pause background video', 'travelore' ) . '</span>' . travelore_get_svg( array(
		'icon' => 'pause',
	) );

	return $settings;
}
add_filter( 'header_video_settings', 'travelore_video_controls' );

/**
 * Binds the JS listener to make Customizer color_scheme control.
 *
 * Passes color scheme data as colorScheme global.
 *
 * @since Travelore 1.0
 */
function travelore_customize_control_js() {

	/*section Sorter css*/
	wp_enqueue_style( 'travelore-custom-controls-css', trailingslashit( esc_url( get_template_directory_uri() ) ) . 'assets/css/customizer.css' );
}
add_action( 'customize_controls_enqueue_scripts', 'travelore_customize_control_js' );
