<?php
/**
 * Smerk functions and definitions
 *
 * @package WordPress
 * @subpackage Smerk
 * @since Smerk 1.0
 */

/**
 * Smerk only works in WordPress 4.4 or later.
 */
if ( version_compare( $GLOBALS['wp_version'], '4.4-alpha', '<' ) ) {
	require get_template_directory() . '/inc/back-compat.php';
}

if ( ! function_exists( 'smerk_setup' ) ) :
/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the after_setup_theme hook, which
 * runs before the init hook. The init hook is too late for some features, such
 * as indicating support for post thumbnails.
 *
 * Create your own smerk_setup() function to override in a child theme.
 *
 * @since Smerk 1.0
 */
function smerk_setup() {
	/*
	 * Make theme available for translation.
	 * Translations can be filed in the /languages/ directory.
	 * If you're building a theme based on Smerk, use a find and replace
	 * to change 'smerk' to the name of your theme in all the template files
	 */
	load_theme_textdomain( 'smerk', get_template_directory() . '/languages' );

	// Add default posts and comments RSS feed links to head.
	add_theme_support( 'automatic-feed-links' );

	/*
	 * Let WordPress manage the document title.
	 * By adding theme support, we declare that this theme does not use a
	 * hard-coded <title> tag in the document head, and expect WordPress to
	 * provide it for us.
	 */
	add_theme_support( 'title-tag' );

	
	

	/*
	 * Enable support for Post Thumbnails on posts and pages.
	 *
	 * @link http://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails
	 */
	add_theme_support( 'post-thumbnails' );
	set_post_thumbnail_size( 1200, 9999 );

	// This theme uses wp_nav_menu() in two locations.
	register_nav_menus( array(
		'Header' => __( 'Header Menu', 'smerk' ),
		'Footer'  => __( 'Footer Menu', 'smerk' ),
	) );

	/*
	 * Switch default core markup for search form, comment form, and comments
	 * to output valid HTML5.
	 */
	add_theme_support( 'html5', array(
		'search-form',
		'comment-form',
		'comment-list',
		'gallery',
		'caption',
	) );

	/*
	 * Enable support for Post Formats.
	 *
	 * See: https://codex.wordpress.org/Post_Formats
	 */
	add_theme_support( 'post-formats', array(
		'aside',
		'image',
		'video',
		'quote',
		'link',
		'gallery',
		'status',
		'audio',
		'chat',
	) );

	/*
	 * This theme styles the visual editor to resemble the theme style,
	 * specifically font, colors, icons, and column width.
	 */
	add_editor_style( array( 'assests/css/editor-style.css', smerk_fonts_url() ) );

	// Indicate widget sidebars can use selective refresh in the Customizer.
	add_theme_support( 'customize-selective-refresh-widgets' );
}
endif; // smerk_setup
add_action( 'after_setup_theme', 'smerk_setup' );

/**
  * Define Constants
  * ================
  */
define( 'Smerk_HOME', esc_url( get_home_url() ) );
define( 'Smerk_THEME_ROOT', esc_url( get_template_directory_uri() ) );
define( 'Smerk_PARENT_THEME_NAME', wp_get_theme( get_template() )->get( 'Name' ) );
define( 'Smerk_PARENT_THEME_VERSION', wp_get_theme( get_template() )->get( 'Version' ) );
define( 'Smerk_PRIMARY_COLOR', '#3768B4' );
define( 'Smerk_SECONDARY_COLOR', '#222222' );
define( 'Smerk_PRIMARY_FONT', 'Open Sans' );
define( 'Smerk_SECONDARY_FONT', 'Open Sans' );


/**
 * Sets the content width in pixels, based on the theme's design and stylesheet.
 *
 * Priority 0 to make it available to lower priority callbacks.
 *
 * @global int $content_width
 *
 * @since Smerk 1.0
 */
function smerk_content_width() {
	$GLOBALS['content_width'] = apply_filters( 'smerk_content_width', 840 );
}
add_action( 'after_setup_theme', 'smerk_content_width', 0 );

/**
 * Registers a widget area.
 *
 * @link https://developer.wordpress.org/reference/functions/register_sidebar/
 *
 * @since Smerk 1.0
 */
