<?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     Redux_Field
 * @subpackage  Border
 * @version     3.0.0
 */
// Exit if accessed directly
if (!defined('ABSPATH')){
    exit;
}

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

        /**
         * Field Constructor.
         *
         * Required - must call the parent constructor, then assign field and value to vars, and obviously call the render field function
         *
         * @since ReduxFramework 1.0.0
         */
        function __construct($field = array(), $value = '', $parent) {

            $this->parent   = $parent;
            $this->field    = $field;
            $this->value    = $value;
        }  //function

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

            // No errors please
            $defaults = array(
                'top'       => true,
                'bottom'    => true,
                'all'       => true,
                'style'     => true,
                'color'     => true,
                'left'      => true,
                'right'     => true,
            );
            
            $this->field = wp_parse_args($this->field, $defaults);

            $defaults = array(
                'top'       => '',
                'right'     => '',
                'bottom'    => '',
                'left'      => '',
                'color'     => '',
                'style'     => '',
            );

            $this->value = wp_parse_args($this->value, $defaults);

            $value = array(
                'top'       => isset($this->value['border-top']) ? filter_var($this->value['border-top'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['top'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
                'right'     => isset($this->value['border-right']) ? filter_var($this->value['border-right'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['right'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
                'bottom'    => isset($this->value['border-bottom']) ? filter_var($this->value['border-bottom'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['bottom'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
                'left'      => isset($this->value['border-left']) ? filter_var($this->value['border-left'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : filter_var($this->value['left'], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION),
                'color'     => isset($this->value['border-color']) ? $this->value['border-color'] : $this->value['color'],
                'style'     => isset($this->value['border-style']) ? $this->value['border-style'] : $this->value['style']
            );

            if (( isset($this->value['width']) || isset($this->value['border-width']))) {
                if (isset($this->value['border-width']) && !empty($this->value['border-width'])) {
                    $this->value['width'] = $this->value['border-width'];
                }
                $value['top']       = $this->value['width'];
                $value['right']     = $this->value['width'];
                $value['bottom']    = $this->value['width'];
                $value['left']      = $this->value['width'];
            }

            $this->value = $value;

            $defaults = array(
                'top'       => '',
                'right'     => '',
                'bottom'    => '',
                'left'      => '',
            );

            $this->value = wp_parse_args($this->value, $defaults);

            echo '<input type="hidden" class="field-units" value="px">';

            if (isset($this->field['all']) && $this->field['all'] == true) {
                echo '<div class="field-border-input input-prepend"><span class="add-on"><i class="el-icon-fullscreen icon-large"></i></span><input type="text" class="redux-border-all redux-border-input mini' . $this->field['class'] . '" placeholder="' . __('All', 'redux-framework') . '" rel="' . $this->field['id'] . '-all" value="' . $this->value['top'] . '"></div>';
            }

            echo '<input type="hidden" class="redux-border-value" id="' . $this->field['id'] . '-top" name="' . $this->field['name'] . '[border-top]' . $this->field['name_suffix'] . '" value="' . ( $this->value['top'] ? $this->value['top'] . 'px' : 0 ) . '">';
            echo '<input type="hidden" class="redux-border-value" id="' . $this->field['id'] . '-right" name="' . $this->field['name'] . '[border-right]' . $this->field['name_suffix'] . '" value="' . ( $this->value['right'] ? $this->value['right'] . 'px' : 0 ) . '">';
            echo '<input type="hidden" class="redux-border-value" id="' . $this->field['id'] . '-bottom" name="' . $this->field['name'] . '[border-bottom]' . $this->field['name_suffix'] . '" value="' . ( $this->value['bottom'] ? $this->value['bottom'] . 'px' : 0 ) . '">';
            echo '<input type="hidden" class="redux-border-value" id="' . $this->field['id'] . '-left" name="' . $this->field['name'] . '[border-left]' . $this->field['name_suffix'] . '" value="' . ( $this->value['left'] ? $this->value['left'] . 'px' : 0 ) . '">';

            if (!isset($this->field['all']) || $this->field['all'] !== true) {
                /**
                  Top
                 * */
                if ($this->field['top'] === true){
                    echo '<div class="field-border-input input-prepend"><span class="add-on"><i class="el-icon-arrow-up icon-large"></i></span><input type="text" class="redux-border-top redux-border-input mini' . $this->field['class'] . '" placeholder="' . __('Top', 'redux-framework') . '" rel="' . $this->field['id'] . '-top" value="' . $this->value['top'] . '"></div>';
                }

                /**
                  Right
                 * */
                if ($this->field['right'] === true){
                    echo '<div class="field-border-input input-prepend"><span class="add-on"><i class="el-icon-arrow-right icon-large"></i></span><input type="text" class="redux-border-right redux-border-input mini' . $this->field['class'] . '" placeholder="' . __('Right', 'redux-framework') . '" rel="' . $this->field['id'] . '-right" value="' . $this->value['right'] . '"></div>';
                }

                /**
                  Bottom
                 * */
                if ($this->field['bottom'] === true){
                    echo '<div class="field-border-input input-prepend"><span class="add-on"><i class="el-icon-arrow-down icon-large"></i></span><input type="text" class="redux-border-bottom redux-border-input mini' . $this->field['class'] . '" placeholder="' . __('Bottom', 'redux-framework') . '" rel="' . $this->field['id'] . '-bottom" value="' . $this->value['bottom'] . '"></div>';
                }

                /**
                  Left
                 * */
                if ($this->field['left'] === true){
                    echo '<div class="field-border-input input-prepend"><span class="add-on"><i class="el-icon-arrow-left icon-large"></i></span><input type="text" class="redux-border-left redux-border-input mini' . $this->field['class'] . '" placeholder="' . __('Left', 'redux-framework') . '" rel="' . $this->field['id'] . '-left" value="' . $this->value['left'] . '"></div>';
                }
            }

            /**
              Border-style
             * */
            if ($this->field['style'] != false){
                $options = array(
                    'solid'     => 'Solid',
                    'dashed'    => 'Dashed',
                    'dotted'    => 'Dotted',
                    'none'      => 'None'
                );
                echo '<select original-title="' . __('Border style', 'redux-framework') . '" id="' . $this->field['id'] . '[border-style]" name="' . $this->parent->args['opt_name'] . '[' . $this->field['id'] . '][border-style]' . $this->field['name_suffix'] . '" class="tips redux-border-style' . $this->field['class'] . '" rows="6" data-id="' . $this->field['id'] . '">';
                foreach ($options as $k => $v) {
                    echo '<option value="' . $k . '"' . selected($value['style'], $k, false) . '>' . $v . '</option>';
                }
                echo '</select>';
            } else {
                echo '<input type="hidden" id="' . $this->field['id'] . '[border-style]" name="' . $this->parent->args['opt_name'] . '[' . $this->field['id'] . '][border-style]' . '" value="' . $this->value['style'] . '" data-id="'. $this->field['id'] . '">';
            }

            /**
              Color
             * */
            if ($this->field['color'] != false) {
                $default = isset($this->field['default']['border-color']) ? $this->field['default']['border-color'] : '';


                if (empty($default)) {
                    $default = (isset($this->field['default']['color']) ) ? $this->field['default']['color'] : '#ffffff';
                }

                echo '<input name="' . $this->parent->args['opt_name'] . '[' . $this->field['id'] . '][border-color]' . $this->field['name_suffix'] . '" id="' . $this->field['id'] . '-border" class="redux-border-color redux-color redux-color-init ' . $this->field['class'] . '"  type="text" value="' . $this->value['color'] . '"  data-default-color="' . $default . '" data-id="' . $this->field['id'] . '" />';
            } else {
                echo '<input type="hidden" id="' . $this->field['id'] . '[border-color]" name="' . $this->parent->args['opt_name'] . '[' . $this->field['id'] . '][border-color]' . '" value="' . $this->value['style'] . '" data-id="'. $this->field['id'] . '">';
            }
        }

    //function

        /**
         * Enqueue Function.
         *
         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
         *
         * @since ReduxFramework 1.0.0
         */
        function enqueue() {
            $min = Redux_Functions::isMin();
            
            wp_enqueue_script(
                'redux-field-color-js',
                ReduxFramework::$_url . 'assets/js/color-picker/color-picker' . $min . '.js',
                array('jquery', 'wp-color-picker'),
                time(),
                true
            );            
            
            wp_enqueue_script(
                'redux-field-border-js', 
                ReduxFramework::$_url . 'inc/fields/border/field_border' . $min . '.js', 
                array('jquery', 'select2-js'), 
                time(), 
                true
            );

            wp_enqueue_style(
                'redux-field-border-css', 
                ReduxFramework::$_url . 'inc/fields/border/field_border.css', 
                time(), 
                true
            );
        }  //function

        public function output() {
            if ( isset($this->field['all']) &&  true == $this->field['all']) {
                $borderWidth = isset($this->value['border-width']) ? $this->value['border-width'] : '0px';
                $val = isset($this->value['border-top']) ? $this->value['border-top'] : $borderWidth;
                
                $this->value['border-top'] = $val;
                $this->value['border-bottom'] = $val;
                $this->value['border-left'] = $val;
                $this->value['border-right'] = $val;
            } 

            $cleanValue = array(
                'color'     => !empty($this->value['border-color']) ? $this->value['border-color'] : 'inherit',
                'style'     => !empty($this->value['border-style']) ? $this->value['border-style'] : 'inherit'
            );

            $borderWidth = '0px';
            if (isset($this->value['border-width'])) {
                $borderWidth = $this->value['border-width'];
            }
            
            $this->field['top'] = isset($this->field['top']) ? $this->field['top'] : true;
            $this->field['bottom'] = isset($this->field['bottom']) ? $this->field['bottom'] : true;
            $this->field['left'] = isset($this->field['left']) ? $this->field['left'] : true;
            $this->field['right'] = isset($this->field['right']) ? $this->field['right'] : true;
            
            if ( $this->field['top'] === true ){
                $cleanValue['top'] = !empty($this->value['border-top']) ? $this->value['border-top'] : $borderWidth;
            }

            if ( $this->field['bottom'] == true ){
                $cleanValue['bottom'] = !empty($this->value['border-bottom']) ? $this->value['border-bottom'] : $borderWidth;
            }
            
            if ( $this->field['left'] === true ){
                $cleanValue['left'] = !empty($this->value['border-left']) ? $this->value['border-left'] : $borderWidth;
            }
            
            if (  $this->field['right'] === true ){
                $cleanValue['right'] = !empty($this->value['border-right']) ? $this->value['border-right'] : $borderWidth;
            }
            
            $style = "";

            //absolute, padding, margin
            if (!isset($this->field['all']) || $this->field['all'] != true) {
                foreach ($cleanValue as $key => $value) {
                    if ($key == "color" || $key == "style") {
                        continue;
                    }
                    $style .= 'border-' . $key . ':' . $value . ' ' . $cleanValue['style'] . ' ' . $cleanValue['color'] . ';';
                }
            } else {
                $style .= 'border:' . $cleanValue['top'] . ' ' . $cleanValue['style'] . ' ' . $cleanValue['color'] . ';';
            }

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

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