<?php

function roots_admin_enqueue_scripts($hook_suffix) {
  if ($hook_suffix !== 'appearance_page_theme_options')
    return;

  wp_enqueue_style('roots-theme-options', get_template_directory_uri() . '/inc/css/theme-options.css');
  wp_enqueue_script('roots-theme-options', get_template_directory_uri() . '/inc/js/theme-options.js');
}
add_action('admin_enqueue_scripts', 'roots_admin_enqueue_scripts');

function roots_theme_options_init() {
  if (false === roots_get_theme_options())
    add_option('roots_theme_options', roots_get_default_theme_options());

  register_setting(
    'roots_options',
    'roots_theme_options',
    'roots_theme_options_validate'
  );
}
add_action('admin_init', 'roots_theme_options_init');

function roots_option_page_capability($capability) {
  return 'edit_theme_options';
}
add_filter('option_page_capability_roots_options', 'roots_option_page_capability');

function roots_theme_options_add_page() {

  $roots_options = roots_get_theme_options();
  $roots_activation_options = roots_get_theme_activation_options();
  if ($roots_activation_options['first_run']) {
    $theme_page = add_theme_page(
        __('Theme Options', 'roots'),
        __('Theme Options', 'roots'),
        'edit_theme_options',
        'theme_options',
        'roots_theme_options_render_page'
    );
  }

}
add_action('admin_menu', 'roots_theme_options_add_page');

function roots_admin_bar_render() {
  global $wp_admin_bar;

  $wp_admin_bar->add_menu(array(
    'parent'  => 'appearance',
    'id'      => 'theme_options',
    'title'   => __('Theme Options', 'roots'),
    'href'    => admin_url('themes.php?page=theme_options')
  ));
}
add_action('wp_before_admin_bar_render', 'roots_admin_bar_render');

global $roots_css_frameworks;
$roots_css_frameworks = array(
  'blueprint' => array(
    'name'      => 'blueprint',
    'label'     => __('Blueprint CSS', 'roots'),
    'classes'   => array(
      'container' => 'span-24',
      'main'      => 'span-14 append-1',
      'sidebar'   => 'span-8 prepend-1 last',
      'fullwidth' => 'span-24'
    )
  ),
  '960gs_12' => array(
    'name'    => '960gs_12',
    'label'   => __('960gs (12 cols)', 'roots'),
    'classes' => array(
      'container' => 'container_12',
      'main'      => 'grid_7 suffix_1',
      'sidebar'   => 'grid_4',
      'fullwidth' => 'grid_12'
    )
  ),
  '960gs_16' => array(
    'name'     => '960gs_16',
    'label'    => __('960gs (16 cols)', 'roots'),
    'classes'  => array(
      'container' => 'container_16',
      'main'      => 'grid_9 suffix_1',
      'sidebar'   => 'grid_6',
      'fullwidth' => 'grid_16'
    )
  ),
  '960gs_24' => array(
    'name'    => '960gs_24',
    'label'   => __('960gs (24 cols)', 'roots'),
    'classes' => array(
      'container' => 'container_24',
      'main'      => 'grid_15 suffix_1',
      'sidebar'   => 'grid_8',
      'fullwidth' => 'grid_24'
    )
  ),
  '1140' => array(
    'name'    => '1140',
    'label'   => __('1140', 'roots'),
    'classes' => array(
      'container' => 'row',
      'main'      => 'eightcol',
      'sidebar'   => 'fourcol last',
      'fullwidth' => 'twelvecol'
    )
  ),
  'adapt' => array(
    'name'    => 'adapt',
    'label'   => __('Adapt.js', 'roots'),
    'classes' => array(
      'container' => 'container_12 clearfix',
      'main'      => 'grid_7 suffix_1',
      'sidebar'   => 'grid_4',
      'fullwidth' => 'grid_12'
    )
  ),
  'less' => array(
    'name'    => 'less',
    'label'   => __('Less Framework 4', 'roots'),
    'classes' => array(
      'container' => 'container',
      'main'      => '',
      'sidebar'   => '',
      'fullwidth' => ''
    )
  ),
  'foundation' => array(
    'name'    => 'foundation',
    'label'   => __('Foundation', 'roots'),
    'classes' => array(
      'container' => 'row',
      'main'      => 'eight columns',
      'sidebar'   => 'four columns',
      'fullwidth' => 'twelve columns'
    )
  ),
  'bootstrap' => array(
    'name'    => 'bootstrap',
    'label'   => __('Bootstrap', 'roots'),
    'classes' => array(
      'container' => 'row',
      'main'      => 'span11',
      'sidebar'   => 'span5',
      'fullwidth' => 'span16'
    )
  ),
  'bootstrap_less' => array(
    'name'    => 'bootstrap_less',
    'label'   => __('Bootstrap w/ Less', 'roots'),
    'classes' => array(
      'container' => 'row',
      'main'      => 'span11',
      'sidebar'   => 'span5',
      'fullwidth' => 'span16'
    )
  ),
  'none' => array(
    'name'    => 'none',
    'label'   => __('None', 'roots'),
    'classes' => array(
      'container' => '',
      'main'      => '',
      'sidebar'   => '',
      'fullwidth' => ''
    )
  )
);

