<?php
/**
 * New meta fields template.
 *
 * @package Fusion-Slider
 * @subpackage Templates
 * @since 1.0.0
 */

?>
<div class="form-field fusion-double-fields">
	<label for="term_meta[slider_width]"><?php esc_attr_e( 'Slider Size', 'fusion-core' ); ?></label>
	<p class="description"><?php esc_attr_e( 'Enter a pixel value for width and height, ex: 1000px', 'fusion-core' ); ?></p>

	<div class="fusion-field">
		<input type="text" name="term_meta[slider_width]" id="term_meta[slider_width]" value="100%">
		<label for="term_meta[slider_width]"><?php esc_attr_e( 'Width', 'fusion-core' ); ?></label>
	</div>
	<div class="fusion-field">
		<input type="text" name="term_meta[slider_height]" id="term_meta[slider_height]" value="400px">
		<label for="term_meta[slider_height]"><?php esc_attr_e( 'Height', 'fusion-core' ); ?></label>
	</div>
</div>
<div class="form-field">
	<label for="term_meta[slider_content_width]"><?php esc_attr_e( 'Slider Content Max Width', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[slider_content_width]" id="term_meta[slider_content_width]" value="">
	<p class="description"><?php esc_attr_e( 'Controls the width of content, In pixels, ex: 850px. Leave blank for site width.', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[full_screen]"><?php esc_attr_e( 'Full Screen Slider', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[full_screen]" id="term_meta[full_screen]" value="0">
	<input type="checkbox" name="term_meta[full_screen]" id="term_meta[full_screen]" value="1">
	<p class="description"><?php esc_attr_e( 'Check this option if you want full width and height of the screen.', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[scroll_down_indicator]"><?php esc_attr_e( 'Scroll Down Indicator', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[scroll_down_indicator]" id="term_meta[scroll_down_indicator]" value="0">
	<input type="checkbox" name="term_meta[scroll_down_indicator]" id="scroll_down_indicator" value="1">
	<p class="description"><?php esc_attr_e( 'Check this option to display a scroll down indicator icon at the bottom of the slider.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[scroll_down_indicator_color]"><?php esc_attr_e( 'Scroll Down Indicator Color', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[scroll_down_indicator_color]" id="scroll_down_indicator_color" value="">
	<?php $default = sprintf( esc_html__( 'Default: %s', 'fusion-core' ), '#fff' ); ?>
	<p class="description"><?php printf( esc_html__( 'Select a color for the scroll down indicator icon. Hex color code, ex: #fff. %s', 'fusion-core' ), '<strong>' . esc_attr( $default ) . '</strong>' ); ?></p>
</div>


<div class="form-field form-field-checkbox">
	<label for="term_meta[parallax]"><?php esc_attr_e( 'Parallax Scrolling Effect', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[parallax]" id="term_meta[parallax]" value="0">
	<input type="checkbox" name="term_meta[parallax]" id="term_meta[parallax]" value="1">
	<p class="description"><?php esc_attr_e( 'Check this box to have a parallax scrolling effect, this ONLY works when assigning the slider in page options. It does not work when using a slider shortcode. With this option enabled, the slider height you input will not be exact due to negative margin which is based off the overall header size. ex: 500px will show as 415px. Please adjust accordingly.', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[nav_arrows]"><?php esc_attr_e( 'Display Navigation Arrows', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[nav_arrows]" id="term_meta[nav_arrows]" value="0">
	<input type="checkbox" name="term_meta[nav_arrows]" id="term_meta[nav_arrows]" value="1" checked="checked">
	<p class="description"><?php esc_attr_e( 'Check this box to display the navigation arrows.', 'fusion-core' ); ?></p>
</div>
<div class="form-field fusion-double-fields">
	<label for="term_meta[nav_box_width]"><?php esc_attr_e( 'Navigation Box Size', 'fusion-core' ); ?></label>
	<p class="description"><?php esc_attr_e( 'Enter a pixel value for width and height, ex: 40px', 'fusion-core' ); ?></p>
	<div class="fusion-field">
		<input type="text" name="term_meta[nav_box_width]" id="term_meta[nav_box_width]" value="63px">
		<label for="term_meta[nav_box_width]"><?php esc_attr_e( 'Width', 'fusion-core' ); ?></label>
	</div>
	<div class="fusion-field">
		<input type="text" name="term_meta[nav_box_height]" id="term_meta[nav_box_height]" value="63px">
		<label for="term_meta[nav_box_height]"><?php esc_attr_e( 'Height', 'fusion-core' ); ?></label>
	</div>
</div>
<div class="form-field">
	<label for="term_meta[nav_arrow_size]"><?php esc_attr_e( 'Navigation Arrow Size', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[nav_arrow_size]" id="term_meta[nav_arrow_size]" value="25px">
	<p class="description"><?php esc_attr_e( 'Enter a pixel value for the arrow size, ex: 14px', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[pagination_circles]"><?php esc_attr_e( 'Display Pagination Circles', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[pagination_circles]" id="term_meta[pagination_circles]" value="0">
	<input type="checkbox" name="term_meta[pagination_circles]" id="term_meta[pagination_circles]" value="1">
	<p class="description"><?php esc_attr_e( 'Check this box to display the pagination circles.', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[autoplay]"><?php esc_attr_e( 'Autoplay', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[autoplay]" id="term_meta[autoplay]" value="0">
	<input type="checkbox" name="term_meta[autoplay]" id="term_meta[autoplay]" value="1" checked="checked">
	<p class="description"><?php esc_attr_e( 'Check this box to autoplay the slides.', 'fusion-core' ); ?></p>
</div>
<div class="form-field form-field-checkbox">
	<label for="term_meta[loop]"><?php esc_attr_e( 'Slide Loop', 'fusion-core' ); ?></label>
	<input type="hidden" name="term_meta[loop]" id="term_meta[loop]" value="0">
	<input type="checkbox" name="term_meta[loop]" id="term_meta[loop]" value="1">
	<p class="description"><?php esc_attr_e( 'Check this box to have the slider loop infinitely.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
  <label for="term_meta[orderby]"><?php esc_attr_e( 'Order By', 'fusion-core' ); ?></label>
  <select name="term_meta[orderby]" id="term_meta[orderby]">
		<option value="date"><?php esc_attr_e( 'Date', 'fusion-core' ); ?></option>
		<option value="ID"><?php esc_attr_e( 'ID', 'fusion-core' ); ?></option>
		<option value="title"><?php esc_attr_e( 'Title', 'fusion-core' ); ?></option>
		<option value="modified"><?php esc_attr_e( 'Modified', 'fusion-core' ); ?></option>
		<option value="rand"><?php esc_attr_e( 'Random', 'fusion-core' ); ?></option>
  </select>
  <p class="description"><?php esc_attr_e( 'Defines how the slides should be ordered.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
  <label for="term_meta[order]"><?php esc_attr_e( 'Order', 'fusion-core' ); ?></label>
  <select name="term_meta[order]" id="term_meta[order]">
		<option value="DESC"><?php esc_attr_e( 'Descending', 'fusion-core' ); ?></option>
		<option value="ASC"><?php esc_attr_e( 'Ascending', 'fusion-core' ); ?></option>
  </select>
  <p class="description"><?php esc_attr_e( 'Defines the sorting order of the slides.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[animation]"><?php esc_attr_e( 'Animation', 'fusion-core' ); ?></label>
	<select name="term_meta[animation]" id="term_meta[animation]">
		<option value="fade">Fade</option>
		<option value="slide">Slide</option>
	</select>
	<p class="description"><?php esc_attr_e( 'The type of animation when slides rotate.<br/>Please Note: Fade effect does not work in IE.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[slideshow_speed]"><?php esc_attr_e( 'Slideshow Speed', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[slideshow_speed]" id="term_meta[slideshow_speed]" value="7000">
	<p class="description"><?php esc_attr_e( 'Controls the speed of the slideshow. 1000 = 1 second.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[animation_speed]"><?php esc_attr_e( 'Animation Speed', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[animation_speed]" id="term_meta[animation_speed]" value="600">
	<p class="description"><?php esc_attr_e( 'Controls the speed of the slide transition from slide to slide. 1000 = 1 second.', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[typo_sensitivity]"><?php esc_attr_e( 'Responsive Typography Sensitivity', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[typo_sensitivity]" id="term_meta[typo_sensitivity]" value="1">
	<p class="description"><?php esc_attr_e( 'Values below 1 decrease resizing, values above 1 increase sizing. ex: .6', 'fusion-core' ); ?></p>
</div>
<div class="form-field">
	<label for="term_meta[typo_factor]"><?php esc_attr_e( 'Minimum Font Size Factor', 'fusion-core' ); ?></label>
	<input type="text" name="term_meta[typo_factor]" id="term_meta[typo_factor]" value="1.5">
	<p class="description"><?php esc_attr_e( 'Minimum font factor is used to determine minimum distance between headings and body type by a multiplying value. ex: 1.5', 'fusion-core' ); ?></p>
</div>
