<?php
if ( !defined('ABSPATH')) exit;

/*---------------------------------------------------
Add Theme Settings Page
----------------------------------------------------*/

if ( ! function_exists( 'egemenerd_add_settings_page' ) ) {
    function egemenerd_add_settings_page() {
        global $egemenerd_settings_page;
        $egemenerd_settings_page = add_theme_page( esc_html__( 'Theme Settings', 'ombre'), esc_html__( 'Theme Settings', 'ombre'), 'manage_options', 'egemenerd-settings', 'egemenerd_theme_settings_page');
    }
    add_action( 'admin_menu', 'egemenerd_add_settings_page' );    
}

/*---------------------------------------------------
Theme settings scripts
----------------------------------------------------*/

if ( ! function_exists( 'egemenerd_theme_settings_scripts' ) ) {
function egemenerd_theme_settings_scripts($hook){
    global $egemenerd_settings_page;
    if( $hook != $egemenerd_settings_page ) {
		return;
    }
    wp_enqueue_style( 'wp-color-picker' );
    wp_enqueue_style('toggles', get_template_directory_uri() . '/includes/css/toggles.css', false, '1.0');
    wp_enqueue_style('selectric', get_template_directory_uri() . '/includes/css/select.css', false, '1.0');
    wp_enqueue_style('egemenerd_ui_slider', get_template_directory_uri() . '/includes/css/ui-slider.css', false, '1.0');
    wp_enqueue_style('egemenerd_admin_custom_styles', get_template_directory_uri() . '/includes/css/admin.css', false, '1.0');
    if ( is_rtl() ) {
        wp_enqueue_style('egemenerd_admin_rtl_styles', get_template_directory_uri() . '/includes/css/admin-rtl.css', false, '1.0');
    }
    if ( !is_rtl() ) {
        wp_enqueue_script( 'ace_code_highlighter_js', get_template_directory_uri() . '/ace/ace.js', '', '1.0.0', true );
        wp_enqueue_script( 'ace_mode_js', get_template_directory_uri() . '/ace/mode-css.js', array( 'ace_code_highlighter_js' ), '1.0.0', true );
    }
    wp_enqueue_script('toggles', get_template_directory_uri() . '/includes/js/toggles.js', array( 'jquery' ),'',true);
    wp_enqueue_script('selectric', get_template_directory_uri() . '/includes/js/select.js', array( 'jquery' ),'',true);
    wp_enqueue_script('egemenerd_admin_custom_scripts', get_template_directory_uri() . '/includes/js/admin.js', array( 'jquery', 'jquery-ui-slider', 'wp-color-picker' ),'',true);
}
add_action( 'admin_enqueue_scripts', 'egemenerd_theme_settings_scripts' );
}

/* ---------------------------------------------------------
Declare theme settings
----------------------------------------------------------- */

$ombre_theme = "ombre";
 