// Write the above array of CSS frameworks into a script tag
function roots_add_frameworks_object_script() {
  global $roots_css_frameworks;
  $json = json_encode($roots_css_frameworks);
?>
  <script>
    var roots_css_frameworks = <?php echo $json; ?>;
  </script>
  <?php
}
add_action('admin_head', 'roots_add_frameworks_object_script');

function roots_get_default_theme_options($default_framework = '') {
  global $roots_css_frameworks;
  if ($default_framework == '') { $default_framework = apply_filters('roots_default_css_framework', 'blueprint'); }
  $default_framework_settings = $roots_css_frameworks[$default_framework];
  $default_theme_options = array(
    'css_framework'             => $default_framework,
    'container_class'           => $default_framework_settings['classes']['container'],
    'main_class'                => $default_framework_settings['classes']['main'],
    'sidebar_class'             => $default_framework_settings['classes']['sidebar'],
    'fullwidth_class'           => $default_framework_settings['classes']['fullwidth'],
    'google_analytics_id'       => '',
    'root_relative_urls'        => true,
    'clean_menu'                => true,
    'bootstrap_javascript'      => false,
    'bootstrap_less_javascript' => false,
  );

  return apply_filters('roots_default_theme_options', $default_theme_options);
}

function roots_get_theme_options() {
  return get_option('roots_theme_options', roots_get_default_theme_options());
}

