<?php

/**
 * Redux Framework is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * any later version.
 *
 * Redux Framework is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Redux Framework. If not, see <http://www.gnu.org/licenses/>.
 *
 * @package     ReduxFramework
 * @subpackage  Field_Images
 * @author      Daniel J Griffiths (Ghost1227)
 * @author      Dovy Paukstys
 * @version     3.0.0
 */

// Exit if accessed directly
if (!defined('ABSPATH')) {
    exit;
}

// Don't duplicate me!
if (!class_exists('ReduxFramework_image_select')) {

    /**
     * Main ReduxFramework_image_select class
     *
     * @since       1.0.0
     */
    class ReduxFramework_image_select {

        /**
         * Field Constructor.
         *
         * Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
         *
         * @since       1.0.0
         * @access      public
         * @return      void
         */
        function __construct($field = array(), $value = '', $parent) {
            $this->parent   = $parent;
            $this->field    = $field;
            $this->value    = $value;
        }

        /**
         * Field Render Function.
         *
         * Takes the vars and outputs the HTML for the field in the settings
         *
         * @since       1.0.0
         * @access      public
         * @return      void
         */
        public function render() {

            if (!empty($this->field['options'])) {
                echo '<div class="redux-table-container">';
                echo '<ul class="redux-image-select">';

                $x = 1;

                foreach ($this->field['options'] as $k => $v) {

                    if (!is_array($v)) {
                        $v = array('img' => $v);
                    }

                    if (!isset($v['title'])) {
                        $v['title'] = '';
                    }

                    if (!isset($v['alt'])) {
                        $v['alt'] = $v['title'];
                    }

                    $style = '';

                    if (!empty($this->field['width'])) {
                        $style .= 'width: ' . $this->field['width'];

                        if (is_numeric($this->field['width'])) {
                            $style .= 'px';
                        }

                        $style .= ';';
                    } else {
                        $style .= " width: 100%; ";
                    }

                    if (!empty($this->field['height'])) {
                        $style .= 'height: ' . $this->field['height'];

                        if (is_numeric($this->field['height'])) {
                            $style .= 'px';
                        }

                        $style .= ';';
                    }

                    $theValue = $k;
                    if (!empty($this->field['tiles']) && $this->field['tiles'] == true) {
                        $theValue = $v['img'];
                    }

                    $selected = ( checked($this->value, $theValue, false) != '' ) ? ' redux-image-select-selected' : '';

                    $presets = '';
                    $is_preset = false;

                    $this->field['class'] .= ' noUpdate ';
                    if (isset($this->field['presets']) && $this->field['presets'] !== false) {
                        if (!isset($v['presets'])) {
                            $v['presets'] = array();
                        }

                        if (!is_array($v['presets'])) {
                            $v['presets'] = json_decode($v['presets'], true);
                        }

                        // Only highlight the preset if it's the same
                        if ($selected) {
                            if (empty($v['presets'])) {
                                $selected = false;
                            } else {
                                foreach ($v['presets'] as $pk => $pv) {
                                    if (empty($pv) && isset($this->parent->options[$pk]) && !empty($this->parent->options[$pk])) {
                                        $selected = false;
                                    } else if (!empty($pv) && !isset($this->parent->options[$pk])) {
                                        $selected = false;
                                    } else if (isset($this->parent->options[$pk]) && $this->parent->options[$pk] != $pv) {
                                        $selected = false;
                                    }

                                    if (!$selected) { // We're still not using the same preset. Let's unset that shall we?
                                        $this->value = "";
                                        break;
                                    }
                                }
                            }
                        }

                        $v['presets']['redux-backup'] = 1;

                        $presets    = ' data-presets="' . htmlspecialchars(json_encode($v['presets']), ENT_QUOTES, 'UTF-8') . '"';
                        $is_preset  = true;

                        $this->field['class'] .= 'redux-presets';
                    }

                    $is_preset_class = $is_preset ? '-preset-' : '';

                    echo '<li class="redux-image-select">';
                    echo '<label class="' . $selected . ' redux-image-select' . $is_preset_class . $this->field['id'] . '_' . $x . '" for="' . $this->field['id'] . '_' . (array_search($k, array_keys($this->field['options'])) + 1) . '">';

                    echo '<input type="radio" class="' . $this->field['class'] . '" id="' . $this->field['id'] . '_' . (array_search($k, array_keys($this->field['options'])) + 1) . '" name="' . $this->field['name'] . $this->field['name_suffix'] . '" value="' . $theValue . '" ' . checked($this->value, $theValue, false) . $presets . '/>';
                    if (!empty($this->field['tiles']) && $this->field['tiles'] == true) {
                        echo '<span class="tiles" style="background-image: url(' . $v['img'] . ');" rel="' . $v['img'] . '"">&nbsp;</span>';
                    } else {
                        echo '<img src="' . $v['img'] . '" alt="' . $v['alt'] . '" style="' . $style . '"' . $presets . ' />';
                    }

                    if ($v['title'] != '')
                        echo '<br /><span>' . $v['title'] . '</span>';

                    echo '</label>';
                    echo '</li>';

                    $x++;
                }

                echo '</ul>';
                echo '</div>';
            }
        }

        /**
         * Enqueue Function.
         *
         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
         *
         * @since       1.0.0
         * @access      public
         * @return      void
         */
        public function enqueue() {

            wp_enqueue_script(
                'redux-field-image-select-js',
                ReduxFramework::$_url . 'inc/fields/image_select/field_image_select' . Redux_Functions::isMin() . '.js',
                array('jquery'),
                time(),
                true
            );

            wp_enqueue_style(
                'redux-field-image-select-css',
                ReduxFramework::$_url . 'inc/fields/image_select/field_image_select.css',
                time(),
                true
            );
        }

        public function getCSS($mode = '') {
            $css = '';
            $value = $this->value;

            if (!empty($value)) {
                switch ($mode) {
                    case 'background-image':
                        $output = "background-image: url('" . $value . "');";
                        break;

                    default:
                        $output = $mode . ": " . $value . ";";
                }
            }

            $css .= $output;

            return $css;
        }

        public function output() {
            $mode = ( isset($this->field['mode']) && !empty($this->field['mode']) ? $this->field['mode'] : 'background-image' );

            if ((!isset($this->field['output']) || !is_array($this->field['output']) ) && (!isset($this->field['compiler']) )) {
                return;
            }

            $style = $this->getCSS($mode);

            if (!empty($style)) {

                if (!empty($this->field['output']) && is_array($this->field['output'])) {
                    $keys = implode(",", $this->field['output']);
                    $style = $keys . "{" . $style . '}';
                    $this->parent->outputCSS .= $style;
                }

                if (!empty($this->field['compiler']) && is_array($this->field['compiler'])) {
                    $keys = implode(",", $this->field['compiler']);
                    $style = $keys . "{" . $style . '}';
                    $this->parent->compilerCSS .= $style;
                }
            }
        }
    }
}