<?php

if( ! class_exists('acf_field_range') ) :

class acf_field_range extends acf_field_number {
	
	
	/*
	*  initialize
	*
	*  This function will setup the field type data
	*
	*  @type	function
	*  @date	5/03/2014
	*  @since	5.0.0
	*
	*  @param	n/a
	*  @return	n/a
	*/
	
	function initialize() {
		
		// vars
		$this->name = 'range';
		$this->label = __("Range",'acf');
		$this->defaults = array(
			'default_value'	=> '',
			'min'			=> '',
			'max'			=> '',
			'step'			=> '',
			'prepend'		=> '',
			'append'		=> ''
		);
		
	}
		
	
	/*
	*  render_field()
	*
	*  Create the HTML interface for your field
	*
	*  @param	$field - an array holding all the field's data
	*
	*  @type	action
	*  @since	3.6
	*  @date	23/01/13
	*/
	
	function render_field( $field ) {
		
		// vars
		$atts = array();
		$keys = array( 'type', 'id', 'class', 'name', 'value', 'min', 'max', 'step' );
		$keys2 = array( 'readonly', 'disabled', 'required' );
		$html = '';
		
		
		// step
		if( !$field['step'] ) $field['step'] = 1;
		
		
		// min / max
		if( !$field['min'] ) $field['min'] = 0;
		if( !$field['max'] ) $field['max'] = 100;
		
		
		// value
		if( !is_numeric($field['value']) ) {
			$field['value'] = 0;
		}
		
		
		// atts (value="123")
		foreach( $keys as $k ) {
			if( isset($field[ $k ]) ) $atts[ $k ] = $field[ $k ];
		}
		
		
		// atts2 (disabled="disabled")
		foreach( $keys2 as $k ) {
			if( !empty($field[ $k ]) ) $atts[ $k ] = $k;
		}
		
		
		// remove empty atts
		$atts = acf_clean_atts( $atts );
		
		
		// open
		$html .= '<div class="acf-range-wrap">';
			
			
			// prepend
			if( $field['prepend'] !== '' ) {
				$html .= '<div class="acf-prepend">' . acf_esc_html($field['prepend']) . '</div>';
			}
			
			
			// range
			$html .= acf_get_text_input( $atts );
			
			
			// input
			$len = strlen( (string) $field['max'] );
			$html .= acf_get_text_input(array(
				'type'	=> 'number', 
				'id'	=> $atts['id'] . '-alt', 
				'value'	=> $atts['value'],
				'step'	=> $atts['step'],
				'style'	=> 'width: ' . (1.8 + $len*0.7) . 'em;'
			));
			
			
			// append
			if( $field['append'] !== '' ) {
				$html .= '<div class="acf-append">' . acf_esc_html($field['append']) . '</div>';
			}
		
		
		// close
		$html .= '</div>';
		
		
		// return
		echo $html;
		
	}
	
	
	/*
	*  render_field_settings()
	*
	*  Create extra options for your field. This is rendered when editing a field.
	*  The value of $field['name'] can be used (like bellow) to save extra data to the $field
	*
	*  @type	action
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$field	- an array holding all the field's data
	*/
	
	function render_field_settings( $field ) {
		
		// default_value
		acf_render_field_setting( $field, array(
			'label'			=> __('Default Value','acf'),
			'instructions'	=> __('Appears when creating a new post','acf'),
			'type'			=> 'number',
			'name'			=> 'default_value',
		));
		
		
		// min
		acf_render_field_setting( $field, array(
			'label'			=> __('Minimum Value','acf'),
			'instructions'	=> '',
			'type'			=> 'number',
			'name'			=> 'min',
			'placeholder'	=> '0'
		));
		
		
		// max
		acf_render_field_setting( $field, array(
			'label'			=> __('Maximum Value','acf'),
			'instructions'	=> '',
			'type'			=> 'number',
			'name'			=> 'max',
			'placeholder'	=> '100'
		));
		
		
		// step
		acf_render_field_setting( $field, array(
			'label'			=> __('Step Size','acf'),
			'instructions'	=> '',
			'type'			=> 'number',
			'name'			=> 'step',
			'placeholder'	=> '1'
		));
		
		
		// prepend
		acf_render_field_setting( $field, array(
			'label'			=> __('Prepend','acf'),
			'instructions'	=> __('Appears before the input','acf'),
			'type'			=> 'text',
			'name'			=> 'prepend',
		));
		
		
		// append
		acf_render_field_setting( $field, array(
			'label'			=> __('Append','acf'),
			'instructions'	=> __('Appears after the input','acf'),
			'type'			=> 'text',
			'name'			=> 'append',
		));
		
	}
	
	
}


// initialize
acf_register_field_type( 'acf_field_range' );

endif; // class_exists check

?>