<?php
class ombresocial_Admin {
	private $key = 'ombresocial_options';
	private $metabox_id = 'ombresocial_option_metabox';
	protected $title = '';
	protected $options_page = '';
	public function __construct() {
		// Set our title
		$this->title = esc_attr__( 'Ombre - Social Icons', 'ombre' );
        $this->menutitle = esc_attr__( 'Social Icons', 'ombre' );
	}

	public function hooks() {
		add_action( 'admin_init', array( $this, 'init' ) );
		add_action( 'admin_menu', array( $this, 'ombre_add_social_page' ) );
		add_action( 'cmb2_init', array( $this, 'ombre_add_social_page_metabox' ) );
	}

	public function init() {
		register_setting( $this->key, $this->key );
	}

	public function ombre_add_social_page() {
		$this->options_page = add_menu_page( $this->title, $this->menutitle, 'manage_options', $this->key, array( $this, 'ombre_admin_social_display' ), 'dashicons-twitter' );

		// Include CMB CSS in the head to avoid FOUT
		add_action( "admin_print_styles-{$this->options_page}", array( 'CMB2_hookup', 'enqueue_cmb_css' ) );
	}

	public function ombre_admin_social_display() {
		?>
    <div class="wrap cmb2-options-page <?php echo esc_attr__($this->key); ?>">
        <div id="ombre-social-wrapper">
            <h1 class="ombre-social-title"><span><?php echo esc_html( get_admin_page_title() ); ?></span></h1>
                <?php cmb2_metabox_form( $this->metabox_id, $this->key ); ?>
        </div>
    </div>
    <?php
	}

	function ombre_add_social_page_metabox() {
        $prefix = 'ombre';

		$cmb = new_cmb2_box( array(
			'id'         => $this->metabox_id,
			'hookup'     => false,
			'cmb_styles' => false,
			'show_on'    => array(
				// These are important, don't remove
				'key'   => 'options-page',
				'value' => array( $this->key, )
			),
		) );
        
        $cmb->add_field(
            array(
            'desc' => esc_attr__( 'Add to Header', 'ombre'),
            'id' => $prefix . 'addheader',
            'type' => 'checkbox'
            )
        );
        
        $cmb->add_field( 
            array(
            'desc' => esc_attr__( 'Add to Footer', 'ombre'),
            'id' => $prefix . 'addfooter',
            'type' => 'checkbox'
            )
        );
        
        $cmb->add_field(
            array(
            'id' => $prefix . 'socialicons',
            'type' => 'group',
            'options' => array(
                'group_title'   => esc_attr__( 'Icon {#}', 'ombre' ),
                'add_button' => esc_attr__( 'Add Another Icon', 'ombre' ),
                'remove_button' => esc_attr__( 'Remove Icon', 'ombre' ),
                'sortable' => true,
            ),
            'fields' => array(
                array(
                    'name' => esc_attr__( 'Title:', 'ombre'),
                    'id' => $prefix . 'icontitle',
                    'type' => 'text'
                ),
				array(
                    'name' => esc_attr__( 'Select Icon:', 'ombre'),
                    'id' => $prefix . 'iconimg',
                    'desc' => esc_attr__( 'Select an icon or add a Font Awesome icon manually', 'ombre'),
                    'type' => 'select',
                    'options' => array(
                        'facebook-f' => esc_attr__( 'Facebook', 'ombre' ),
                        'twitter' => esc_attr__( 'Twitter', 'ombre' ),
                        'google-plus' => esc_attr__( 'Google Plus', 'ombre' ),
                        'linkedin' => esc_attr__( 'Linkedin', 'ombre' ),
                        'instagram' => esc_attr__( 'Instagram', 'ombre' ),
                        'vimeo' => esc_attr__( 'Vimeo', 'ombre' ),
                        'youtube' => esc_attr__( 'You Tube', 'ombre' ),
                        'behance' => esc_attr__( 'Behance', 'ombre' ),
                        'codepen' => esc_attr__( 'Codepen', 'ombre' ),
                        'apple' => esc_attr__( 'Apple', 'ombre' ),
                        'dribbble' => esc_attr__( 'Dribbble', 'ombre' ),
                        'flickr' => esc_attr__( 'Flickr', 'ombre' ),
                        'github' => esc_attr__( 'Github', 'ombre' ),
                        'pinterest' => esc_attr__( 'Pinterest', 'ombre' ),
                        'soundcloud' => esc_attr__( 'Soundcloud', 'ombre' ),
                        'vk' => esc_attr__( 'VK', 'ombre' ),
                    ),
                ),   
                array(
                    'name' => esc_attr__( 'Custom icon:', 'ombre'),
                    'id' => $prefix . 'iconcustom',
                    'desc' => '<a href="https://fortawesome.github.io/Font-Awesome/icons/" target="_blank">' . esc_attr__( 'Click to view Font Awesome icon list', 'ombre') . '</a>',
                    'type' => 'text'
                ),
                array(
                    'name' => esc_attr__( 'Link:', 'ombre'),
                    'desc' => esc_attr__( 'Example; http://www.themeforest.net', 'ombre'),
                    'id' => $prefix . 'iconlink',
                    'type' => 'text'
                ),
            ),
        ));

	}

	public function __get( $field ) {
		if ( in_array( $field, array( 'key', 'metabox_id', 'title', 'options_page' ), true ) ) {
			return $this->{$field};
		}

		throw new Exception( 'Invalid property: ' . $field );
	}

}

function ombresocial_admin() {
	static $object = null;
	if ( is_null( $object ) ) {
		$object = new ombresocial_Admin();
		$object->hooks();
	}

	return $object;
}

function ombresocial_get_option( $key = '' ) {
	return cmb2_get_option( ombresocial_admin()->key, $key );
}

ombresocial_admin();