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

$setting = $this->setting;
?>

<?php
/*
 * Hide in Small Screen
 */
?>
<!-- start: .ipjck-field-row -->
<div class="ipjck-field-row ipjck-field-x">
  <div class="ipjck-form-label col-lg-3 col-md-4 col-sm-12">
    <label for="input-hide-on-mobile"><?php _e( 'Hide on Small Screen', IPJCK_SLUG ); ?></label>
  </div>

  <!-- start: .ipjck-field -->
  <div class="ipjck-field col-lg-9 col-md-8 col-sm-12">
    <div class="ipjck-onoff">
        <?php
        $val  = $this->setting->getSetting( 'hide_on_mobile', 'false' );
        if ( $val == 'false' ) {
            $clon  = '';
            $cloff = ' active';
        } else {
            $clon  = ' active';
            $cloff = '';
        }
        ?>
        <div class="ipjck-btn-group">
          <button data-value="true" class="ipjck-btn-onoff<?php echo $clon; ?> ipjck-btn-on" type="button"><?php _e( 'On', IPJCK_SLUG ); ?></button>
          <button data-value="false" class="ipjck-btn-onoff<?php echo $cloff; ?> ipjck-btn-off" type="button"><?php _e( 'Off', IPJCK_SLUG ); ?></button>
        </div>
        <input type="hidden" class="ipjck-onoff-value" name="hide_on_mobile" value="<?php echo $val; ?>" />
    </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( 'Determine whether to hide a widget on the small screen size.', IPJCK_SLUG ); ?>
      </div>
    </div>
  </div>
  <!-- end: .ipjck-field -->
</div>
<!-- end: .ipjck-field-row -->