<?php
function avocation_options_init(){
 register_setting( 'avocation_option', 'avocation_theme_options','avocation_option_validate');
} 
add_action( 'admin_init', 'avocation_options_init' );
function avocation_option_validate($avocation_input)
{
	 $avocation_input['avocation-logo'] = esc_url_raw( $avocation_input['avocation-logo'] );
	 $avocation_input['avocation-favicon'] = esc_url_raw( $avocation_input['avocation-favicon'] );
	 $avocation_input['avocation-footertext'] = sanitize_text_field( $avocation_input['avocation-footertext'] );
	 $avocation_input['avocation-blogtitle'] = sanitize_text_field( $avocation_input['avocation-blogtitle'] );
	 $avocation_input['avocation-breadcrumbsbg-bg'] = esc_url_raw( $avocation_input['avocation-breadcrumbsbg-bg'] );
	  $avocation_input['avocation-footerbg-bg'] = esc_url_raw( $avocation_input['avocation-footerbg-bg'] );
	 
	 
	 $avocation_input['avocation-fburl'] = esc_url_raw( $avocation_input['avocation-fburl'] );
	 $avocation_input['avocation-twitter'] = esc_url_raw( $avocation_input['avocation-twitter'] );
	 $avocation_input['avocation-rss'] = esc_url_raw( $avocation_input['avocation-rss'] );	
	 $avocation_input['avocation-youtube'] = esc_url_raw( $avocation_input['avocation-youtube'] ); 
	  $avocation_input['avocation-pinterest'] = esc_url_raw( $avocation_input['avocation-pinterest'] ); 
	 
	
	 
	  for($avocation_i=1; $avocation_i <=5 ;$avocation_i++ ):
	 $avocation_input['avocation-slider-img-'.$avocation_i] = esc_url_raw( $avocation_input['avocation-slider-img-'.$avocation_i] );
	 $avocation_input['avocation-slider-title-'.$avocation_i] = sanitize_text_field( $avocation_input['avocation-slider-title-'.$avocation_i]);
	 $avocation_input['avocation-slidercontent-'.$avocation_i] = sanitize_text_field( $avocation_input['avocation-slidercontent-'.$avocation_i]);
	 $avocation_input['avocation-home-button-title-'.$avocation_i] = sanitize_text_field( $avocation_input['avocation-home-button-title-'.$avocation_i]);
	 $avocation_input['avocation-home-button-link-'.$avocation_i] = esc_url_raw( $avocation_input['avocation-home-button-link-'.$avocation_i]);
	 endfor;
	 
	 $avocation_input['avocation-home-title'] = sanitize_text_field( $avocation_input['avocation-home-title'] );
	 $avocation_input['avocation-home-sub-title'] = sanitize_text_field( $avocation_input['avocation-home-sub-title'] );
	 $avocation_input['avocation-purposebg-bg'] = esc_url_raw( $avocation_input['avocation-purposebg-bg'] );
	 for($avocation_l=1; $avocation_l <= 3 ;$avocation_l++ ):
	 	$avocation_input['avocation-section-icon-'.$avocation_l] = sanitize_text_field( $avocation_input['avocation-section-icon-'.$avocation_l] );
	 	$avocation_input['avocation-sectiontitle-'.$avocation_l] = sanitize_text_field( $avocation_input['avocation-sectiontitle-'.$avocation_l] );
	 	$avocation_input['avocation-sectiondesc-'.$avocation_l] = sanitize_text_field( $avocation_input['avocation-sectiondesc-'.$avocation_l] );
	 	$avocation_input['avocation-sectionurl-'.$avocation_l] = esc_url_raw( $avocation_input['avocation-sectionurl-'.$avocation_l] );
	 endfor;

	  $avocation_input['avocation-home-button-link'] = esc_url_raw( $avocation_input['avocation-home-button-link'] );
	  $avocation_input['avocation-home-blog-title'] = sanitize_text_field( $avocation_input['avocation-home-blog-title'] );
	  $avocation_input['avocation-home-blog-sub-title'] = sanitize_text_field( $avocation_input['avocation-home-blog-sub-title'] );
	  
	  $avocation_input['avocation-contact-info-title'] = sanitize_text_field( $avocation_input['avocation-contact-info-title'] );
	  $avocation_input['avocation-contact-info'] = sanitize_text_field( $avocation_input['avocation-contact-info'] );
	  $avocation_input['avocation-contact-telephone'] = wp_filter_nohtml_kses( $avocation_input['avocation-contact-telephone'] );
	
	  $avocation_input['avocation-contact-email'] = sanitize_email( $avocation_input['avocation-contact-email'] );
	  $avocation_input['avocation-contact-web'] = esc_url_raw( $avocation_input['avocation-contact-web'] );
	  $avocation_input['avocation-contact-code'] = sanitize_text_field( $avocation_input['avocation-contact-code'] );
	   $avocation_input['avocation-contact-code'] = sanitize_text_field( $avocation_input['avocation-contact-code'] );
		
    return $avocation_input;
}

