<?php
/**
 * Padding option view
 *
 * @package wp-viral-click
 * @author InstaProduct
 * @link http://insta-product.com/
 */

$setting = $this->setting;
$dspPadding = '';
if ( isset( $this->hidePadding )) {
	$dspPadding = ' style="display:none"';
}
?>

<?php
/*
 * Padding
 */
?>
<!-- start: .ipjck-field-row -->
<div id="ipjck-field-padding" class="ipjck-field-row ipjck-field-x"<?php echo $dspPadding; ?>>
	<div class="ipjck-form-label col-lg-3 col-md-4 col-sm-12">
		<label for="input-box-padding"><?php _e( 'Padding', IPJCK_SLUG ); ?></label>
	</div>

	<!-- start: .ipjck-field -->
	<div class="ipjck-field col-lg-9 col-md-8 col-sm-12">

		<?php
		$padding = absint( $setting->getSetting( 'box_padding', '15' ) );
		?>
		<div class="ipjck-input-group mr5">
			<input type="text" id="input-box-padding" class="ipjck-input ipjck-input-xxs" name="box_padding" value="<?php echo $padding; ?>">
			<div class="ipjck-input-addon">px</div>
		</div>

		<div class="ipjck-help">
			<a class="ipjck-btn-help ipjck-btn ipjck-btn-default" href="#"><i class="ipjck-fa ipjck-fa-question"></i></a>
			<div class="ipjck-help-content ipjck-hide">
				<?php _e( 'Set padding for the box widget.', IPJCK_SLUG ); ?>
			</div>
		</div>
	</div>
	<!-- end: .ipjck-field -->
</div>
<!-- end: .ipjck-field-row -->