$egemenerd_theme_options = array (
 
/* ---------------------------------------------------------
General
----------------------------------------------------------- */
array( "name" => esc_attr__( 'General', 'ombre'),
"icon" => "dashicons-admin-generic",  
"type" => "section"),
array( "type" => "open"),

array( "name" => esc_attr__( 'Custom CSS', 'ombre'),
"desc" => "",
"id" => $ombre_theme . "_customcode",
"type" => "csseditor",
"std" => ""),
    
array( "name" => esc_attr__( 'Logo', 'ombre'),
"desc" => '',
"id" => $ombre_theme . "_logo",
"type" => "media",
"std" => get_template_directory_uri() ."/images/logo.png"), 
    
array( "name" => esc_attr__( 'Max. Height of the Logo', 'ombre'),
"desc" => esc_attr__( 'Maximum height of the logo (px)', 'ombre'),
"id" => $ombre_theme . "_logoheight",
"type" => "number",
"std" => "70"),    
    
array( "name" => esc_attr__( 'Dropdown menu width', 'ombre'),
"desc" => esc_attr__( 'Dropdown menu width (em)', 'ombre'),
"id" => $ombre_theme . "_dropdownwidth",
"type" => "number",
"std" => "15"),    
    
array( "name" => esc_attr__( 'Background Color', 'ombre'),
"desc" => esc_attr__( 'Semi transparent Background Color', 'ombre'),
"id" => $ombre_theme . "_bgcolor",
"type" => "rgbacolorpicker",
"std" => "rgba(22, 23, 29, 0.7)"),    
    
array( "name" => esc_attr__( 'Background Image', 'ombre'),
"desc" => '',
"id" => $ombre_theme . "_bgimage",
"type" => "media",
"std" => ""), 
    
array( "name" => esc_attr__( 'Background Image for Mobile Devices', 'ombre'),
"desc" => '',
"id" => $ombre_theme . "_mobileimage",
"type" => "media",
"std" => ""),  
    
array( "name" => esc_attr__( 'Default Grid Hero Background Color', 'ombre'),
"desc" => esc_attr__( 'Default Grid Hero Background Color', 'ombre'),
"id" => $ombre_theme . "_gridherobgcolor",
"type" => "rgbacolorpicker",
"std" => "rgba(22, 23, 29, 0.9)"),
    
array( "name" => esc_attr__( 'Google Map API KEY', 'ombre'),
"desc" => esc_attr__( 'To use the Google Maps widget and shortcode, you must get an API KEY from Google. For more information, please read the help documentation', 'ombre'),
"id" => $ombre_theme . "_apikey",
"type" => "text",
"std" => ""),    
    
array( "type" => "close"), 
    
/* ---------------------------------------------------------
Fakeloader
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Fakeloader', 'ombre'),
"icon" => "dashicons-update",  
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Disable Fakeloader', 'ombre'),
"desc" => esc_attr__( 'Disable Fakeloader', 'ombre'),
"id" => $ombre_theme . "_disablefakeloader",
"type" => "checkbox",
"std" => ""),    
    
array( "name" => esc_attr__( 'Time to Hide', 'ombre'),
"desc" => esc_attr__( 'Time in milliseconds for fakeLoader disappear', 'ombre'),
"id" => $ombre_theme . "_timetohide",
"type" => "number",
"std" => "1200"),
    
array( "name" => esc_attr__( 'Spinner Style', 'ombre'),
"desc" => esc_attr__( 'Select a spinner style', 'ombre'),
"id" => $ombre_theme . "_spinnerstyle",
"type" => "select",
"std" => array('spinner3' => 'Default','spinner1' => 'Spinner 2','spinner2' => 'Spinner 3','spinner4' => 'Spinner 4','spinner5' => 'Spinner 5','spinner6' => 'Spinner 6','spinner7' => 'Spinner 7')),    
    
array( "name" => esc_attr__( 'Background Color', 'ombre'),
"desc" => esc_attr__( 'Background Color', 'ombre'),
"id" => $ombre_theme . "_fakeloader_bgcolor",
"type" => "colorpicker",
"std" => "#16171D"),  
    
array( "type" => "close"), 
    
/* ---------------------------------------------------------
Home Slider
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Home Slider', 'ombre'),
"icon" => "dashicons-camera",  
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Disable Autoplay', 'ombre'),
"desc" => esc_attr__( 'To disable autoplay, switch on.', 'ombre'),
"id" => $ombre_theme . "_sliderautoplay",
"type" => "checkbox",
"std" => ""),
    
array( "name" => esc_attr__( 'Slider Autoplay Speed', 'ombre'),
"desc" => esc_attr__( 'Slider Autoplay Speed (Second)', 'ombre'),
"id" => $ombre_theme . "_sliderautoplayspeed",
"type" => "number",
"std" => "5"),
    
array( "name" => esc_attr__( 'Slide Transition', 'ombre'),
"desc" => esc_attr__( 'The type of transition that will occur.', 'ombre'),
"id" => $ombre_theme . "_slidetransition",
"type" => "select",
"std" => array('slide' => 'Slide','fade' => 'Fade')),
    
array( "name" => esc_attr__( 'Image Scale Mode', 'ombre'),
"desc" => esc_attr__( 'The type of image sizing/positioning for each slide.', 'ombre'),
"id" => $ombre_theme . "_scalemode",
"type" => "select",
"std" => array('fill' => 'Fill','fit' => 'Fit','stretch' => 'Stretch','center' => 'Center')),     
    
array( "name" => esc_attr__( 'Height (PC,Laptop)', 'ombre'),
"desc" => esc_attr__( 'The height of the slider container (px)', 'ombre'),
"id" => $ombre_theme . "_sliderdesktop",
"type" => "number",
"std" => "500"),
    
array( "name" => esc_attr__( 'Height (Tablet)', 'ombre'),
"desc" => esc_attr__( 'The height of the slider container (px)', 'ombre'),
"id" => $ombre_theme . "_slidertablet",
"type" => "number",
"std" => "400"),
    
array( "name" => esc_attr__( 'Height (Phone)', 'ombre'),
"desc" => esc_attr__( 'The height of the slider container (px)', 'ombre'),
"id" => $ombre_theme . "_sliderphones",
"type" => "number",
"std" => "300"),    

array( "type" => "close"),
    
/* ---------------------------------------------------------
Header Image
----------------------------------------------------------- */  

array( "name" => esc_attr__( 'Header Image', 'ombre'),
"icon" => "dashicons-format-image",      
"type" => "section"),
array( "type" => "open"),     
    
array( "name" => esc_attr__( 'Height (PC,Laptop)', 'ombre'),
"desc" => esc_attr__( 'The height of the header image container (px)', 'ombre'),
"id" => $ombre_theme . "_himagedesktop",
"type" => "number",
"std" => "400"),
    
array( "name" => esc_attr__( 'Height (Tablet)', 'ombre'),
"desc" => esc_attr__( 'The height of the header image container (px)', 'ombre'),
"id" => $ombre_theme . "_himagetablet",
"type" => "number",
"std" => "350"),
    
array( "name" => esc_attr__( 'Height (Phone)', 'ombre'),
"desc" => esc_attr__( 'The height of the header image container (px)', 'ombre'),
"id" => $ombre_theme . "_himagephones",
"type" => "number",
"std" => "250"), 
    
array( "name" => esc_attr__( '404 page header image', 'ombre'),
"desc" => '',
"id" => $ombre_theme . "_errorimage",
"type" => "media",
"std" => ""),    
    
array( "type" => "close"),
    
/* ---------------------------------------------------------
Blog
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Blog', 'ombre'),
"icon" => "dashicons-admin-post",  
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Blog header image (This image will be displayed on default wordpress blog,archive,search etc. pages.)', 'ombre'),
"desc" => '',
"id" => $ombre_theme . "_blogimage",
"type" => "media",
"std" => ""),  
    
array( "name" => esc_attr__( 'Remove category menu', 'ombre'),
"desc" => esc_attr__( 'To remove category menu from category pages, switch on.', 'ombre'),
"id" => $ombre_theme . "_removecats",
"type" => "checkbox",
"std" => ""),     
    
array( "name" => esc_attr__( 'Remove meta data', 'ombre'),
"desc" => esc_attr__( 'To remove meta data (Author name, categories, tags) from single post pages, switch on.', 'ombre'),
"id" => $ombre_theme . "_removemeta",
"type" => "checkbox",
"std" => ""),    
    
array( "type" => "close"),
    
/* ---------------------------------------------------------
Galleries
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Galleries', 'ombre'),
"icon" => "dashicons-format-gallery",  
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Remove gallery category menu', 'ombre'),
"desc" => esc_attr__( 'To remove category menu from gallery pages, switch on.', 'ombre'),
"id" => $ombre_theme . "_removegalcats",
"type" => "checkbox",
"std" => ""),
    
array( "name" => esc_attr__( 'Gallery pages show at most', 'ombre'),
"desc" => esc_attr__( 'Maximum number of the galleries', 'ombre'),
"id" => $ombre_theme . "_gallerymax",
"type" => "number",
"std" => "10"),    
    
array( "name" => esc_attr__( 'Default column number', 'ombre'),
"desc" => esc_attr__( 'Default column number for the category pages', 'ombre'),
"id" => $ombre_theme . "_gallerycatcolumns",
"type" => "select",
"std" => array('two-columns' => '2 Columns','three-columns' => '3 Columns','four-columns' => '4 Columns')),      
    
array( "type" => "close"), 
    
/* ---------------------------------------------------------
Models
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Models', 'ombre'),
"icon" => "dashicons-id-alt",  
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Remove model category Menu', 'ombre'),
"desc" => esc_attr__( 'To remove category menu from model pages, switch on.', 'ombre'),
"id" => $ombre_theme . "_removemodelcats",
"type" => "checkbox",
"std" => ""),
    
array( "name" => esc_attr__( 'Model pages show at most', 'ombre'),
"desc" => esc_attr__( 'Maximum number of the models', 'ombre'),
"id" => $ombre_theme . "_modelmax",
"type" => "number",
"std" => "10"),    
    
array( "name" => esc_attr__( 'Default column number', 'ombre'),
"desc" => esc_attr__( 'Default column number for the category pages', 'ombre'),
"id" => $ombre_theme . "_modelcatcolumns",
"type" => "select",
"std" => array('two-columns' => '2 Columns','three-columns' => '3 Columns','four-columns' => '4 Columns')),          
array( "type" => "close"), 
    
/* ---------------------------------------------------------
Partners
----------------------------------------------------------- */  

array( "name" => esc_attr__( 'Partners', 'ombre'),
"icon" => "dashicons-awards",      
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Activate autoplay', 'ombre'),
"desc" => esc_attr__( 'To activate carousel autoplay, switch on.', 'ombre'),
"id" => $ombre_theme . "_partnersautoplay",
"type" => "checkbox",
"std" => ""),
    
array( "name" => esc_attr__( 'Autoplay duration', 'ombre'),
"desc" => esc_attr__( 'The time (in seconds) between each auto transition', 'ombre'),
"id" => $ombre_theme . "_partnersduration",
"type" => "number",
"std" => "4"),     
    
array( "name" => esc_attr__( 'Partners carousel show at most', 'ombre'),
"desc" => esc_attr__( 'Maximum number of the partners', 'ombre'),
"id" => $ombre_theme . "_partnersmax",
"type" => "number",
"std" => "10"),    
    
array( "name" => esc_attr__( 'Default column number', 'ombre'),
"desc" => esc_attr__( 'Default column number for the partners carousel', 'ombre'),
"id" => $ombre_theme . "_partnerscolumns",
"type" => "select",
"std" => array('4' => '4 Columns','3' => '3 Columns','2' => '2 Columns')),
    
array( "type" => "close"),    

/* ---------------------------------------------------------
Fonts
----------------------------------------------------------- */  

array( "name" => esc_attr__( 'Fonts', 'ombre'),
"icon" => "dashicons-edit",      
"type" => "section"),
array( "type" => "open"),   
    
array( "name" => esc_attr__( 'Header Google Web Fonts Code', 'ombre'),
"desc" => esc_attr__( 'Header Google Web Fonts Code (For more information please look at the HELP DOCUMENTION)', 'ombre'),
"id" => $ombre_theme . "_fontheadinglink",
"type" => "font",
"std" => ""),

array( "name" => esc_attr__( 'Header Font-Family', 'ombre'),
"desc" => esc_attr__( 'Header Font-Family', 'ombre'),
"id" => $ombre_theme . "_fontheadingfamily",
"type" => "text",
"std" => ""),

array( "name" => esc_attr__( 'Content Google Web Fonts Code', 'ombre'),
"desc" => esc_attr__( 'Content Google Web Fonts Code', 'ombre'),
"id" => $ombre_theme . "_fontlink",
"type" => "font",
"std" => ""),

array( "name" => esc_attr__( 'Content Font-Family', 'ombre'),
"desc" => esc_attr__( 'Content Font-Family', 'ombre'),
"id" => $ombre_theme . "_fontfamily",
"type" => "text",
"std" => ""), 
    
array( "name" => esc_attr__( 'Italic Google Web Fonts Code', 'ombre'),
"desc" => esc_attr__( 'Italic Google Web Fonts Code', 'ombre'),
"id" => $ombre_theme . "_italicfontlink",
"type" => "text",
"std" => ""),

array( "name" => esc_attr__( 'Italic Font-Family', 'ombre'),
"desc" => esc_attr__( 'Italic Font-Family', 'ombre'),
"id" => $ombre_theme . "_italicfontfamily",
"type" => "text",
"std" => ""),    
    
array( "name" => esc_attr__( 'Main menu', 'ombre'),
"desc" => esc_attr__( 'Main menu Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_mainmenu",
"type" => "number",
"std" => "18"),    
    
array( "name" => esc_attr__( 'H1 (px)', 'ombre'),
"desc" => esc_attr__( 'H1 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h1",
"type" => "number",
"std" => "44"),

array( "name" => esc_attr__( 'H2 (px)', 'ombre'),
"desc" => esc_attr__( 'H2 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h2",
"type" => "number",
"std" => "40"),

array( "name" => esc_attr__( 'H3 (px)', 'ombre'),
"desc" => esc_attr__( 'H3 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h3",
"type" => "number",
"std" => "36"), 

array( "name" => esc_attr__( 'H4 (px)', 'ombre'),
"desc" => esc_attr__( 'H4 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h4",
"type" => "number",
"std" => "30"), 

array( "name" => esc_attr__( 'H5 (px)', 'ombre'),
"desc" => esc_attr__( 'H5 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h5",
"type" => "number",
"std" => "26"), 

array( "name" => esc_attr__( 'H6 (px)', 'ombre'),
"desc" => esc_attr__( 'H6 Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_h6",
"type" => "number",
"std" => "22"), 

array( "name" => esc_attr__( 'Content Font Size (px)', 'ombre'),
"desc" => esc_attr__( 'Content Font Size (px)', 'ombre'),
"id" => $ombre_theme . "_p",
"type" => "number",
"std" => "16"),    
    
array( "type" => "close"),
    
/* ---------------------------------------------------------
Colors
----------------------------------------------------------- */

array( "name" => esc_attr__( 'Colors', 'ombre'),
"icon" => "dashicons-admin-appearance",      
"type" => "section"),
array( "type" => "open"),   
    
array( "name" => esc_attr__( 'First Color', 'ombre'),
"desc" => esc_attr__( 'First Color', 'ombre'),
"id" => $ombre_theme . "_first_color",
"type" => "colorpicker",
"std" => "#16171D"),

array( "name" => esc_attr__( 'Second Color', 'ombre'),
"desc" => esc_attr__( 'Second Color', 'ombre'),
"id" => $ombre_theme . "_second_color",
"type" => "colorpicker",
"std" => "#363635"),

array( "name" => esc_attr__( 'Third Color', 'ombre'),
"desc" => esc_attr__( 'Third Color', 'ombre'),
"id" => $ombre_theme . "_third_color",
"type" => "colorpicker",
"std" => "#3e3e3e"),

array( "name" => esc_attr__( 'Fourth Color', 'ombre'),
"desc" => esc_attr__( 'Fourth Color', 'ombre'),
"id" => $ombre_theme . "_fourth_color",
"type" => "colorpicker",
"std" => "#f5245f"),
    
array( "name" => esc_attr__( 'Fifth Color', 'ombre'),
"desc" => esc_attr__( 'Fifth Color', 'ombre'),
"id" => $ombre_theme . "_fifth_color",
"type" => "colorpicker",
"std" => "#aaaaaa"),
    
array( "name" => esc_attr__( 'Sixth Color', 'ombre'),
"desc" => esc_attr__( 'Sixth Color', 'ombre'),
"id" => $ombre_theme . "_sixth_color",
"type" => "colorpicker",
"std" => "#fff"),    
    
array( "name" => esc_attr__( 'Semi Transparent Color', 'ombre'),
"desc" => esc_attr__( 'Semi Transparent Color', 'ombre'),
"id" => $ombre_theme . "_semitrans_color",
"type" => "rgbacolorpicker",
"std" => "rgba(22, 23, 29, 0.9)"),
    
array( "name" => esc_attr__( '2. Semi Transparent Color', 'ombre'),
"desc" => esc_attr__( '2. Semi Transparent Color', 'ombre'),
"id" => $ombre_theme . "_secondsemitrans_color",
"type" => "rgbacolorpicker",
"std" => "rgba(22, 23, 29, 0.7)"), 
    
array( "type" => "close"),
    
/* ---------------------------------------------------------
Ecwid
----------------------------------------------------------- */
array( "name" => esc_attr__( 'Ecwid Store', 'ombre'),
"icon" => "dashicons-cart",       
"type" => "section"),
array( "type" => "open"), 
    
array( "name" => esc_attr__( 'For more information about Ecwid, please read the help documentation', 'ombre'),
"type" => "info"),
    
array( "name" => esc_attr__( 'Activate Custom Ecwid Skin', 'ombre'),
"desc" => esc_attr__( 'To activate built-in Ecwid skin, switch on.', 'ombre'),
"id" => $ombre_theme . "_ecwidstyle",
"type" => "checkbox",
"std" => ""),

array( "type" => "close"),      

/* ---------------------------------------------------------
Footer
----------------------------------------------------------- */ 
    
array( "name" => esc_attr__( 'Footer', 'ombre'),
"icon" => "dashicons-info",      
"type" => "section"),
array( "type" => "open"),
    
array( "name" => esc_attr__( 'Hide footer', 'ombre'),
"desc" => esc_attr__( 'To hide footer widget field, switch on.', 'ombre'),
"id" => $ombre_theme . "_hidefooter",
"type" => "checkbox",
"std" => ""),  
    
array( "name" => esc_attr__( 'Footer text', 'ombre'),
"desc" => esc_attr__( 'If you dont need to add a copyright message to your website, leave this field blank.', 'ombre'),
"id" => $ombre_theme . "_footermessage",
"type" => "text",
"std" => ""),
 
array( "type" => "close")
);

/*---------------------------------------------------
Theme Settings Page
----------------------------------------------------*/

if ( ! function_exists( 'egemenerd_theme_settings_page' ) ) {
function egemenerd_theme_settings_page() {
if ( ! did_action( 'wp_enqueue_media' ) ){
    wp_enqueue_media();
}
 
global $egemenerd_theme_options;
$i=0;
$egemenerd_message='';
    
/*---------------------------------------------------
Saving User Input
----------------------------------------------------*/    
    
if ( (isset($_REQUEST['action'])) && ('save' == $_REQUEST['action']) ) {
    foreach ($egemenerd_theme_options as $egemenerd_value) {  
        if (isset($egemenerd_value['id'])) { 
        if ( isset( $_REQUEST[ $egemenerd_value['id'] ] ) ) {        
            switch ( $egemenerd_value['type'] ) {
                // VALIDATING & SAVING USER INPUT     
                case 'text':
                case 'select': 
                case 'colorpicker':
                case 'rgbacolorpicker': 
                case 'csseditor':    
                    // sanitize text field
                    $egemenerd_valid_input = sanitize_text_field($_REQUEST[ $egemenerd_value['id'] ]);
                    // update option
                    update_option( $egemenerd_value['id'], $egemenerd_valid_input  ); 
                break;
                case 'font':
                    // Allow only correct Google web font tags
                    $egemenerd_valid_input = wp_kses($_REQUEST[ $egemenerd_value['id'] ], array('link' => array('href' => array(),'rel' => array(),'type' => array())));
                    update_option( $egemenerd_value['id'], $egemenerd_valid_input  ); 
                break; 
                case 'number':
                case 'uislider':    
                    // trim whitespace
                    $egemenerd_valid_input = trim($_REQUEST[ $egemenerd_value['id'] ]);
                    //accept the input only when numeric
                    if(is_numeric($egemenerd_valid_input)) {
                        // update option
                        update_option( $egemenerd_value['id'], $egemenerd_valid_input  ); 
                    } 
                break;
                case 'editor':
                case 'teenyeditor':
                    // trim whitespace
                    $egemenerd_valid_input = trim($_REQUEST[ $egemenerd_value['id'] ]);
                    // accept only limited html
                    $egemenerd_valid_input = wp_kses_post( $egemenerd_valid_input);
                    // need to add slashes still before sending to the database
                    $egemenerd_valid_input = addslashes($egemenerd_valid_input); 
                    // update option
                    update_option( $egemenerd_value['id'], $egemenerd_valid_input  );
                break;  
                case 'media':
                    // trim whitespace
                    $egemenerd_valid_input = trim($_REQUEST[ $egemenerd_value['id'] ]);
                    //accept the input only when the url has been sanited for database usage with esc_url_raw()
                    $egemenerd_valid_input = esc_url_raw($egemenerd_valid_input);
                    // update option
                    update_option( $egemenerd_value['id'], $egemenerd_valid_input ); 
                break; 
                case 'checkbox':
                    // Our checkbox value is either true or false
                    if (($_REQUEST[ $egemenerd_value['id'] ] == true) || ($_REQUEST[ $egemenerd_value['id'] ] == false)) {
                        update_option( $egemenerd_value['id'], $_REQUEST[ $egemenerd_value['id'] ] );
                    }
                break;    
            }    
        } else { 
            delete_option( $egemenerd_value['id'] ); 
        } 
        }
    }
    $egemenerd_message='saved';
} else if( (isset($_REQUEST['action'])) && ('reset' == $_REQUEST['action']) ) {
foreach ($egemenerd_theme_options as $egemenerd_value) {
    if (isset($egemenerd_value['id'])) {
        delete_option( $egemenerd_value['id'] ); 
    }
}
    $egemenerd_message='reset';
}
if ( $egemenerd_message=='saved' ) {
?>
    <div id="egemenerd-message" class="updated notice notice-success is-dismissible"><p><strong><?php echo esc_html__( 'Theme settings saved.', 'ombre'); ?></strong> <a href="<?php echo esc_url(site_url()); ?>"><?php echo esc_html__( 'View Site', 'ombre'); ?></a></p></div>
<?php
}
if ( $egemenerd_message=='reset' ) {
?>
    <div id="egemenerd-message" class="updated notice notice-success is-dismissible"><p><strong><?php echo esc_html__( 'Theme settings reset', 'ombre'); ?></strong></p></div>
<?php }

/*---------------------------------------------------
Panel Output
----------------------------------------------------*/

$egemenerd_version = wp_get_theme(); ?> 
<div id="egemenerd-panel-wrapper">
<div id="egemenerd-panel-wrapper-inner">
<div class="egemenerd_options_header">
<div class="egemenerd_options_header_left">
<h1><?php echo esc_attr($egemenerd_version->get( 'Name' )); ?> - <?php echo esc_attr($egemenerd_version->get( 'Version' )); ?></h1>    
</div>
<div class="egemenerd_options_header_right">    
<ul> 
<li><a class="egemenerd-link" href="<?php echo esc_url('http://help.wp4life.com/'); ?>" target="_blank"><?php echo esc_attr__( 'Knowledge Base', 'ombre'); ?></a></li>    
<li><a class="egemenerd-link primary" href="<?php echo esc_url('http://www.wp4life.com/online/ombre/index.html'); ?>" target="_blank"><?php echo esc_attr__( 'Online Help Documentation', 'ombre'); ?></a></li>
</ul>
</div>
</div>     
<div class="egemenerd_options_wrap"> 
<div>
<form id="egemenerd_form" method="post">
 
<?php foreach ($egemenerd_theme_options as $egemenerd_value) {
 
switch ( $egemenerd_value['type'] ) {
 
case "open":
break;
case "close": 
?>
</div>
</div>

<?php break;

/*---------------------------------------------------
Title
----------------------------------------------------*/
case 'title': ?>
    <div class="egemenerd-option-title">
        <h5><?php echo esc_attr($egemenerd_value['name']); ?></h5>
    </div>
<?php break;
        
/*---------------------------------------------------
CSS Editor
----------------------------------------------------*/
case 'csseditor': ?>
<?php if ( is_rtl() ) { ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <textarea name="<?php echo esc_attr($egemenerd_value['id']); ?>" rows="" cols=""><?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?></textarea>
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>    
<?php } else { ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-double">
            <div id="<?php echo esc_attr($egemenerd_value['id']); ?>_custom_css_container" class="egemenerd-css-editor-container">
                <div name="<?php echo esc_attr($egemenerd_value['id']); ?>" id="<?php echo esc_attr($egemenerd_value['id']); ?>" class="egemenerd-css-editor"></div>
            </div>
            <textarea id="<?php echo esc_attr($egemenerd_value['id']); ?>_css_editor" name="<?php echo esc_attr($egemenerd_value['id']); ?>" style="display: none;"><?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?></textarea>
<script type="text/javascript">
( function( global, $ ) {
    var editor,
        syncCSS = function() {
            $( '#<?php echo esc_attr($egemenerd_value['id']); ?>_css_editor' ).val( editor.getSession().getValue() );
        },
        loadAce = function() {
            editor = ace.edit( '<?php echo esc_attr($egemenerd_value['id']); ?>' );
            global.safecss_editor = editor;
            editor.getSession().setUseWrapMode( true );
            editor.setShowPrintMargin( false );
            editor.getSession().setValue( $( '#<?php echo esc_attr($egemenerd_value['id']); ?>_css_editor' ).val() );
            editor.getSession().setMode( "ace/mode/css" );
            jQuery.fn.spin&&$( '#<?php echo esc_attr($egemenerd_value['id']); ?>_custom_css_container' ).spin( false );
            $( '#egemenerd_form' ).submit( syncCSS );
        };
        $( global ).load( loadAce );
    global.aceSyncCSS = syncCSS;
} )( this, jQuery );    
</script>  
    </div>
    <div class="clearfix"></div>
</div> 
<?php } ?>    
<?php break;        

/*---------------------------------------------------
Text Field
----------------------------------------------------*/
case 'text': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" type="<?php echo esc_attr($egemenerd_value['type']); ?>" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;   
/*---------------------------------------------------
Font Field
----------------------------------------------------*/
case 'font': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" type="text" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;        
/*---------------------------------------------------
Select Field
----------------------------------------------------*/    
case 'select': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <select class="egemenerd-select" name="<?php echo esc_attr($egemenerd_value['id']); ?>" id="<?php echo esc_attr($egemenerd_value['id']); ?>">
<?php foreach ($egemenerd_value['std'] as $key => $optiontext) { ?>
<option value="<?php echo esc_attr($key); ?>" <?php if (get_option( $egemenerd_value['id'] ) == $key) { ?> selected="selected"<?php } ?>><?php echo esc_attr($optiontext); ?></option>
<?php } ?>
        </select>
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;  
/*---------------------------------------------------
Colorpicker Field
----------------------------------------------------*/    
case 'colorpicker': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" class="egemenerd-color" type="text" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;
/*---------------------------------------------------
Rgba Colorpicker Field
----------------------------------------------------*/    
case 'rgbacolorpicker': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" class="egemenerd-wp-color-picker" type="text" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;     
/*---------------------------------------------------
Number Field
----------------------------------------------------*/    
case 'number': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" type="number" onkeypress="return validate(event)" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
<?php break;
/*---------------------------------------------------
Jquery ui slider field
----------------------------------------------------*/
case 'uislider': ?>   
<div class="egemenerd-slider-container">    
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <div class="egemenerd-slider-field"></div>      
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" class="egemenerd-slider-field-value" type="hidden" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" readonly="readonly" data-step="<?php echo esc_attr($egemenerd_value['step']); ?>" data-start="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" data-min="<?php echo esc_attr($egemenerd_value['min']); ?>" data-max="<?php echo esc_attr($egemenerd_value['max']); ?>" />
        <div class="egemenerd-slider-field-value-display">
            <span class="egemenerd-slider-field-value-text"></span>
        </div>
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
</div>
</div>    
<?php break;        
/*---------------------------------------------------
Info Box
----------------------------------------------------*/    
case 'info': ?>
<div class="egemenerd_option_input">
<div class="egemenerd_info_box"><h4><i class="egemenerd-i-icon dashicons-info"></i>&nbsp;<?php echo esc_attr($egemenerd_value['name']); ?></h4></div>
<div class="clearfix"></div>
</div>
<?php break;
/*---------------------------------------------------
Info Box 2
----------------------------------------------------*/        
case 'info2': ?>
<div class="egemenerd_option_input noborder">
<div class="egemenerd_info_box"><h4><i class="egemenerd-i-icon dashicons-info"></i>&nbsp;<?php echo esc_attr($egemenerd_value['name']); ?></h4></div>
<div class="clearfix"></div>
</div>
<?php break;      
/*---------------------------------------------------
Advanced Tinymce Editor
----------------------------------------------------*/ 
case 'editor': ?>
<div class="egemenerd_option_input">
<label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>    
<?php wp_editor( stripslashes(get_option( $egemenerd_value['id'])), $egemenerd_value['id'], array( 'wpautop' => false, 'editor_height' => 300 )); ?> 
<div class="clearfix"></div>
<div class="egemenerd-editor-desc"><?php echo esc_attr($egemenerd_value['desc']); ?></div>
<div class="clearfix"></div>
</div>
<?php break; 
/*---------------------------------------------------
Simple Tinymce Editor
----------------------------------------------------*/    
case 'teenyeditor': ?>
<div class="egemenerd_option_input">
<label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>    
<?php wp_editor( stripslashes(get_option( $egemenerd_value['id'])), $egemenerd_value['id'], array( 'wpautop' => false, 'teeny' => true, 'editor_height' => 100, 'media_buttons' => false )); ?> 
<div class="clearfix"></div>
<div class="egemenerd-editor-desc"><?php echo esc_attr($egemenerd_value['desc']); ?></div>
<div class="clearfix"></div>
</div>
<?php break;     
/*---------------------------------------------------
Upload File Field
----------------------------------------------------*/    
case 'media': ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <input id="<?php echo esc_attr($egemenerd_value['id'] . '_image'); ?>" type="text" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
        <div id="<?php echo esc_attr($egemenerd_value['id'] . '_thumb'); ?>" class="egemenerd-upload-thumb">
            <div id="<?php echo esc_attr($egemenerd_value['id'] . '_close'); ?>" class="egemenerd-thumb-close"><i class="egemenerd-i-icon dashicons-dismiss"></i></div>
            <img src="<?php if ( get_option( $egemenerd_value['id'] ) != "") { echo stripslashes(esc_attr(get_option( $egemenerd_value['id']))); } else { echo esc_attr($egemenerd_value['std']); } ?>" />
        </div>
    </div>
    <div class="egemenerd-option-right">
        <input id="<?php echo esc_attr($egemenerd_value['id'] . '_image_button'); ?>" class="egemenerd-button uploadbutton" type="button" value="<?php echo esc_attr__( 'Upload', 'ombre') ?>" />
<script type="text/javascript">
    jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>").change(function() { 
        if(jQuery.trim(jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>").val()).length > 0)
        {
            jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").show();
            jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_thumb img'); ?>").attr('src', jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>").val());
            jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_thumb img'); ?>").error(function(){jQuery(this).attr('src', '<?php echo esc_url(get_template_directory_uri() . '/includes/css/error.png'); ?>');});
        }
        else {
            jQuery("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").hide();
        }
    });
jQuery(document).ready(function($){ 
    var inp = $("#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>").val();
    if($.trim(inp).length > 0)
    {
        $("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").show();
    }
    else {
        $("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").hide();
    }
    var custom_uploader; 
    $('#<?php echo esc_js($egemenerd_value['id'] . '_image_button'); ?>').click(function(e) { 
        e.preventDefault();
        if (custom_uploader) {
            custom_uploader.open();
            return;
        }
        custom_uploader = wp.media.frames.file_frame = wp.media({
            title: 'Choose Image',
            button: {
                text: 'Choose Image'
            },
            multiple: false
        });
        custom_uploader.on('select', function() {
            attachment = custom_uploader.state().get('selection').first().toJSON();
            $('#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>').val(attachment.url);
            $("#<?php echo esc_js($egemenerd_value['id'] . '_thumb img'); ?>").attr('src', attachment.url);
            $("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").show();
        });
        custom_uploader.open(); 
    }); 
    $('#<?php echo esc_js($egemenerd_value['id'] . '_close'); ?>').click(function(e) {
        $("#<?php echo esc_js($egemenerd_value['id'] . '_thumb'); ?>").hide();
        $("#<?php echo esc_js($egemenerd_value['id'] . '_image'); ?>").val('');
    });    
});    
</script>
    </div>
<div class="clearfix"></div>
</div>
<?php break;    
/*---------------------------------------------------
Checkbox Field
----------------------------------------------------*/ 
case "checkbox": ?>
<div class="egemenerd_option_input">
    <div class="egemenerd-option-left">
        <label for="<?php echo esc_attr($egemenerd_value['id']); ?>"><?php echo esc_attr($egemenerd_value['name']); ?></label>
    </div>
    <div class="egemenerd-option-center">
        <div id="<?php echo esc_attr($egemenerd_value['id'] . '-toggle'); ?>" class="egemenerd-toggle toggle-modern" data-toggle-on="<?php if(get_option($egemenerd_value['id'])){ echo esc_attr(get_option($egemenerd_value['id'])); } else { echo esc_attr('false'); } ?>"></div>
        <input id="<?php echo esc_attr($egemenerd_value['id']); ?>" type="checkbox" class="egemenerd-checkbox" name="<?php echo esc_attr($egemenerd_value['id']); ?>" value="true" <?php if(get_option($egemenerd_value['id'])){ ?>checked="checked"<?php } ?> />
    </div>
    <div class="egemenerd-option-right">
        <small><?php echo esc_attr($egemenerd_value['desc']); ?></small>
    </div>
    <div class="clearfix"></div>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#<?php echo esc_js($egemenerd_value['id'] . '-toggle'); ?>').toggles({
            checkbox: jQuery('#<?php echo esc_js($egemenerd_value['id']); ?>'),
            text: {
                on: '<?php echo esc_attr__( 'ON', 'ombre'); ?>',
                off: '<?php echo esc_attr__( 'OFF', 'ombre'); ?>'
            },
            width: 70,
            height: 30,
            type: 'select'
        });
    });
</script>    
</div>
<?php break;         
/*---------------------------------------------------
Container
----------------------------------------------------*/ 
case "section":
$i++; ?>
<div class="egemenerd_input_section">
<div class="egemenerd_input_title">
<h3><i class="<?php echo esc_attr( 'egemenerd-i-icon ' . $egemenerd_value['icon'] ); ?>"></i>&nbsp;<?php echo esc_attr($egemenerd_value['name']); ?></h3>
<span class="submit"><input name="<?php echo esc_attr( 'save' . $i ); ?>" type="submit" value="<?php echo esc_attr__( 'Save Changes', 'ombre') ?>" class="egemenerd-button" /></span>
<div class="clearfix"></div>
</div>
<div class="egemenerd_all_options">
<?php break;
 
}
} ?>
<input type="hidden" name="action" value="save" />
</form>
</div>
<div class="egemenerd-footer">
    <div class="egemenerd-footer-left">
        <a href="<?php echo esc_url('http://themeforest.net/user/egemenerd?ref=egemenerd'); ?>" target="_blank" ><img class="egemenerd-logo" src="<?php echo esc_url(get_template_directory_uri() . '/includes/css/logo.png'); ?>" alt="egemenerd" /></a>
    </div>
    <div class="egemenerd-footer-right">
        <form method="post">
            <p class="submit">
                <input name="reset" type="submit" value="<?php echo esc_attr__( 'Reset All Settings', 'ombre') ?>" class="egemenerd-link" />
                <input type="hidden" name="action" value="reset" />
            </p>
        </form>
    </div>
</div>
</div>
</div>
</div>
<?php
}
}
?>