function avocation_framework_load_scripts($hook){
	  if($GLOBALS['avocation_menu'] == $hook){ 
	wp_enqueue_media();
	wp_enqueue_style( 'avocation_themeoptions_framework', get_template_directory_uri(). '/theme-options/css/avocation_themeoptions_framework.css' ,false, '1.0.0');	
	wp_enqueue_script( 'options-custom', get_template_directory_uri(). '/theme-options/js/avocation-custom.js', array( 'jquery' ) );
	wp_enqueue_script( 'media-uploader', get_template_directory_uri(). '/theme-options/js/media-uploader.js', array( 'jquery') );		
}
}

function avocation_framework_menu_settings() {
	$avocation_menu = array(
				'page_title' => __( 'Theme Options', 'avocation_framework'),
				'menu_title' => __('Theme Options', 'avocation_framework'),
				'capability' => 'edit_theme_options',
				'menu_slug' => 'avocation_framework',
				'callback' => 'avocation_framework_page'
				);
	return apply_filters( 'avocation_framework_menu', $avocation_menu );
}
add_action( 'admin_menu', 'avocation_options_add_page' ); 
function avocation_options_add_page() {
	$avocation_menu = avocation_framework_menu_settings();
   	$GLOBALS['avocation_menu']=add_theme_page($avocation_menu['page_title'],$avocation_menu['menu_title'],$avocation_menu['capability'],$avocation_menu['menu_slug'],$avocation_menu['callback']);
   	add_action( 'admin_enqueue_scripts', 'avocation_framework_load_scripts' );
} 
function avocation_framework_page(){ 
		global $select_options; 
		if ( ! isset( $_REQUEST['settings-updated'] ) ) 
		$_REQUEST['settings-updated'] = false;		
?>
<div class="themeoption-themes">
	<form method="post" action="options.php" id="form-option" class="theme_option_ft">
  <div class="themeoption-header">
    <div class="logo">
      <?php
		$avocation_image=get_template_directory_uri().'/theme-options/images/logo.png';
			echo "<a href='http://fruitthemes.com' target='_blank'><img src='".esc_url($avocation_image)."' alt='".__('FruitThemes','avocation')."'  /></a>";
		?>
    </div>
    <div class="header-right">
    	<div class='btn-save'><input type='submit' class='button-primary' value='<?php _e('Save Options','avocation'); ?>' />
	</div>
    </div>
  </div>
  <div class="themeoption-details">
    <div class="themeoption-options">
      <div class="right-box">
        <div class="nav-tab-wrapper">
          <div class="option-title">
            <h2><?php _e('Theme Options','avocation'); ?></h2>
          </div>  
          <ul>
            <li><a id="options-group-1-tab" class="nav-tab basicsettings-tab" title="<?php _e('Basic Settings','avocation');?>" href="#options-group-1"><?php _e('Basic Settings','avocation');?></a></li>
            <li><a id="options-group-2-tab" class="nav-tab homepagesettings-tab" title="<?php _e('Home Page Settings','avocation');?>" href="#options-group-2"><?php _e('Home Page Settings','avocation');?></a></li>
            <li><a id="options-group-3-tab" class="nav-tab socialsettings-tab" title="<?php _e('Social Settings','avocation');?>" href="#options-group-3"><?php _e('Social Settings','avocation');?></a></li>
             <li><a id="options-group-6-tab" class="nav-tab contactsettings-tab" title="<?php _e('Contact Us Settings','avocation');?>" href="#options-group-6"><?php _e('Contact Us Settings','avocation');?></a></li>
 		  </ul>
        </div>
      </div>
      <div class="right-box-bg"></div>
      <div class="postbox left-box"> 
        <!--======================== F I N A L - - T H E M E - - O P T I O N ===================-->
          <?php settings_fields( 'avocation_option' );  
			$avocation_options = get_option( 'avocation_theme_options' );
		 ?>
          <!-------------- Basic Settings group ----------------->
          <div id="options-group-1" class="group theme-option-inner-tabs">   
			<div class="section theme-tabs theme-logo">
            <a class="heading theme-option-inner-tab active" href="javascript:void(0)"><?php _e('Site Logo (Recommended Size : 182px * 39px)','avocation'); ?></a>
            <div class="theme-option-inner-tab-group active">
				<div class="explain"><?php _e('Size of Logo should be exactly 182x39px for best results.','avocation'); ?></div>
              	<div class="ft-control">
                <input id="logo-img" class="upload" type="text" name="avocation_theme_options[avocation-logo]" 
                            value="<?php if(!empty($avocation_options['avocation-logo'])) { echo esc_attr($avocation_options['avocation-logo']); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                <input id="upload_image_button" class="upload-button button" type="button" value="<?php _e('Upload','avocation'); ?>" />
                <div class="screenshot" id="logo-image">
                  <?php if(!empty($avocation_options['avocation-logo'])) { ?>
					  <img src="<?php echo esc_url($avocation_options['avocation-logo']) ?>" alt="<?php _e('Avocation logo','avocation'); ?>" />
					  <a class='remove-image'> </a>
				  <?php } ?>
                </div>
              </div>
            </div>
            </div>
              <?php /** new */?>	
	       <div id="avocation-breadcrumbsbg-bg" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Breadcrumbs Backgroung Image (Recommended Size : 1329px * 89px)','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              		<div class="ft-control">
                <input id="avocation-breadcrumbsbg-bg" class="upload" type="text" name="avocation_theme_options[avocation-breadcrumbsbg-bg]" 
                            value="<?php if(!empty($avocation_options['avocation-breadcrumbsbg-bg'])) { echo esc_attr($avocation_options['avocation-breadcrumbsbg-bg']); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                <input id="upload_image_button" class="upload-button button" type="button" value="<?php _e('Upload','avocation'); ?>" />
                <div class="screenshot" id="avocation-breadcrumbsbg-bg">
                  <?php if(!empty($avocation_options['avocation-breadcrumbsbg-bg'])) { echo "<img src='".esc_url($avocation_options['avocation-breadcrumbsbg-bg'])."' /><a class='remove-image'></a>"; } ?>
                </div>
              </div>
              </div>
            </div>
	<?php /** end **/ ?>
	 <?php /** new for footer background*/?>	
	       <div id="avocation-footerbg-bg" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Footer Backgroung Image (Recommended Size : 1329px * 1035px)','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              		<div class="ft-control">
                <input id="avocation-footerbg-bg" class="upload" type="text" name="avocation_theme_options[avocation-footerbg-bg]" 
                            value="<?php if(!empty($avocation_options['avocation-footerbg-bg'])) { echo esc_attr($avocation_options['avocation-footerbg-bg']); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                <input id="upload_image_button" class="upload-button button" type="button" value="<?php _e('Upload','avocation'); ?>" />
                <div class="screenshot" id="avocation-footerbg-bg">
                  <?php if(!empty($avocation_options['avocation-footerbg-bg'])) { echo "<img src='".esc_url($avocation_options['avocation-footerbg-bg'])."' /><a class='remove-image'></a>"; } ?>
                </div>
              </div>
              </div>
            </div>
	<?php /** end **/ ?>
	
            <div class="section theme-tabs theme-avocation-favicon">
              <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('avocation-favicon (Recommended Size : 32px * 32px)','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="explain"><?php _e('Size of favicon should be exactly 32x32px for best results.','avocation'); ?></div>
                <div class="ft-control">
                  <input id="avocation-favicon-img" class="upload" type="text" name="avocation_theme_options[avocation-favicon]" 
                            value="<?php if(!empty($avocation_options['avocation-favicon'])) { echo esc_attr($avocation_options['avocation-favicon']); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                  <input id="upload_image_button1" class="upload-button button" type="button" value="<?php _e('Upload','avocation'); ?>" />
                  <div class="screenshot" id="avocation-favicon-image">
                    <?php  if(!empty($avocation_options['avocation-favicon'])) { ?>
						<img src="<?php echo esc_url($avocation_options['avocation-favicon']) ?>" alt="<?php _e('avocation-favicon','avocation'); ?>" />	<a class='remove-image'> </a>
					<?php } ?>
                  </div>
                </div>
              </div>
            </div>
           
             <div id="section-avocation-blogtitle" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Blog Title','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<input type="text" id="avocation-blogtitle" class="of-input" name="avocation_theme_options[avocation-blogtitle]" maxlength="30" size="32"  value="<?php if(!empty($avocation_options['avocation-blogtitle'])) { echo esc_attr($avocation_options['avocation-blogtitle']); } ?>">
                </div>                
              </div>
            </div> 
            <div id="section-avocation-footertext" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Copyright Text','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
              		<div class="explain"><?php _e('Some text regarding copyright of your site, you would like to display in the footer.','avocation'); ?></div>                
                  	<input type="text" id="avocation-footertext" class="of-input" maxlength="100" name="avocation_theme_options[avocation-footertext]" size="32"  value="<?php if(!empty($avocation_options['avocation-footertext'])) { echo esc_html($avocation_options['avocation-footertext']); } ?>">
                </div>                
              </div>
            </div> 
               
            </div>    
         
       
          <!-------------- Home Page Settings group ----------------->
          <div id="options-group-2" class="group theme-option-inner-tabs">
			   <h3><?php _e('Banner Slider','avocation'); ?></h3>
			<?php for($avocation_i=1; $avocation_i <=3 ;$avocation_i++ ):?> 
            <div class="section theme-tabs theme-slider-img">
            <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Slider','avocation'); ?><?php echo $avocation_i;?><?php  _e(' (Recommended Size : 1350px * 667px)','avocation');?></a>
            <div class="theme-option-inner-tab-group">
                <div class="ft-control">
                <input id="avocation-slider-img-<?php echo $avocation_i;?>" class="upload" type="text" name="avocation_theme_options[avocation-slider-img-<?php echo $avocation_i;?>]" 
                            value="<?php if(!empty($avocation_options['avocation-slider-img-'.$avocation_i])) { echo esc_url($avocation_options['avocation-slider-img-'.$avocation_i]); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                <input id="1upload_image_button" class="upload-button button" type="button" value="<?php _e( 'Upload', 'avocation' ); ?>" />
                <div class="screenshot" id="avocation-slider-img-<?php echo $avocation_i;?>">
                  <?php if(!empty($avocation_options['avocation-slider-img-'.$avocation_i])) { echo "<img src='".esc_attr($avocation_options['avocation-slider-img-'.$avocation_i])."' /><a class='remove-image'></a>"; } ?>
                </div>
              </div>
				<div class="ft-control">
                    <input type="text" placeholder="<?php _e('Slide Tiltle','avocation'); ?><?php echo $avocation_i; ?> <?php _e('Title','avocation'); ?>" id="avocation-slider-title-<?php echo $avocation_i;?>" class="of-input" name="avocation_theme_options[avocation-slider-title-<?php echo $avocation_i;?>]" size="32"  value="<?php if(!empty($avocation_options['avocation-slider-title-'.$avocation_i])) { echo esc_attr($avocation_options['avocation-slider-title-'.$avocation_i]); } ?>">
              </div>
              
            
                <div class="ft-control">
                    <input type="text" placeholder="<?php _e('Slide','avocation'); ?><?php echo $avocation_i; ?> <?php _e('Content','avocation'); ?>" id="avocation-slidercontent-<?php echo $avocation_i;?>" class="of-input" name="avocation_theme_options[avocation-slidercontent-<?php echo $avocation_i;?>]" size="32"  value="<?php if(!empty($avocation_options['avocation-slidercontent-'.$avocation_i])) { echo esc_attr($avocation_options['avocation-slidercontent-'.$avocation_i]); } ?>">
              </div>
					<div class="ft-control">	
					<input id="avocation-home-button-title-<?php echo $avocation_i;?>" class="of-input" maxlength="50" name="avocation_theme_options[avocation-home-button-title-<?php echo $avocation_i;?>]" type="text" size="46" value="<?php if(!empty($avocation_options['avocation-home-button-title-'.$avocation_i])) { echo esc_attr($avocation_options['avocation-home-button-title-'.$avocation_i]); } ?>"  placeholder="<?php _e('Button Title','avocation'); ?><?php echo $avocation_i; ?> <?php _e('Button Title','avocation'); ?>" />
				  </div>
					
					<div class="ft-control">	
					<input id="avocation-home-button-link-<?php echo $avocation_i;?>" class="of-input" name="avocation_theme_options[avocation-home-button-link-<?php echo $avocation_i;?>]" type="text" size="46" value="<?php if(!empty($avocation_options['avocation-home-button-link-'.$avocation_i])) { echo esc_attr($avocation_options['avocation-home-button-link-'.$avocation_i]); } ?>"  placeholder="<?php _e('Button Link','avocation'); ?><?php echo $avocation_i; ?> <?php _e('Button Link','avocation'); ?>" />
				  </div>
				  <div style="display: block;">
				<div class="ft-control">
					<input type="checkbox" id="avocation-remove-slider-url-<?php echo $avocation_i; ?>" name="avocation_theme_options[remove-slider-url-<?php echo $avocation_i;?>]" <?php if(!empty($avocation_options['avocation-remove-slider-url-'.$avocation_i])) { ?> checked="checked" <?php } ?> value="yes">
					<label class="remove-slider-class" for="avocation-remove-slider-url-<?php $avocation_i;?>"><?php _e('Check this if you donot want to open in new tab.','avocation') ?></label>
               </div>
			   </div>
                              
            </div>
            
            </div>
            <?php endfor; ?>
		 <h3><?php _e('About Us Section','avocation'); ?></h3>		  
		 <div class="section theme-tabs theme-logo">
            <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('About Us Title Bar','avocation');?> </a>
               <div class="theme-option-inner-tab-group">
				  <div class="ft-control">
					<input id="avocation-home-title" class="of-input" name="avocation_theme_options[avocation-home-title]" type="text" maxlength="30" size="46" value="<?php if(!empty($avocation_options['avocation-home-title'])) { echo esc_attr($avocation_options['avocation-home-title']); } ?>"  placeholder="<?php _e('About Title ','avocation'); ?>" />
				  </div>
				  
				  <div class="ft-control">	
					<?php 				
						 $avocation_content = wpautop($avocation_options['avocation-homedesc']);
						 $avocation_editor_id = 'avocation-homedesc';
						 $avocation_settings = array(
								'textarea_name' => 'avocation_theme_options[avocation-homedesc]',
								'textarea_rows' => 20,
								'media_buttons' => false,
								);
						 wp_editor($avocation_content, $avocation_editor_id, $avocation_settings);
					 ?> 
                  </div>
                </div>
         </div>
	  <?php /** About Us... **/	 ?> 		
		 	 
		 <?php for($avocation_j=1; $avocation_j <= 4 ;$avocation_j++ ):?> 
           <div class="section theme-tabs theme-logo">
            <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Tab','avocation');?> <?php echo $avocation_j; ?></a>
               <div class="theme-option-inner-tab-group">
				  <div class="ft-control">
					  <div class="explain"><?php _e('You have to enter the class name like this way fa fa-icon','avocation');?> </div>
					<input id="avocation-section-icon-<?php echo $avocation_j; ?>" class="of-input" maxlength="30" name="avocation_theme_options[avocation-section-icon-<?php echo $avocation_j; ?>]" type="text" size="46" value="<?php if(!empty($avocation_options['avocation-section-icon-'.$avocation_j])) { echo  esc_attr($avocation_options['avocation-section-icon-'.$avocation_j]); } ?>"  placeholder="<?php _e('Section Icon','avocation'); ?>" />
					<span><?php _e('Font Awesome icon names','avocation'); ?> <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/icons/"><?php _e('[View all]','avocation'); ?></a></span>
				  </div>
				  <div class="ft-control">	
					<input id="avocation-sectiontitle-<?php echo $avocation_j; ?>" class="of-input" maxlength="50" name="avocation_theme_options[avocation-sectiontitle-<?php echo $avocation_j; ?>]" type="text" size="46" value="<?php if(!empty($avocation_options['avocation-sectiontitle-'.$avocation_j])) { echo esc_attr($avocation_options['avocation-sectiontitle-'.$avocation_j]); } ?>"  placeholder="<?php _e('Section Title','avocation'); ?>" />
				  </div>
				  <div class="ft-control">	
					<textarea name="avocation_theme_options[avocation-sectiondesc-<?php echo $avocation_j; ?>]" id="avocation-sectiondesc-<?php echo $avocation_j; ?>" class="of-input" placeholder="<?php _e('Section Description','avocation'); ?>" maxlength="150" rows="5" ><?php if(!empty($avocation_options['avocation-sectiondesc-'.$avocation_j])) { echo esc_textarea($avocation_options['avocation-sectiondesc-'.$avocation_j]); } ?></textarea>
                  </div>
                  <div class="ft-control">	
					<input id="avocation-sectionurl-<?php echo $avocation_j; ?>" class="of-input" maxlength="50" name="avocation_theme_options[avocation-sectionurl-<?php echo $avocation_j; ?>]" type="text" size="46" value="<?php if(!empty($avocation_options['avocation-sectionurl-'.$avocation_j])) { echo esc_attr($avocation_options['avocation-sectionurl-'.$avocation_j]); } ?>"  placeholder="<?php _e('Section Url','avocation'); ?>" />
				  </div>
				  
				<div style="display: block;">
				<div class="ft-control">
					<input type="checkbox" id="avocation-remove-url-<?php echo $avocation_j; ?>" name="avocation_theme_options[remove-url-<?php echo $avocation_j;?>]" <?php if(!empty($avocation_options['avocation-remove-url-'.$avocation_j])) { ?> checked="checked" <?php } ?> value="yes">
					<label class="remove-slider-class" for="avocation-remove-url-<?php $avocation_l;?>"><?php _e('Check this if you donot want to open in new tab.','avocation') ?></label>
               </div>
			   </div>
			
              </div>
           </div>
         <?php endfor; ?>
         
		 <h3><?php _e('Purpose Business Section','avocation'); ?></h3>		  
		 <div class="section theme-tabs theme-logo">
            <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Purpose Business Title Bar','avocation');?> </a>
               <div class="theme-option-inner-tab-group">
				  <div class="ft-control">
					<input id="avocation-perfect-title" class="of-input" name="avocation_theme_options[avocation-perfect-title]" type="text" maxlength="50" size="46" value="<?php if(!empty($avocation_options['avocation-perfect-title'])) { echo esc_attr($avocation_options['avocation-perfect-title']); } ?>"  placeholder="<?php _e('Perfect Title ','avocation'); ?>" />
				  </div>
				  
				  <div class="ft-control">	
					<?php 				
						 $avocation_content = wpautop($avocation_options['avocation-perfectdesc']);
						 $avocation_editor_id = 'avocation-perfectdesc';
						 $avocation_settings = array(
								'textarea_name' => 'avocation_theme_options[avocation-perfectdesc]',
								'textarea_rows' => 20,
								'media_buttons' => false,
								);
						 wp_editor($avocation_content, $avocation_editor_id, $avocation_settings);
					 ?> 
                  </div>
                  <div class="ft-control">
					  <div class="explain"><?php _e('Here background image 1280 x 853 set in the purpose section ','avocation');?> </div>
                <input id="avocation-purposebg-bg" class="upload" type="text" name="avocation_theme_options[avocation-purposebg-bg]" 
                            value="<?php if(!empty($avocation_options['avocation-purposebg-bg'])) { echo esc_attr($avocation_options['avocation-purposebg-bg']); } ?>" placeholder="<?php _e('No file chosen','avocation'); ?>" />
                <input id="upload_image_button" class="upload-button button" type="button" value="<?php _e('Upload','avocation'); ?>" />
                <div class="screenshot" id="avocation-purposebg-bg">
                  <?php if(!empty($avocation_options['avocation-purposebg-bg'])) { echo "<img src='".esc_attr($avocation_options['avocation-purposebg-bg'])."' /><a class='remove-image'></a>"; } ?>
                </div>
              </div>
                </div>
                
              	
         </div>
         
		 <h3><?php _e('Blog Section','avocation'); ?></h3>		  
		  <div class="section theme-tabs theme-logo">
            <a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Blog Section','avocation');?> </a>
               <div class="theme-option-inner-tab-group">
				   <div class="ft-control">
					<input id="avocation-home-blog-title" class="of-input" name="avocation_theme_options[avocation-home-blog-title]" type="text" maxlength="30" size="46" value="<?php if(!empty($avocation_options['avocation-home-blog-title'])) { echo esc_attr($avocation_options['avocation-home-blog-title']); } ?>"  placeholder="<?php _e('Blog Title','avocation'); ?>" />
				  </div>		
				  <div class="ft-control">
					<textarea name="avocation_theme_options[avocation-home-blog-sub-title]" id="avocation-home-blog-sub-title" class="of-input" placeholder="<?php _e('Blog Sub Title','avocation'); ?>" maxlength="300" rows="5" ><?php if(!empty($avocation_options['avocation-home-blog-sub-title'])) { echo esc_textarea($avocation_options['avocation-home-blog-sub-title']); } ?></textarea>  
					
				  </div>
				  	<div class="ft-control">
                <select name="avocation_theme_options[avocation-post-category]" id="category">
                <option value=""><?php echo esc_attr(__('Select Category', 'avocation')); ?></option>
                                           <?php
												$avocation_args = array(
												'meta_query' => array(
													array(
														'key' => '_thumbnail_id',
														'compare' => 'EXISTS'
													),
												)
												);
												$avocation_post = new WP_Query($avocation_args);
												$avocation_cat_id = array();
												while ($avocation_post->have_posts()) {
												$avocation_post->the_post();
												$avocation_post_categories = wp_get_post_categories(get_the_id());
												foreach ($avocation_post_categories as $avocation_post_category)
													$avocation_cat_id[] = $avocation_post_category;
												}
												$avocation_cat_id = array_unique($avocation_cat_id);
												$avocation_args = array(
												'orderby' => 'name',
												'parent' => 0,
												'include' => $avocation_cat_id
												);
												$avocation_categories = get_categories($avocation_args);
												foreach ($avocation_categories as $avocation_category) {
												if ($avocation_category->term_id == $avocation_options['avocation-post-category'])
													$avocation_selected = "selected=selected";
												else
													$avocation_selected = '';
												$avocation_option = '<option value="' . $avocation_category->term_id . '" ' . $avocation_selected . '>';
												$avocation_option .= $avocation_category->cat_name;
												$avocation_option .= '</option>';
												echo $avocation_option;
												}
												?>
                </select>        </div>   
				 
              </div>
         </div>
           </div>
          <!-------------- Social Settings group ----------------->
          <div id="options-group-3" class="group theme-option-inner-tabs">            
            <div id="section-facebook" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab active" href="javascript:void(0)"><?php _e('Facebook','avocation'); ?></a>
              <div class="theme-option-inner-tab-group active">
              	<div class="ft-control">
              		<div class="explain"><?php _e('Facebook profile or page URL ','avocation'); ?>i.e. http://facebook.com/username/ </div>      	<input id="facebook" class="of-input" name="avocation_theme_options[avocation-fburl]" size="30" type="text" value="<?php if(!empty($avocation_options['avocation-fburl'])) { echo esc_attr($avocation_options['avocation-fburl']); } ?>" />
                </div>                
              </div>
            </div>
            <div id="section-avocation-twitter" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('twitter','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
              		<div class="explain"><?php _e('twitter profile or page URL ','avocation'); ?>i.e. http://www.twitter.com/username/</div>                
                  	<input id="avocation-twitter" class="of-input" name="avocation_theme_options[avocation-twitter]" type="text" size="30" value="<?php if(!empty($avocation_options['avocation-twitter'])) { echo esc_attr($avocation_options['avocation-twitter']); } ?>" />
                </div>                
              </div>
            </div>
            <div id="section-avocation-youtube" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('youtube','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
              		<div class="explain"><?php _e('youtube profile or page URL ','avocation'); ?>i.e. https://www.youtube.com/username/</div>                
                  	 <input id="avocation-youtube" class="of-input" name="avocation_theme_options[avocation-youtube]" type="text" size="30" value="<?php if(!empty($avocation_options['avocation-youtube'])) { echo esc_attr($avocation_options['avocation-youtube']); } ?>" />
                </div>                
              </div>
            </div>
			<div id="section-avocation-rss" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('rss','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
              		<div class="explain"><?php _e('rss profile or page URL ','avocation'); ?>i.e. https://www.rss.com/username/</div>                
                  	<input id="avocation-rss" class="of-input" name="avocation_theme_options[avocation-rss]" type="text" size="30" value="<?php if(!empty($avocation_options['avocation-rss'])) { echo esc_attr($avocation_options['avocation-rss']); } ?>" />
                </div>                
              </div>
            </div>
            <div id="section-avocation-pinterest" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('pinterest','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
              		<div class="explain"><?php _e('pinterest profile or page URL ','avocation'); ?>i.e. https://www.pinterest.com/username/</div>                
                  	<input id="avocation-pinterest" class="of-input" name="avocation_theme_options[avocation-pinterest]" type="text" size="30" value="<?php if(!empty($avocation_options['avocation-pinterest'])) { echo esc_attr($avocation_options['avocation-pinterest']); } ?>" />
                </div>                
              </div>
            </div>
          </div>
		  <!-------------- Contact page Settings group ----------------->
          <div id="options-group-6" class="group theme-option-inner-tabs">       
			<div id="section-contact-info-title" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Info Title','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<input type="text" id="avocation-contactinfotitle" class="of-input" name="avocation_theme_options[avocation-contact-info-title]" maxlength="30" size="32"  value="<?php if(!empty($avocation_options['avocation-contact-info-title'])) { echo esc_attr($avocation_options['avocation-contact-info-title']); } ?>">
                </div>                
              </div>
            </div>
            <div id="section-contact-info" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Info','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<textarea name="avocation_theme_options[avocation-contact-info]" id="avocation-contact-info" class="of-input" placeholder="<?php _e('Description','avocation'); ?>" maxlength="200" rows="5" ><?php if(!empty($avocation_options['avocation-contact-info'])) { echo esc_textarea($avocation_options['avocation-contact-info']); } ?></textarea>
                </div>                
              </div>
            </div>
            <div id="section-contact-telephone" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Telephone','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<input type="text" id="avocation-contact-telephone" class="of-input" name="avocation_theme_options[avocation-contact-telephone]" maxlength="30" size="32"  value="<?php if(!empty($avocation_options['avocation-contact-telephone'])) { echo esc_attr($avocation_options['avocation-contact-telephone']); } ?>">
                </div>                
              </div>
            </div>
           
            <div id="section-contact-email" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Email','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<input type="text" id="avocation-contact-fax" class="of-input" name="avocation_theme_options[avocation-contact-email]" maxlength="30" size="32"  value="<?php if(!empty($avocation_options['avocation-contact-email'])) { echo esc_attr($avocation_options['avocation-contact-email']); } ?>">
                </div>                
              </div>
            </div>
            <div id="section-contact-web" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact web','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<input type="text" id="avocation-contactweb" class="of-input" name="avocation_theme_options[avocation-contact-web]" maxlength="30" size="32"  value="<?php if(!empty($avocation_options['avocation-contact-web'])) { echo esc_html($avocation_options['avocation-contact-web']); } ?>">
                </div>                
              </div>
            </div>
            <div id="section-contact-address" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Address','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
              	<div class="ft-control">
                  	<textarea name="avocation_theme_options[avocation-contact-address]" id="contactaddress" class="of-input" placeholder="<?php _e('Contact Address','avocation'); ?>" maxlength="150" rows="5"><?php if(!empty($avocation_options['avocation-contact-address'])) { echo esc_textarea($avocation_options['avocation-contact-address']); } ?></textarea>
                </div>                
              </div>
            </div>
            <div id="section-contact-shortcode" class="section theme-tabs">
            	<a class="heading theme-option-inner-tab" href="javascript:void(0)"><?php _e('Contact Short Code','avocation'); ?></a>
              <div class="theme-option-inner-tab-group">
				  <div class="explain"><?php _e('here you have to write the shortcode ','avocation'); ?>i.e. [contact-form-7 id="60" title="Contact form 1"]</div>
              	<div class="ft-control">
                  	<input name="avocation_theme_options[avocation-contact-code]" type="text" id="avocation-contactcode" class="of-input" placeholder="<?php _e('Shortcode','avocation'); ?>" size="40" maxlength="130" value="<?php if(!empty($avocation_options['avocation-contact-code'])) { echo esc_attr($avocation_options['avocation-contact-code']); } ?>"/>
                </div>                
              </div>
            </div>
        </div>   
        <!--======================== F I N A L - - T H E M E - - O P T I O N S ===================--> 
      </div>
     </div>
	</div>
	<div class="themeoption-footer">
      	<ul>        	
            <li class="btn-save"><input type="submit" class="button-primary" value="<?php _e('Save Options','avocation');?>" /></li>
        </ul>
    </div>
    </form>    
</div>
<?php } ?>