<?php
/**
 * Abstract Base widget class that can be used to create widgets
 *
 * @package FitNote
 * @category Widgets
 *
 * @since 1.0.0
 *
 * @extends WP_Widget
 */
abstract class FitNote_Widget_Base extends WP_Widget {

    /**
     * CSS class.
     *
     * @var string
     */
    public $widget_cssclass;

    /**
     * Widget description.
     *
     * @var string
     */
    public $widget_description;

    /**
     * Widget ID.
     *
     * @var string
     */
    public $widget_id;

    /**
     * Widget name.
     *
     * @var string
     */
    public $widget_name;

    /**
     * Settings.
     *
     * @var array
     */
    public $settings;

    /**
     * Attributes.
     *
     * @var array
     */
    public $attrs;

    /**
     * Constructor.
     */
    public function __construct() {

        $widget_ops = array(
            'classname'                   => $this->widget_cssclass,
            'description'                 => $this->widget_description,
            'customize_selective_refresh' => true,
        );

        $this->attrs = apply_filters(
            'fitnote_widget_base_attr_arr',
            array(
                'type'          => 'text',
                'class'         => '',
                'wrapper_class' => '',
                'label'         => '',
                'css'           => '',
                'std'           => '',
                'min'           => 1,
                'max'           => 10,
                'step'          => 1,
                'rows'          => 4,
                'placeholder'   => '',
                'options'       => '',
                'desc'          => '',
                'separator'     => false,
                'readonly'      => false,
                'args'          => array(),
            )
        );

        parent::__construct( $this->widget_id, $this->widget_name, $widget_ops );

        /* Load Required Styles and scripts */
        add_action( 'admin_enqueue_scripts', array( $this, 'fitnote_widget_scripts' ) );
    }