function roots_theme_options_render_page() {
  global $roots_css_frameworks;

  ?>
  <div class="wrap">
    <?php screen_icon(); ?>
    <h2><?php printf(__('%s Theme Options', 'roots'), get_current_theme()); ?></h2>
    <?php settings_errors(); ?>

    <form method="post" action="options.php">
      <?php
        settings_fields('roots_options');
        $roots_options = roots_get_theme_options();
        $roots_default_options = roots_get_default_theme_options($roots_options['css_framework']);
      ?>
      <input type="hidden" value="1" name="roots_theme_options[first_run]" />
      <table class="form-table">

        <tr valign="top" class="radio-option"><th scope="row"><?php _e('CSS Grid Framework', 'roots'); ?></th>
          <td>
            <fieldset class="roots_css_frameworks"><legend class="screen-reader-text"><span><?php _e('CSS Grid Framework', 'roots'); ?></span></legend>
              <select name="roots_theme_options[css_framework]" id="roots_theme_options[css_framework]">
              <?php foreach ($roots_css_frameworks as $css_framework) { ?>
                <option value="<?php echo esc_attr($css_framework['name']); ?>" <?php selected($roots_options['css_framework'], $css_framework['name']); ?>><?php echo $css_framework['label']; ?></option>
              <?php } ?>
              </select>
            </fieldset>
          </td>
        </tr>

        <tr valign="top"><th scope="row"><?php _e('#main CSS Classes', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('#main CSS Classes', 'roots'); ?></span></legend>
              <input type="text" name="roots_theme_options[main_class]" id="main_class" value="<?php echo esc_attr($roots_options['main_class']); ?>" class="regular-text" />
              <br />
              <small class="description"><?php _e('Default:', 'roots'); ?> <span><?php echo $roots_default_options['main_class']; ?></span></small>
            </fieldset>
          </td>
        </tr>

        <tr valign="top"><th scope="row"><?php _e('#sidebar CSS Classes', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('#sidebar CSS Classes', 'roots'); ?></span></legend>
              <input type="text" name="roots_theme_options[sidebar_class]" id="sidebar_class" value="<?php echo esc_attr($roots_options['sidebar_class']); ?>" class="regular-text" />
              <br />
              <small class="description"><?php _e('Default:', 'roots'); ?> <span><?php echo $roots_default_options['sidebar_class']; ?></span></small>
            </fieldset>
          </td>
        </tr>

        <tr valign="top"><th scope="row"><?php _e('Full Width CSS Classes', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('#fullwidth CSS Classes', 'roots'); ?></span></legend>
              <input type="text" name="roots_theme_options[fullwidth_class]" id="fullwidth_class" value="<?php echo esc_attr($roots_options['fullwidth_class']); ?>" class="regular-text" />
              <br />
              <small class="description"><?php _e('Default:', 'roots'); ?> <span><?php echo $roots_default_options['fullwidth_class']; ?></span></small>
            </fieldset>
          </td>
        </tr>

        <?php if($roots_options['css_framework'] == 'bootstrap') { ?>
        <tr valign="top"><th scope="row"><?php _e('Bootstrap Javascript Packages', 'roots'); ?></th>
          <td>
            <fieldset class="roots_bootstrap_js"><legend class="screen-reader-text"><span><?php _e('Enable Bootstrap Javascript', 'roots'); ?></span></legend>
              <select name="roots_theme_options[bootstrap_javascript]" id="roots_theme_options[bootstrap_javascript]">
                <option value="yes" <?php selected($roots_options['bootstrap_javascript'], true); ?>><?php echo _e('Yes', 'roots'); ?></option>
                <option value="no" <?php selected($roots_options['bootstrap_javascript'], false); ?>><?php echo _e('No', 'roots'); ?></option>
              </select>
            </fieldset>
          </td>
        </tr>
        <?php } ?>

        <?php if($roots_options['css_framework'] == 'bootstrap_less') { ?>
        <tr valign="top"><th scope="row"><?php _e('Bootstrap Javascript Packages', 'roots'); ?></th>
          <td>
            <fieldset class="roots_bootstrap_js"><legend class="screen-reader-text"><span><?php _e('Enable Bootstrap Javascript', 'roots'); ?></span></legend>
              <select name="roots_theme_options[bootstrap_less_javascript]" id="roots_theme_options[bootstrap_less_javascript]">
                <option value="yes" <?php selected($roots_options['bootstrap_less_javascript'], true); ?>><?php echo _e('Yes', 'roots'); ?></option>
                <option value="no" <?php selected($roots_options['bootstrap_less_javascript'], false); ?>><?php echo _e('No', 'roots'); ?></option>
              </select>
            </fieldset>
          </td>
        </tr>
        <?php } ?>

        <tr valign="top"><th scope="row"><?php _e('Google Analytics ID', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('Google Analytics ID', 'roots'); ?></span></legend>
              <input type="text" name="roots_theme_options[google_analytics_id]" id="google_analytics_id" value="<?php echo esc_attr($roots_options['google_analytics_id']); ?>" />
              <br />
              <small class="description"><?php printf(__('Enter your UA-XXXXX-X ID', 'roots')); ?></small>
            </fieldset>
          </td>
        </tr>

        <tr valign="top"><th scope="row"><?php _e('Enable Root Relative URLs', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('Enable Root Relative URLs', 'roots'); ?></span></legend>
              <select name="roots_theme_options[root_relative_urls]" id="roots_theme_options[root_relative_urls]">
                <option value="yes" <?php selected($roots_options['root_relative_urls'], true); ?>><?php echo _e('Yes', 'roots'); ?></option>
                <option value="no" <?php selected($roots_options['root_relative_urls'], false); ?>><?php echo _e('No', 'roots'); ?></option>
              </select>
            </fieldset>
          </td>
        </tr>

        <tr valign="top"><th scope="row"><?php _e('Cleanup Menu Output', 'roots'); ?></th>
          <td>
            <fieldset><legend class="screen-reader-text"><span><?php _e('Cleanup Menu Output', 'roots'); ?></span></legend>
              <select name="roots_theme_options[clean_menu]" id="roots_theme_options[clean_menu]">
                <option value="yes" <?php selected($roots_options['clean_menu'], true); ?>><?php echo _e('Yes', 'roots'); ?></option>
                <option value="no" <?php selected($roots_options['clean_menu'], false); ?>><?php echo _e('No', 'roots'); ?></option>
              </select>
            </fieldset>
          </td>
        </tr>

      </table>

      <?php submit_button(); ?>
    </form>
  </div>

  <?php
}

function roots_theme_options_validate($input) {
  global $roots_css_frameworks;
  $output = $defaults = roots_get_default_theme_options();

  if (isset($input['css_framework']) && array_key_exists($input['css_framework'], $roots_css_frameworks))
    $output['css_framework'] = $input['css_framework'];

  // set the value of the main container class depending on the selected grid framework
  $output['container_class'] = $roots_css_frameworks[$output['css_framework']]['classes']['container'];

  if (isset($input['main_class'])) {
    $output['main_class'] = wp_filter_nohtml_kses($input['main_class']);
  }

  if (isset($input['sidebar_class'])) {
    $output['sidebar_class'] = wp_filter_nohtml_kses($input['sidebar_class']);
  }

  if (isset($input['fullwidth_class'])) {
    $output['fullwidth_class'] = wp_filter_nohtml_kses($input['fullwidth_class']);
  }

  if (isset($input['google_analytics_id'])) {
    if (preg_match('/^ua-\d{4,9}-\d{1,4}$/i', $input['google_analytics_id'])) {
      $output['google_analytics_id'] = $input['google_analytics_id'];
    }
  }

  if (isset($input['root_relative_urls'])) {
    if ($input['root_relative_urls'] === 'yes') {
      $input['root_relative_urls'] = true;
    }
    if ($input['root_relative_urls'] === 'no') {
      $input['root_relative_urls'] = false;
    }
    $output['root_relative_urls'] = $input['root_relative_urls'];
  }

  if (isset($input['clean_menu'])) {
    if ($input['clean_menu'] === 'yes') {
      $input['clean_menu'] = true;
    }
    if ($input['clean_menu'] === 'no') {
      $input['clean_menu'] = false;
    }
    $output['clean_menu'] = $input['clean_menu'];
  }

  if (isset($input['bootstrap_javascript'])) {
    if ($input['bootstrap_javascript'] === 'yes') {
      $input['bootstrap_javascript'] = true;
    }
    if ($input['bootstrap_javascript'] === 'no') {
      $input['bootstrap_javascript'] = false;
    }
    $output['bootstrap_javascript'] = $input['bootstrap_javascript'];
  }

  if (isset($input['bootstrap_less_javascript'])) {
    if ($input['bootstrap_less_javascript'] === 'yes') {
      $input['bootstrap_less_javascript'] = true;
    }
    if ($input['bootstrap_less_javascript'] === 'no') {
      $input['bootstrap_less_javascript'] = false;
    }
    $output['bootstrap_less_javascript'] = $input['bootstrap_less_javascript'];
  }

  return apply_filters('roots_theme_options_validate', $output, $input, $defaults);
}

function roots_current_framework() {
  global $roots_options;
  switch ($roots_options['css_framework']) {
    case 'blueprint' :
      return 'blueprint';
      break;
    case '960gs_12' :
      return '960gs_12';
      break;
    case '960gs_16' :
      return '960gs_16';
      break;
    case '960gs_24' :
      return '960gs_24';
      break;
    case '1140' :
      return '1140';
      break;
    case 'adapt' :
      return 'adapt';
      break;
    case 'foundation' :
      return 'foundation';
      break;
    case 'less' :
      return 'less';
      break;
    case 'bootstrap' :
      return 'bootstrap';
      break;
    case 'bootstrap_less' :
      return 'bootstrap_less';
      break;
  }
}

?>