<!-- #general -->
<div id="general" class="bpanel-content">

    <!-- .bpanel-main-content -->
    <div class="bpanel-main-content">
        <ul class="sub-panel"> 
            <li><a href="#my-general"><?php _e("General",'iamd_text_domain');?></a></li>
            <li><a href="#my-top"><?php _e("Top",'iamd_text_domain');?></a></li>
            <li><a href="#my-sociable"><?php _e("Sociable",'iamd_text_domain');?></a></li>
        </ul>
        
        <!-- #my-general-->
        <div id="my-general" class="tab-content">
            <!-- .bpanel-box -->
            <div class="bpanel-box">
                    <!-- Logo -->
                    <div class="box-title"><h3><?php _e('Logo','iamd_text_domain');?></h3></div>
                    <div class="box-content">
                    	<div class="column three-fifth">
                            <div class="bpanel-option-set">
                                <?php $logo = array(
                                        'id'=>		'logo',
                                        'options'=>		array(
                                                            'true'	=> __('Custom Image Logo','iamd_text_domain'),
                                                             ''=> 	__('Display Site Title <small><a href="'.esc_url("options-general.php").'">(click here to edit site title)</a></small>','iamd_text_domain')
                                                            )
                                        );
                                             
                                        $output = "";
                                        $i = 0;
                                        foreach($logo['options'] as $key => $option):
                                            $checked = ( $key ==  dt_theme_option('general',$logo['id']) ) ? ' checked="checked"' : '';
                                            $output .= "<label><input type='radio' name='mytheme[general][$logo[id]]' value='{$key}'  $checked />$option</label>";
                                            if($i == 0):
                                                $output .='<div class="clear"></div>';
                                            endif;
                                        $i++;
                                        endforeach;
                                        echo $output;?>
                          </div><!-- .bpanel-option-set end-->
                        </div>
                        
                        <div class="column two-fifth last">
                            <p class="note"><?php _e('You can choose whether you wish to display a custom logo or your site title.','iamd_text_domain');?></p>
                        </div>  
                        
                        <div class="hr"> </div>                        
                        
                        <div class="image-preview-container">
                            <input id="mytheme-logo" name="mytheme[general][logo-url]" type="text" class="uploadfield" readonly="readonly"
                                    value="<?php echo  dt_theme_option('general','logo-url');?>" />
                            <input type="button" value="<?php _e('Upload','iamd_text_domain');?>" class="upload_image_button show_preview" />
                            <input type="button" value="<?php _e('Remove','iamd_text_domain');?>" class="upload_image_reset" />
                            <?php dt_theme_adminpanel_image_preview(dt_theme_option('general','logo-url'),false,'logo.png');?>
                        </div>
                        
                        <p class="note"> <?php _e('Upload a logo for your theme, or specify the image address of your online logo.','iamd_text_domain');?> </p>
                        
                    </div> <!-- Logo End -->

                    <!-- Favicon -->
                    <div class="box-title">
                        <h3><?php _e('Favicon','iamd_text_domain');?></h3>
                    </div>
                    <div class="box-content">
                    	<h6> <?php _e('Enable Favicon','iamd_text_domain');?> </h6> 
                        
                        <div class="column one-fifth">                        
							<?php $checked = ( "true" ==  dt_theme_option('general','enable-favicon') ) ? ' checked="checked"' : ''; ?>
                            <?php $switchclass = ( "true" ==  dt_theme_option('general','enable-favicon') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="enable-favicon" class="checkbox-switch <?php echo $switchclass;?>"></div>
                            <input class="hidden" id="enable-favicon" name="mytheme[general][enable-favicon]" type="checkbox" 
                            value="true" <?php echo $checked;?> />
                        </div>
                        <div class="column four-fifth last">                    
                            <input id="mytheme-favicon" name="mytheme[general][favicon-url]" type="text" class="uploadfield medium" 
                                value="<?php echo  dt_theme_option('general','favicon-url');?>" />
                            <input type="button" value="<?php _e('Upload','iamd_text_domain');?>" class="upload_image_button" />
                            <input type="button" value="<?php _e('Remove','iamd_text_domain');?>" class="upload_image_reset" />
                        </div>
                        <p class="note"> <?php _e('Upload a favicon for your theme, or specify the oneline URL for favicon','iamd_text_domain');?>  </p>
                    </div> <!-- Favicon End -->

                    <!-- Others -->
                    <div class="box-title"><h3><?php _e('Others', 'iamd_text_domain');?></h3></div>
                    <div class="box-content">
                    
                      <h6> <?php _e('Enable Sticky Navigation', 'iamd_text_domain'); ?></h6>
                    
                      <div class="column one-fifth">
                        	<?php $checked = ( "true" ==  dt_theme_option('general','enable-sticky-nav') ) ? ' checked="checked"' : ''; ?>
                            <?php $switchclass = ( "true" ==  dt_theme_option('general','enable-sticky-nav') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-enable-sticky-nav" class="checkbox-switch <?php echo $switchclass;?>"></div>
                            <input class="hidden" id="mytheme-enable-sticky-nav" name="mytheme[general][enable-sticky-nav]" type="checkbox" 
                            value="true" <?php echo $checked;?> />
                        </div>
                        
                        <div class="column four-fifth last">
                            <p class="note no-margin"><?php _e('YES! to enable sticky navigation.','iamd_text_domain');?> </p>
                        </div>
                        <div class="clear"> </div>
                        <div class="hr"></div>
                    
                   	  <h6> <?php _e('Globally Disable Comments on Pages','iamd_text_domain');?> </h6>
                    
                      <div class="column one-fifth">
                        	<?php $checked = ( "true" ==  dt_theme_option('general','disable-page-comment') ) ? ' checked="checked"' : ''; ?>
                            <?php $switchclass = ( "true" ==  dt_theme_option('general','disable-page-comment') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-global-page-comment" class="checkbox-switch <?php echo $switchclass;?>"></div>
                            <input class="hidden" id="mytheme-global-page-comment" name="mytheme[general][disable-page-comment]" type="checkbox" 
                            value="true" <?php echo $checked;?> />
                        </div>
                        
                        <div class="column four-fifth last">
                            <p class="note no-margin"><?php _e('YES! to disable comments on all the pages. This will globally override your "Allow comments" option under your page "Discussion" settings. ','iamd_text_domain');?> </p>
                        </div>
                        <div class="hr"></div>
                        
                      <h6><?php _e('Globally Disable Comments on Posts','iamd_text_domain');?></h6>
                      <div class="column one-fifth">
                   	<?php $checked = ( "true" ==  dt_theme_option('general','global-post-comment') ) ? ' checked="checked"' : ''; ?>
                            <?php $switchclass = ( "true" ==  dt_theme_option('general','global-post-comment') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-global-post-comment" class="checkbox-switch <?php echo $switchclass;?>"></div>
                            <input class="hidden" id="mytheme-global-post-comment" name="mytheme[general][global-post-comment]" type="checkbox" 
                            value="true" <?php echo $checked;?> />
                        </div>
                        
                        <div class="column four-fifth last">
                        	<p class="note no-margin"><?php _e('YES! to disable comments on all the posts. This will globally override your "Allow comments" option under your post "Discussion" settings. ','iamd_text_domain');?> </p>
                        </div>
                        <div class="hr"></div>
                        
                      <h6><?php _e('Globally Disable Comments on Galleries','iamd_text_domain');?></h6>
                      <div class="column one-fifth">
                        	<?php $checked = ( "true" ==  dt_theme_option('general','disable-gallery-comment') ) ? ' checked="checked"' : ''; ?>
                            <?php $switchclass = ( "true" ==  dt_theme_option('general','disable-gallery-comment') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-global-gallery-comment" class="checkbox-switch <?php echo $switchclass;?>"></div>
                            <input class="hidden" id="mytheme-global-gallery-comment" name="mytheme[general][disable-gallery-comment]" type="checkbox" 
                            value="true" <?php echo $checked;?> />
                        </div>
                        <div class="column four-fifth last">
                        	<p class="note"><?php _e('Enable/ Disable comments on gallery pages.','iamd_text_domain');?> </p>
                        </div>
                        <div class="hr"></div>

                        <h6><?php _e('Globally Disable Breadcrumbs','iamd_text_domain');?></h6>
                        <div class="column one-fifth">
                            <?php $switchclass = ( "on" ==  dt_theme_option('general','disable-breadcrumb') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-global-breadcrumb-disable" class="checkbox-switch <?php echo $switchclass;?>"></div>
							<input class="hidden" id="mytheme-global-breadcrumb-disable" name="mytheme[general][disable-breadcrumb]" type="checkbox" 
							<?php checked(dt_theme_option('general','disable-breadcrumb'),'on');?>/>                            
                        </div>
                        <div class="column four-fifth last">
                        	<p class="note"><?php _e('show / Hide Breacrumbs globally on sitewide','iamd_text_domain');?> </p>
                        </div>
                        
                        <div class="hr-invisible-small"> </div>
                        
                        <label><?php _e('Breadcrumb Delimiter','iamd_text_domain');?></label>
                           <select id="mytheme-breadcrumb-delimiter" name="mytheme[general][breadcrumb-delimiter]">
                            <?php $breadcrumb_icons = array('default','fa-sort','fa-angle-right','fa-caret-right','fa-arrow-right','fa-chevron-right','fa-plus','fa-angle-double-right','fa-hand-o-right','fa-arrow-circle-right');
								foreach($breadcrumb_icons as $breadcrumb_icon):
										$s = selected(dt_theme_option('general','breadcrumb-delimiter'),$breadcrumb_icon,false);
									echo "<option $s >$breadcrumb_icon</option>";
								endforeach;?>
                            </select>
                         <p class="note"><?php _e('This is the symbol that will appear in between your breadcrumbs','iamd_text_domain');?></p>   
                         <div class="hr"></div>
                         
                        <h6><?php _e('Disable Style Picker','iamd_text_domain');?></h6>
                        <div class="column one-fifth">
                        	<?php $switchclass = ( "on" ==  dt_theme_option('general','disable-style-picker') ) ? 'checkbox-switch-on' :'checkbox-switch-off';?>
                            <div data-for="mytheme-style-picker" class="checkbox-switch <?php echo $switchclass;?>"></div>
							<input class="hidden" id="mytheme-style-picker" name="mytheme[general][disable-style-picker]" type="checkbox" 
							<?php checked(dt_theme_option('general','disable-style-picker'),'on');?>/>
                        </div>
                        <div class="column four-fifth last">
                        	<p class="note"><?php _e('Check if you do not want disable the style picker.','iamd_text_domain');?> </p>
                        </div>
                        <div class="hr"></div>
                        
                        <h6><?php _e('Disable Import Dummy Content','iamd_text_domain');?></h6>
                        <div class="column one-fifth">
                            <?php $switchclass = ( "on" ==  dt_theme_option('general','disable-import') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                            <div data-for="mytheme-global-import-disable" class="checkbox-switch <?php echo $switchclass;?>"></div>
							<input class="hidden" id="mytheme-global-import-disable" name="mytheme[general][disable-import]" type="checkbox" 
							<?php checked(dt_theme_option('general','disable-import'),'on');?>/>                            
                        </div>
                        <div class="column four-fifth last">
                        	<p class="note"><?php _e('YES! to hide Import Dummy Data button from the Adminpanel.','iamd_text_domain');?> </p>
                        </div>
                        <div class="hr"></div>
                        
                        <h6><?php _e('Google Font Subset','iamd_text_domain');?></h6>
                        <div class="column one-half">
                         <input id="mytheme-google-font-subset" name="mytheme[general][google-font-subset]" type="text" value="<?php echo dt_theme_option('general','google-font-subset');?>"/>
                        </div>

                        <div class="column one-half last">
                            <p class="note no-margin"><?php _e('Specify which subsets should be downloaded. Multiple subsets should be separated with comma.','iamd_text_domain'); ?></p>
                        </div>
                        
                        <div class="clear"> </div>
                        <div class="hr-invisible-small"> </div>
                        
                       	<p class="note"><?php _e('Some of the fonts in the Google Font Directory supports multiple scripts (like Latin and Cyrillic for example). In order to specify which subsets should be downloaded the subset parameter should be appended to the URL. For a complete list of available fonts and font subsets please see','iamd_text_domain'); 
							echo " <a href='http://www.google.com/webfonts'>Google Web Fonts</a>";?> </p>

                        <div class="hr"></div>
                        <div class="clear"> </div>
                        
                        <h6><?php _e('Mailchimp API KEY','iamd_text_domain');?></h6>
                        <div class="column one-half">
                            <input id="mytheme-mailchimp-key" name="mytheme[general][mailchimp-key]" type="text" value="<?php echo dt_theme_option('general','mailchimp-key'); ?>" />
                        </div>
                        
                        <div class="column one-half last">
                            <p class="note no-margin"><?php _e('Paste your mailchimp api key that will be used by the mailchimp widget.','iamd_text_domain'); ?></p>
                        </div>
                        
                    </div>                                            
                    
            </div><!-- .bpanel-box end-->
        </div><!--#my-general end-->
        
        <!-- #my-sociable-->
        <div id="my-top" class="tab-content">
            <!-- .bpanel-box -->
            <div class="bpanel-box">
				<div class="box-title"><h3><?php _e('Top Bar','iamd_text_domain');?></h3></div>
                <div class="box-content">
                    <h6><?php _e('Disable Top Bar','iamd_text_domain');?></h6>
                    <div class="column one-fifth">
                    <?php $checked = ( "true" ==  dt_theme_option('general','header-top-bar') ) ? ' checked="checked"' : ''; ?>
                       <?php $switchclass = ( "true" ==  dt_theme_option('general','header-top-bar') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                       <div data-for="mytheme-header-top-bar" class="checkbox-switch <?php echo $switchclass;?>"></div>
                       <input class="hidden" id="mytheme-header-top-bar" name="mytheme[general][header-top-bar]" type="checkbox" value="true" <?php echo $checked;?> />
                    </div>
                
                    <div class="column four-fifth last">
                       <p class="note"><?php _e('YES! to disable header top bar. ','iamd_text_domain');?> </p>
                    </div>
                    <div class="hr"></div>
                 
                    <h6><?php _e('Top Left Content','iamd_text_domain');?></h6>
                    <div class="column one-half">
                        <textarea id="mytheme-top-bar-left-content" style="height:80px;" name="mytheme[general][top-bar-left-content]"><?php echo stripslashes(dt_theme_option('general','top-bar-left-content'));?></textarea>
                    </div>
                    <div class="column one-half last">
                        <p class="note"><?php _e('Specify top bar left content in above fields.','iamd_text_domain');?> </p>
                    </div>
                </div>
			</div><!-- .bpanel-box end-->
            <!-- .bpanel-box -->
            <div class="bpanel-box">
				<div class="box-title"><h3><?php _e('Loading Bar','iamd_text_domain');?></h3></div>
                <div class="box-content">
                    <h6><?php _e('Disable Loading Bar','iamd_text_domain');?></h6>
                    <div class="column one-fifth">
                    <?php $checked = ( "true" ==  dt_theme_option('general','loading-bar') ) ? ' checked="checked"' : ''; ?>
                       <?php $switchclass = ( "true" ==  dt_theme_option('general','loading-bar') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                       <div data-for="mytheme-loading-bar" class="checkbox-switch <?php echo $switchclass;?>"></div>
                       <input class="hidden" id="mytheme-loading-bar" name="mytheme[general][loading-bar]" type="checkbox" value="true" <?php echo $checked;?> />
                    </div>
                
                    <div class="column four-fifth last">
                       <p class="note"><?php _e('YES! to disable loading-bar. ','iamd_text_domain');?> </p>
                    </div>
                </div>
			</div><!-- .bpanel-box end-->
		</div>
        
        <!-- #my-sociable-->
        <div id="my-sociable" class="tab-content">
            <!-- .bpanel-box -->
            <div class="bpanel-box">
            
                <div class="box-title">
                	<h3><?php _e('Sociable','iamd_text_domain');?></h3>
                </div><!-- .box-title -->

                <div class="box-content">
                    <div class="bpanel-option-set">
                         <h6><?php _e('Show Sociable','iamd_text_domain');?></h6>
                         
                         <div class="column one-fifth">
							 <?php $switchclass = ( "on" ==  dt_theme_option('general','show-sociables') ) ? 'checkbox-switch-on' :'checkbox-switch-off'; ?>
                             <div data-for="mytheme-show-sociables" class="checkbox-switch <?php echo $switchclass;?>"></div>
                             <input class="hidden" id="mytheme-show-sociables" name="mytheme[general][show-sociables]" type="checkbox" 
                             <?php checked(dt_theme_option('general','show-sociables'),'on');?>/>
                         </div>
                         
                         <input type="button" value="<?php _e('Add New Sociable','iamd_text_domain');?>" class="black mytheme_add_item" />
                         
                         <div class="column four-fifth last">
                             <p class="note"> <?php _e('Manage Social Network icons list to display','iamd_text_domain');?> </p>
                         </div>
                         
                         <div class="hr_invisible"></div>
                    </div>
                    
                    <div class="bpanel-option-set">
                        <ul class="menu-to-edit">
                        <?php $socials = dt_theme_option('social');
						      if(is_array($socials)):
							  	$keys = array_keys($socials);
								$i=0;
						 	  foreach($socials as $s):?>
                              <li id="<?php echo $keys[$i];?>">
                                <div class="item-bar">
                                    <span class="item-title"><?php $n = $s['icon']; $n = substr($n, 3); $n = ucwords($n); echo $n;?></span>
                                    <span class="item-control"><a class="item-edit"><?php _e('Edit','iamd_text_domain');?></a></span>
                                </div>
                                <div class="item-content" style="display: none;">
                                	<span><label><?php _e('Sociable Icon','iamd_text_domain');?></label>
										<?php echo dt_theme_sociables_selection($keys[$i],$s['icon']);?></span>
                                    <span><label><?php _e('Sociable Link','iamd_text_domain');?></label>
                                    	<input type="text" class="social-link" name="mytheme[social][<?php echo $keys[$i];?>][link]" value="<?php echo $s['link']?>"/>
                                    </span>
                                    
                                    <div class="remove-cancel-links">
                                        <span class="remove-item"><?php _e('Remove','iamd_text_domain');?></span>
                                        <span class="meta-sep"> | </span>
                                        <span class="cancel-item"><?php _e('Cancel','iamd_text_domain');?></span>
                                    </div>
                                </div>
                              </li>
                        <?php $i++;endforeach; endif;?> 
                        </ul>
                        
                        <ul class="sample-to-edit" style="display:none;">
                        	<!-- Social Item -->
                            <li>
                            	<!-- .item-bar -->
                            	<div class="item-bar">
                                	<span class="item-title"><?php _e('Sociable','iamd_text_domain');?></span>
                                    <span class="item-control"><a class="item-edit"><?php _e('Edit','iamd_text_domain');?></a></span>
                                </div><!-- .item-bar -->
                                <!-- .item-content -->
                                <div class="item-content">                                
                                	<span><label><?php _e('Sociable Icon','iamd_text_domain');?></label><?php echo dt_theme_sociables_selection();?></span>
                                    <span><label><?php _e('Sociable Link','iamd_text_domain');?></label><input type="text" class="social-link" /></span>
                                    <div class="remove-cancel-links">
                                        <span class="remove-item"><?php _e('Remove','iamd_text_domain');?></span>
                                        <span class="meta-sep"> | </span>
                                        <span class="cancel-item"><?php _e('Cancel','iamd_text_domain');?></span>
                                    </div>
                                </div><!-- .item-content end -->
                            </li><!-- Social Item End-->
                        </ul>
                        
                    </div>
                </div> <!-- .box-content -->    
                
                
            </div><!-- .bpanel-box end -->
        </div><!--#my-sociable end-->

    </div><!-- .bpanel-main-content end-->
</div><!-- #general end-->