<?php
/**
* Class for Radio Button Control.
*
* @since  1.0.23
* @access public
* @version 1.1.7
*/
class LoginPress_Radio_Control extends WP_Customize_Control {

	/**
	* The type of customize control being rendered.
	*
	* @since  1.0.23
	* @access public
	* @var    string
	*/
	public $type = 'ios';

	/**
	* The loader of customize control being rendered.
	*
	* @since  1.1.7
	* @access public
	* @var    bolean
	*/
	public $loader = false;

	/**
	 * Enqueue scripts/styles.
	 *
	 * @since 1.0.23
   * @access public
   * @return void
	 */
	public function enqueue() {

		wp_enqueue_script( 'loginpress-radio-control-js', LOGINPRESS_DIR_URL . 'js/controls/loginpress-radio-button-control.js', array( 'jquery' ), LOGINPRESS_VERSION, true );
		wp_enqueue_style( 'loginpress-radio-control-css', LOGINPRESS_DIR_URL . 'css/controls/loginpress-radio-button-control.css', array(), LOGINPRESS_VERSION );

		$css = '
			.disabled-control-title {
				color: #a0a5aa;
			}
			input[type=checkbox].loginpress-radio-light:checked + .loginpress-radio-btn {
				background: #0085ba;
			}
			input[type=checkbox].loginpress-radio-light + .loginpress-radio-btn {
			  background: #a0a5aa;
			}
			input[type=checkbox].loginpress-radio-light + .loginpress-radio-btn:after {
			  background: #f7f7f7;
			}

			input[type=checkbox].loginpress-radio-ios:checked + .loginpress-radio-btn {
			  background: #0085ba;
			}

			input[type=checkbox].loginpress-radio-flat:checked + .loginpress-radio-btn {
			  border: 4px solid #0085ba;
			}
			input[type=checkbox].loginpress-radio-flat:checked + .loginpress-radio-btn:after {
			  background: #0085ba;
			}
			';
		wp_add_inline_style( 'loginpress-radio-control-css' , $css );
	}

	/**
  * Displays the control content.
  *
  * @since  1.0.23
  * @access public
  * @return void
  * @version 1.1.7
  */
	public function render_content() {
		?>
		<label>
			<div style="display:flex;flex-direction: row;justify-content: flex-start;">
				<span class="customize-control-title" style="flex: 2 0 0; vertical-align: middle;"><?php echo esc_html( $this->label ); ?></span>
				<?php if ( true == $this->loader ) : ?><span class="customize-radio-control-loader"><img src="<?php echo admin_url( 'images/loading.gif' ); ?>" alt="loader"></span><?php endif; ?>
				<input id="cb<?php echo $this->instance_number ?>" type="checkbox" class="loginpress-radio loginpress-radio-<?php echo $this->type?>" value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); checked( $this->value() ); ?> />
				<label for="cb<?php echo $this->instance_number ?>" class="loginpress-radio-btn"></label>
			</div>
			<?php if ( ! empty( $this->description ) ) : ?>
			<span class="description customize-control-description"><?php echo $this->description; ?></span>
			<?php endif; ?>
		</label>
		<?php
	}
}