function smerk_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Sidebar', 'smerk' ),
		'id'            => 'sidebar-1',
		'description'   => __( 'Add widgets here to appear in your sidebar.', 'smerk' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
    
	register_sidebar( array(
		'name'          => __( 'Sidebar 1', 'smerk' ),
		'id'            => 'sidebar-4',
		'description'   => __( 'Add widgets here to appear in your sidebar.', 'smerk' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
	
	register_sidebar( array(
		'name'          => __( 'Content Bottom 1', 'smerk' ),
		'id'            => 'sidebar-2',
		'description'   => __( 'Appears at the bottom of the content on posts and pages.', 'smerk' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );

	register_sidebar( array(
		'name'          => __( 'Content Bottom 2', 'smerk' ),
		'id'            => 'sidebar-3',
		'description'   => __( 'Appears at the bottom of the content on posts and pages.', 'smerk' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );
}
add_action( 'widgets_init', 'smerk_widgets_init' );



if ( ! function_exists( 'smerk_fonts_url' ) ) :
/**
 * Register Google fonts for Smerk.
 *
 * Create your own smerk_fonts_url() function to override in a child theme.
 *
 * @since Smerk 1.0
 *
 * @return string Google fonts URL for the theme.
 */
function smerk_fonts_url() {
	$fonts_url = '';
	$fonts     = array();
	$subsets   = 'latin,latin-ext';

	/* translators: If there are characters in your language that are not supported by Merriweather, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Merriweather font: on or off', 'smerk' ) ) {
		$fonts[] = 'Merriweather:400,700,900,400italic,700italic,900italic';
	}

	/* translators: If there are characters in your language that are not supported by Montserrat, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Montserrat font: on or off', 'smerk' ) ) {
		$fonts[] = 'Montserrat:400,700';
	}

	/* translators: If there are characters in your language that are not supported by Inconsolata, translate this to 'off'. Do not translate into your own language. */
	if ( 'off' !== _x( 'on', 'Inconsolata font: on or off', 'smerk' ) ) {
		$fonts[] = 'Inconsolata:400';
	}

	if ( $fonts ) {
		$fonts_url = add_query_arg( array(
			'family' => urlencode( implode( '|', $fonts ) ),
			'subset' => urlencode( $subsets ),
		), 'https://fonts.googleapis.com/css' );
	}

	return $fonts_url;
}
endif;

/**
 * Handles JavaScript detection.
 *
 * Adds a `js` class to the root `<html>` element when JavaScript is detected.
 *
 * @since Smerk 1.0
 */
function smerk_javascript_detection() {
	echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n";
}
add_action( 'wp_head', 'smerk_javascript_detection', 0 );

/**
 * Enqueues scripts and styles.
 *
 * @since Smerk 1.0
 */
function smerk_scripts() {
	// Add custom fonts, used in the main stylesheet.
	//wp_enqueue_style( 'smerk-fonts', smerk_fonts_url(), array(), null );

	// Add Genericons, used in the main stylesheet.
	wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '3.4.1' );

	// Theme stylesheet.
	wp_enqueue_style( 'smerk-style', get_stylesheet_uri() );

	// Load the Internet Explorer specific stylesheet.
	wp_enqueue_style( 'smerk-ie', get_template_directory_uri() . '/css/ie.css', array( 'smerk-style' ), '20160412' );
	wp_style_add_data( 'smerk-ie', 'conditional', 'lt IE 10' );

	// Load the Internet Explorer 8 specific stylesheet.
	wp_enqueue_style( 'smerk-ie8', get_template_directory_uri() . '/css/ie8.css', array( 'smerk-style' ), '20160412' );
	wp_style_add_data( 'smerk-ie8', 'conditional', 'lt IE 9' );

	// Load the Internet Explorer 7 specific stylesheet.
	wp_enqueue_style( 'smerk-ie7', get_template_directory_uri() . '/css/ie7.css', array( 'smerk-style' ), '20160412' );
	wp_style_add_data( 'smerk-ie7', 'conditional', 'lt IE 8' );
	
	// Load the html5 shiv.
	wp_enqueue_script( 'smerk-html5', get_template_directory_uri() . '/assests/js/html5.js', array(), '3.7.3' );
	wp_script_add_data( 'smerk-html5', 'conditional', 'lt IE 9' );

	wp_enqueue_script( 'smerk-skip-link-focus-fix', get_template_directory_uri() . '/assests/js/skip-link-focus-fix.js', array(), '20160412', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}

	if ( is_singular() && wp_attachment_is_image() ) {
		wp_enqueue_script( 'smerk-keyboard-image-navigation', get_template_directory_uri() . '/assests/js/keyboard-image-navigation.js', array( 'jquery' ), '20160412' );
	}

	wp_enqueue_script( 'smerk-script', get_template_directory_uri() . '/assests/js/functions.js', array( 'jquery' ), '20160412', true );

	wp_localize_script( 'smerk-script', 'screenReaderText', array(
		'expand'   => __( 'expand child menu', 'smerk' ),
		'collapse' => __( 'collapse child menu', 'smerk' ),
	) );
	
	//Load the Stylesheet

	wp_enqueue_style( 'smerk-responsive-style', get_template_directory_uri() . '/assests/css/responsive.css');
    wp_enqueue_style( 'smerk-bootstrab-style', get_template_directory_uri() . '/assests/css/bootstrap.css');
	wp_enqueue_style( 'smerk-deafult-style', get_template_directory_uri() . '/assests/css/default.css');
	wp_enqueue_style( 'smerk-component-style', get_template_directory_uri() . '/assests/css/component.css');
	
	//Load JavaScript
	wp_enqueue_script( 'smerk-modernizer', get_template_directory_uri() . '/assests/js/modernizr.custom.js');
	wp_enqueue_script( 'smerk-masonry', get_template_directory_uri() . '/assests/js/masonry.pkgd.min.js');
	wp_enqueue_script( 'smerk-bootstrab', get_template_directory_uri() . '/assests/js/bootstrap.min.js');
	wp_enqueue_script( 'smerk-image', get_template_directory_uri() . '/assests/js/imagesloaded.js');
	wp_enqueue_script( 'smerk-classie', get_template_directory_uri() . '/assests/js/classie.js');
	wp_enqueue_script( 'smerk-anim', get_template_directory_uri() . '/assests/js/AnimOnScroll.js');
	
	
}
add_action( 'wp_enqueue_scripts', 'smerk_scripts' );


/**
 * Setup custom css.
 * ================
 */
//function smerk_custom_css() {
	//$smerk_custom_css = Kirki::get_option( 'smerk', 'custom_css' );
	//if ( Kirki::get_option( 'smerk', 'custom_css_enable' ) == 1 ) {
		//wp_add_inline_style( 'smerk-main', html_entity_decode( $smerk_custom_css, ENT_QUOTES ) );
	//}
//}

//add_action( 'wp_enqueue_scripts', 'smerk_custom_css' );


/**
 * Adds custom classes to the array of body classes.
 *
 * @since Smerk 1.0
 *
 * @param array $classes Classes for the body element.
 * @return array (Maybe) filtered body classes.
 */
function smerk_body_classes( $classes ) {
	// Adds a class of custom-background-image to sites with a custom background image.
	if ( get_background_image() ) {
		$classes[] = 'custom-background-image';
	}

	// Adds a class of group-blog to sites with more than 1 published author.
	if ( is_multi_author() ) {
		$classes[] = 'group-blog';
	}

	// Adds a class of no-sidebar to sites without active sidebar.
	if ( ! is_active_sidebar( 'sidebar-1' ) ) {
		$classes[] = 'no-sidebar';
	}

	// Adds a class of hfeed to non-singular pages.
	if ( ! is_singular() ) {
		$classes[] = 'hfeed';
	}
    //if ( Kirki::get_option( 'smerk', 'box_mode' ) == 1 ) {
		///$classes[] = 'boxed';
	//}
	return $classes;
}
add_filter( 'body_class', 'smerk_body_classes' );

$defaults = array(
	'default-color'          => '',
	'default-image'          => '',
	'default-repeat'         => '',
	'default-position-x'     => '',
	'default-attachment'     => '',
	'wp-head-callback'       => '_custom_background_cb',
	'admin-head-callback'    => '',
	'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $defaults );

/**
 * Converts a HEX value to RGB.
 *
 * @since Smerk 1.0
 *
 * @param string $color The original color, in 3- or 6-digit hexadecimal form.
 * @return array Array containing RGB (red, green, and blue) values for the given
 *               HEX code, empty array otherwise.
 */
function smerk_hex2rgb( $color ) {
	$color = trim( $color, '#' );

	if ( strlen( $color ) === 3 ) {
		$r = hexdec( substr( $color, 0, 1 ).substr( $color, 0, 1 ) );
		$g = hexdec( substr( $color, 1, 1 ).substr( $color, 1, 1 ) );
		$b = hexdec( substr( $color, 2, 1 ).substr( $color, 2, 1 ) );
	} else if ( strlen( $color ) === 6 ) {
		$r = hexdec( substr( $color, 0, 2 ) );
		$g = hexdec( substr( $color, 2, 2 ) );
		$b = hexdec( substr( $color, 4, 2 ) );
	} else {
		return array();
	}

	return array( 'red' => $r, 'green' => $g, 'blue' => $b );
}

/**
 * Custom template tags for this theme.
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Customizer additions.
 */
//require_once get_template_directory() . '/core/core.php';
//require get_template_directory() . '/inc/customizer/customizer.php';
require get_template_directory() . '/inc/custom-header.php';
require get_template_directory() . '/inc/customizer.php';

/**
*Customizer Functions
*/ 
require get_template_directory() . '/inc/custom_customizer_settings/functions/customizer_site_function.php';
require get_template_directory() . '/inc/custom_customizer_settings/functions/customizer_header_function.php';
require get_template_directory() . '/inc/custom_customizer_settings/functions/customizer_navigation_function.php';
require get_template_directory() . '/inc/custom_customizer_settings/functions/customizer_footer_function.php';


/**
 * Add custom image sizes attribute to enhance responsive image functionality
 * for content images
 *
 * @since Smerk 1.0
 *
 * @param string $sizes A source size value for use in a 'sizes' attribute.
 * @param array  $size  Image size. Accepts an array of width and height
 *                      values in pixels (in that order).
 * @return string A source size value for use in a content image 'sizes' attribute.
 */
function smerk_content_image_sizes_attr( $sizes, $size ) {
	$width = $size[0];

	840 <= $width && $sizes = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px';

	if ( 'page' === get_post_type() ) {
		840 > $width && $sizes = '(max-width: ' . $width . 'px) 85vw, ' . $width . 'px';
	} else {
		840 > $width && 600 <= $width && $sizes = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px';
		600 > $width && $sizes = '(max-width: ' . $width . 'px) 85vw, ' . $width . 'px';
	}

	return $sizes;
}
add_filter( 'wp_calculate_image_sizes', 'smerk_content_image_sizes_attr', 10 , 2 );

/**
 * Add custom image sizes attribute to enhance responsive image functionality
 * for post thumbnails
 *
 * @since Smerk 1.0
 *
 * @param array $attr Attributes for the image markup.
 * @param int   $attachment Image attachment ID.
 * @param array $size Registered image size or flat array of height and width dimensions.
 * @return string A source size value for use in a post thumbnail 'sizes' attribute.
 */
function smerk_post_thumbnail_sizes_attr( $attr, $attachment, $size ) {
	if ( 'post-thumbnail' === $size ) {
		is_active_sidebar( 'sidebar-1' ) && $attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 60vw, (max-width: 1362px) 62vw, 840px';
		! is_active_sidebar( 'sidebar-1' ) && $attr['sizes'] = '(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 88vw, 1200px';
	}
	return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'smerk_post_thumbnail_sizes_attr', 10 , 3 );

/**
 * Modifies tag cloud widget arguments to have all tags in the widget same font size.
 *
 * @since Smerk 1.0
 *
 * @param array $args Arguments for tag cloud widget.
 * @return array A new modified arguments.
 */
function smerk_widget_tag_cloud_args( $args ) {
	$args['largest'] = 1;
	$args['smallest'] = 1;
	$args['unit'] = 'em';
	return $args;
}
add_filter( 'widget_tag_cloud_args', 'smerk_widget_tag_cloud_args' );

add_action( 'admin_bar_menu', 'smerk_toolbar_links', 100 );
function smerk_toolbar_links( $wp_admin_bar ) {
	$wp_admin_bar->add_node( array(
		'id'    => 'smerk',
		'title' => '<span class="ab-icon"></span> ' . Smerk_PARENT_THEME_NAME . ' (v' . Smerk_PARENT_THEME_VERSION . ') ',
		'href'  => '#',
		'meta'  => array( 'class' => 'smerk_menu' )
	) );
	$wp_admin_bar->add_node( array(
		'id'     => 'smerk_customize',
		'parent' => 'smerk',
		'title'  => __( 'Customize', 'smerk' ),
		'href'   => admin_url( 'customize.php' )
	) );
	$wp_admin_bar->add_node( array(
		'id'     => 'smerk_support',
		'parent' => 'smerk',
		'title'  => __( 'Need Support?', 'smerk' ),
		'href'   => 'http://themegenic.com/',
		'meta'   => array( 'target' => '_blank' )
	) );
	$wp_admin_bar->remove_node( 'customize' );
	echo '<style>';
	echo '.smerk_menu > a{background-color: #00000 !important; color: #FFFFF !important}';
	echo '.smerk_menu > a:hover{background-color: #0073aa !important; color: #ffffff !important}';
	echo '.smerk_menu > a > .ab-icon:before{content: "\f540"; top: 2px; color: #00000 !important}';
	echo '</style>';
}