    /**
     * Output the html at the start of a widget.
     *
     * @param array $args
     * @param array $instance
     */
    public function widget_start( $args, $instance ) {
        echo $args['before_widget'];

        if ( $title = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base ) ) {
            echo $args['before_title'] . $title . $args['after_title'];
        }
    }

    /**
     * Output the html at the end of a widget.
     *
     * @param array $args
     */
    public function widget_end( $args ) {
        echo $args['after_widget'];
    }

    /**
     * Updates a particular instance of a widget.
     *
     * @see WP_Widget->update
     * @param array $new_instance
     * @param array $old_instance
     * @return array
     */
    public function update( $new_instance, $old_instance ) {
        $instance = $old_instance;
        if ( empty( $this->settings ) ) {
            return $instance;
        }

        // Loop settings and get values to save.
        foreach ( $this->settings as $key => $setting ) {
            if ( ! isset( $setting['type'] ) ) {
                continue;
            }

            switch ( $setting['type'] ) {
                case 'text':
                    $instance[ $key ] = sanitize_text_field( $new_instance[ $key ] );
                    break;
                case 'url':
                    $instance[ $key ] = esc_url_raw( $new_instance[ $key ] );
                    break;
                case 'email':
                    $instance[ $key ] = sanitize_email( $new_instance[ $key ] );
                    break;
                case 'number':
                    $instance[ $key ] = absint( $new_instance[ $key ] );
                    if ( isset( $setting['min'] ) && '' !== $setting['min'] ) {
                        $instance[ $key ] = max( $instance[ $key ], $setting['min'] );
                    }
                    if ( isset( $setting['max'] ) && '' !== $setting['max'] ) {
                        $instance[ $key ] = min( $instance[ $key ], $setting['max'] );
                    }
                    break;
                case 'checkbox':
                    $instance[ $key ] = empty( $new_instance[ $key ] ) ? 0 : 1;
                    break;
                case 'select':
                case 'radio':
                    $input            = $new_instance[ $key ];
                    $choices          = $setting['options'];
                    $instance[ $key ] = array_key_exists( $input, $choices ) ? $input : $setting['std'];
                    break;
                case 'textarea':
                    $instance[ $key ] = wp_kses( trim( wp_unslash( $new_instance[ $key ] ) ), wp_kses_allowed_html( 'post' ) );
                    break;
                case 'color':
                    $instance[ $key ] = sanitize_hex_color( $new_instance[ $key ] );
                    break;
                case 'image':
                    $instance[ $key ] = absint( $new_instance[ $key ] );
                    break;
                case 'dropdown-pages':
                    $page_id          = absint( $new_instance[ $key ] );
                    $instance[ $key ] = ( 'page' === get_post_type( $page_id ) && 'publish' === get_post_status( $page_id ) ) ? $page_id : $setting['std'];
                    break;
                case 'dropdown-taxonomies':
                    $instance[ $key ] = ( -1 === $new_instance[ $key ] ) ? -1 : absint( $new_instance[ $key ] );
                    break;
                case 'multi-select':
                    $output  = array();
                    $input   = $new_instance[ $key ];
                    $choices = $setting['options'];
                    foreach ( $input as $v ) {
                        if ( array_key_exists( $v, $choices ) ) {
                            $output[] = $v;
                        }
                    }
                    $instance[ $key ] = $output;
                    break;
                case 'multi-checkbox':
                    $output  = array();
                    $input   = $new_instance[ $key ];
                    $choices = $setting['options'];
                    foreach ( $input as $v ) {
                        if ( array_key_exists( $v, $choices ) ) {
                            $output[] = $v;
                        }
                    }
                    $instance[ $key ] = $output;
                    break;
                default:
                    $instance[ $key ] = sanitize_text_field( $new_instance[ $key ] );
                    break;
            }

            /**
             * Sanitize the value of a setting.
             */
            $instance[ $key ] = apply_filters( 'fitnote_widget_settings_sanitize', $instance[ $key ], $new_instance, $key, $setting );
        }

        return $instance;
    }

    /**
     * Output the Back-end widget form.
     *
     * @param array $instance Current settings.
     *
     * @return void
     */
    public function form( $instance ) {

        if ( empty( $this->settings ) ) {
            return;
        }

        foreach ( $this->settings as $key => $setting ) {
            $attr  = array_merge( $this->attrs, $setting );
            $value = isset( $instance[ $key ] ) ? $instance[ $key ] : $attr['std'];

            $desc = $separator = '';
            if ( $attr['desc'] ) {
                $desc = '<span style="clear:both;display:block;"><em>' . esc_html( $attr['desc'] ) . '</em></span>';
            }
            if ( $attr['separator'] ) {
                $separator = '<hr style="border:1px #CCC solid;"/>';
            }

            switch ( $setting['type'] ) {
                case 'text':
                case 'url':
                case 'email':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                            <span class="field-label">
                                <?php echo esc_html( $attr['label'] ); ?>
                            </span>
                            </label>
                            <input
                                    class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                    id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                    name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>"
                                    type="<?php echo esc_attr( $setting['type'] ); ?>"
                                    value="<?php echo esc_attr( $value ); ?>"
                                    style="<?php echo esc_attr( $attr['css'] ); ?>"
                                    placeholder="<?php echo esc_attr( $attr['placeholder'] ); ?>"
                                <?php echo ( true === $attr['readonly'] ) ? ' readonly ' : ''; ?>
                            />
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'number':
                    $value = $value ? absint( $value ) : absint( $attr['min'] );
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                            <span class="field-label">
                                <?php echo esc_html( $attr['label'] ); ?>
                            </span>
                            </label>
                            <input
                                    class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                    id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                    name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>"
                                    type="<?php echo esc_attr( $setting['type'] ); ?>"
                                    value="<?php echo esc_attr( $value ); ?>"
                                    min="<?php echo esc_attr( $attr['min'] ); ?>"
                                    max="<?php echo esc_attr( $attr['max'] ); ?>"
                                    step="<?php echo esc_attr( $attr['step'] ); ?>"
                                    style="<?php echo esc_attr( $attr['css'] ); ?>"
                                    placeholder="<?php echo esc_attr( $attr['placeholder'] ); ?>"
                                <?php echo ( true === $attr['readonly'] ) ? ' readonly ' : ''; ?>
                            />
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'textarea':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                            <span class="field-label">
                                <?php echo esc_html( $attr['label'] ); ?>
                            </span>
                            </label>
                            <textarea
                                    class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                    id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                    name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>"
                                    rows="<?php echo esc_attr( $attr['rows'] ); ?>"
                                    style="<?php echo esc_attr( $attr['css'] ); ?>"
                                    placeholder="<?php echo esc_attr( $attr['placeholder'] ); ?>"
                                <?php echo ( true === $attr['readonly'] ) ? ' readonly ' : ''; ?>
                            ><?php echo esc_textarea( $value ); ?></textarea>
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'checkbox':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                                <input
                                        class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                        id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                        name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>"
                                        type="checkbox"
                                        value="1"
                                    <?php checked( $value, 1 ); ?>
                                    <?php echo ( true === $attr['readonly'] ) ? ' readonly ' : ''; ?>
                                />
                                <span class="field-label">
                                    <?php echo esc_html( $attr['label'] ); ?>
                                </span>
                            </label>
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'radio':
                case 'select':
                    $multi_select = ( 'multi-select' === $attr['type'] );
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                            <span class="field-label">
                                <?php echo esc_html( $attr['label'] ); ?>
                            </span>
                            </label>
                            <select
                                    class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                    id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                    name="<?php echo esc_attr( $this->get_field_name( $key ) . ( $multi_select ? '[]' : '' ) ); ?>"
                                    style="<?php echo esc_attr( $attr['css'] ); ?>"
                                    <?php echo ( true === $multi_select ) ? ' multiple="multiple" ' : ''; ?>
                                <?php echo ( true === $attr['readonly'] ) ? ' disabled="disabled" ' : ''; ?>
                            >
                                <?php
                                if ( is_array( $attr['options'] ) ) {
                                    foreach ( $attr['options'] as $option_key => $option_value ) {
                                        if ( $multi_select ) {
                                            $selected = selected( true, in_array( $option_key, $value ), false );
                                        } else {
                                            $selected = selected( $value, $option_key, false );
                                        }
                                        ?>
                                        <option value="<?php echo esc_attr( $option_key ); ?>" <?php echo $selected; ?>>
                                            <?php echo esc_html( $option_value ); ?>
                                        </option>
                                        <?php
                                    }
                                }
                                ?>
                            </select>
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'color':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                                <span class="field-label"><?php echo esc_html( $attr['label'] ); ?></span>
                            </label><br/>
                            <input
                                    type="text"
                                    id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                    name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>"
                                    value="<?php echo esc_attr( $value ); ?>"
                                    class="color-picker <?php echo esc_attr( $attr['class'] ); ?>"
                                <?php echo ( isset( $attr['std'] ) ) ? ' data-default-color="' . esc_attr( $attr['std'] ) . '" ' : ''; ?>
                            />
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                    case 'multi-select':
                        if ( empty( $value ) ) {
                            $value = array();
                        }
                        ?>
                        <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                            <p>
                                <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                                    <span class="field-label">
                                        <?php echo esc_html( $attr['label'] ); ?>
                                    </span>
                                </label>
                                <?php if ( ! empty( $attr['options'] ) ) : ?>
                                    <select multiple
                                            id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>"
                                            name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>[]"
                                            class="widefat <?php echo esc_attr( $attr['class'] ); ?>"
                                            style="<?php echo esc_attr( $attr['css'] ); ?>"
                                        <?php echo ( true === $attr['readonly'] ) ? ' disabled ' : ''; ?>
                                        >
                                            <?php
                                            foreach ( $attr['options'] as $option_key => $label ) :
                                                $isSelected = in_array( $option_key, $value ) ? "selected='selected'" : '';
                                                ?>
                                                <option value="<?php echo esc_attr( $option_key ); ?>" <?php echo esc_html( $isSelected ); ?>><?php echo esc_html( $label ); ?></option>
                                            <?php endforeach; ?>
                                    </select>
                                <?php endif; ?>
                            </p>
                            <?php
                            echo wp_kses_post( $desc );
                            echo wp_kses_post( $separator );
                            ?>
                        </div>
                        <?php
                        break;

                    case 'multi-checkbox':
                        if ( empty( $value ) ) {
                            $value = array();
                        }
                        ?>
                        <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                            <span><?php echo esc_html( $attr['label'] ); ?></span>
                            <?php if ( ! empty( $attr['options'] ) ) : ?>
                                <ul>
                                    <?php
                                    $i = 1;
                                    foreach ( $attr['options'] as $option_key => $label ) {
                                        $id        = $this->get_field_id( $key ) . '-' . $i;
                                        $isChecked = in_array( $option_key, $value ) ? "checked='checked'" : '';
                                        ?>
                                        <li>
                                            <label for="<?php echo esc_attr( $id ); ?>">
                                                <input type="checkbox"
                                                       class="checkbox <?php echo esc_attr( $attr['class'] ); ?>"
                                                       id="<?php echo esc_attr( $id ); ?>"
                                                       name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>[]"
                                                       value="<?php echo esc_attr( $option_key ); ?>"
                                                        <?php echo esc_html( $isChecked ); ?>
                                                />
                                                <?php echo esc_html( $label ); ?>
                                            </label>
                                        </li>
                                        <?php
                                        $i++;
                                    }
                                    ?>
                                </ul>
                            <?php endif; ?>
                            <?php
                            echo wp_kses_post( $desc );
                            echo wp_kses_post( $separator );
                            ?>
                        </div>
                        <?php
                        break;

                case 'image':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <div class="<?php echo esc_attr( $attr['class'] ); ?>" style="<?php echo esc_attr( $attr['css'] ); ?>">
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                                <span class="field-label"><?php echo esc_html( $attr['label'] ); ?></span>
                            </label><br/>
                            <?php $remove_button_style = ( $value ) ? 'display:inline-block' : 'display:none;'; ?>
                            <div class="image-field">
                                <div class="image-preview">
                                    <?php
                                    if ( ! empty( $value ) ) {
                                        $image_attributes = wp_get_attachment_image_src( $value );
                                        if ( $image_attributes ) {
                                            ?>
                                            <img src="<?php echo esc_url( $image_attributes[0] ); ?>" />
                                            <?php
                                        }
                                    }
                                    ?>
                                </div>
                                <p>
                                    <input type="hidden" class="img" name="<?php echo esc_attr( $this->get_field_name( $key ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>" value="<?php echo esc_attr( $value ); ?>" />
                                    <button type="button" class="upload_image_button button" data-uploader-title-txt="<?php esc_attr_e( 'Use Image', 'fitnote' ); ?>" data-uploader-btn-txt="<?php esc_attr_e( 'Choose an Image', 'fitnote' ); ?>">
                                        <?php esc_html_e( 'Upload/Add image', 'fitnote' ); ?>
                                    </button>
                                    <button type="button" class="remove_image_button button" style="<?php echo esc_attr( $remove_button_style ); ?>"><?php esc_html_e( 'Remove image', 'fitnote' ); ?></button>
                                </p>
                            </div>
                        </div>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;

                case 'dropdown-taxonomies':
                    $args             = $attr['args'];
                    $args['selected'] = esc_attr( $value );
                    $args['name']     = esc_attr( $this->get_field_name( $key ) );
                    $args['id']       = esc_attr( $this->get_field_id( $key ) );
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                                <span class="field-label"><?php echo esc_html( $attr['label'] ); ?></span>
                            </label>
                            <?php wp_dropdown_categories( $args ); ?>
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;
                    
                case 'dropdown-pages':
                    ?>
                    <div class="<?php echo esc_attr( $attr['wrapper_class'] ); ?>">
                        <p>
                            <label for="<?php echo esc_attr( $this->get_field_id( $key ) ); ?>">
                            <span class="field-label">
                                <?php echo esc_html( $attr['label'] ); ?>
                            </span>
                            </label>
                            <?php
                            wp_dropdown_pages(
                                array(
                                    'class'              => 'widefat ' . esc_attr( $attr['class'] ),
                                    'show_option_none'   => ' ',
                                    'option_none_value'  => '',
                                    'selected'           => absint( $value ),
                                    'name'               => esc_attr( $this->get_field_name( $key ) ),
                                    'id'                 => esc_attr( $this->get_field_id( $key ) ),
                                    'sort_column'        => 'menu_order, post_title',
                                    'post_status'        => array( 'publish' ),
                                    'posts_per_page'     => -1,
                                    'depth'              => 1,
                                    'value_field'        => 'ID',
                                    'dropdown_wrapper'   => false,
                                    'show_add_new_page'  => false,
                                    'link_before'        => false,
                                    'link_after'         => false,
                                    'echo'               => true,
                                    'show_option_none'   => ' ',
                                    'option_none_value'  => '',
                                    'depth'              => 0,
                                    'show_options'       => true,
                                )
                            );
                            ?>
                        </p>
                        <?php
                        echo wp_kses_post( $desc );
                        echo wp_kses_post( $separator );
                        ?>
                    </div>
                    <?php
                    break;
            }
        }
    }

    /**
     * Enqueues necessary css and js files
     *
     * @param string $hook
     * @return void
     */
    public function fitnote_widget_scripts( $hook ) {
    	if ( 'widgets.php' === $hook ) {

    		$min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';

    		wp_enqueue_style( 'wp-color-picker' );
    		wp_enqueue_media();
    		wp_enqueue_style( 'fitnote_widgets_css', get_template_directory_uri() . '/inc/admin/widgets/assets/css/style.css' );
    		wp_enqueue_script( 'fitnote_widgets_js', get_template_directory_uri() . '/inc/admin/widgets/assets/js/script.js', array( 'jquery', 'wp-color-picker' ), FITNOTE_VERSION, true );
    	}
    }
}
