<!-- CUSTOM FONTS SECTION -->
<div class="td-section-separator"><?php _e('Custom Fonts', TD_THEME_NAME); ?></div>

<!-- Custom fonts files -->
<?php echo td_panel_generator::box_start(__('Documentation on how to use custom fonts', TD_THEME_NAME), true); ?>

<!-- info text -->
<div class="td-box-row">
	<div class="td-box-description td-box-full">
		<p><?php _e('Newspaper supports custom fonts files, Typekit Fonts and Google Fonts. Please refresh the main panel to see the fonts after you add them here!', TD_THEME_NAME); ?></p>
		<p><?php _e('<a href="http://forum.tagdiv.com/using-custom-fonts/" target="_blank">Read more</a> about the font system', TD_THEME_NAME); ?></p>
	</div>
</div>

<?php echo td_panel_generator::box_end();?>

<!-- Custom fonts files -->
<?php echo td_panel_generator::box_start(__('Custom font files', TD_THEME_NAME), false); ?>


<!-- info text -->
<div class="td-box-row">
	<div class="td-box-description td-box-full">
		<p><?php _e('To use custom font files:', TD_THEME_NAME); ?></p>

		<ul>
			<li><?php _e('Add the link to the font file in .woff format, and the font-face name in the Custom Font Files section and click save settings.', TD_THEME_NAME); ?></li>
			<li><?php _e('You can convert your font files from any format into .woff format using <a href="http://www.fontsquirrel.com/tools/webfont-generator">fontsquirrel</a> (free tool)', TD_THEME_NAME); ?></li>
			<li><?php _e('Once a font file url and a font family name are added, the font family will appear in the dropdown and it can be selected', TD_THEME_NAME); ?></li>
		</ul>
	</div>
</div>

<!-- Custom Font file 1 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FILE 1', TD_THEME_NAME); ?></span>
		<p><?php _e('Add the link to the file ( .woff format )', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::upload_font_file(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_file_1'
		));
		?>
	</div>
</div>


<!-- Custom Font name 1 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 1', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_family_1'
		));
		?>
	</div>
</div>


<div class="td-box-row">
	<div class="td-box-description"></div>
	<div class="td-box-control-full"></div>
</div>



<!-- Custom Font file 2 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FILE 2', TD_THEME_NAME); ?></span>
		<p><?php _e('Add the link to the file ( .woff format )', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::upload_font_file(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_file_2'
		));
		?>
	</div>
</div>


<!-- Custom Font name 2 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 2', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_family_2'
		));
		?>
	</div>
</div>


<div class="td-box-row">
	<div class="td-box-description"></div>
	<div class="td-box-control-full"></div>
</div>



<!-- Custom Font file 3 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FILE 3', TD_THEME_NAME); ?></span>
		<p><?php _e('Add the link to the file ( .woff format )', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::upload_font_file(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_file_3'
		));
		?>
	</div>
</div>


<!-- Custom Font name 3 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 3', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_family_3'
		));
		?>
	</div>
</div>


<div class="td-box-row">
	<div class="td-box-description"></div>
	<div class="td-box-control-full"></div>
</div>


<!-- Custom Font name 4 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FILE 4', TD_THEME_NAME); ?></span>
		<p><?php _e('Add the link to the file ( .woff format )', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::upload_font_file(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_file_4'
		));
		?>
	</div>
</div>


<!-- Custom Font name 4 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 4', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_family_4'
		));
		?>
	</div>
</div>


<div class="td-box-row">
	<div class="td-box-description"></div>
	<div class="td-box-control-full"></div>
</div>


<!-- Custom Font name 5 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FILE 5', TD_THEME_NAME); ?></span>
		<p><?php _e('Add the link to the file ( .woff format )', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::upload_font_file(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_file_5'
		));
		?>
	</div>
</div>


<!-- Custom Font name 5 -->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 5', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'font_family_5'
		));
		?>
	</div>
</div>

<?php echo td_panel_generator::box_end();?>




<!-- typekit.com fonts -->
<?php echo td_panel_generator::box_start(__('Adobe/Typekit Fonts', TD_THEME_NAME), false); ?>

<!-- javascript from typekit.com-->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('Embed Code', TD_THEME_NAME); ?></span>
		<p><?php _e('Copy the embed code from fonts.adobe.com and paste it here', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full td-panel-input-wide">
		<?php
		echo td_panel_generator::textarea(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'typekit_js',
		));
		?>
	</div>
</div>


<!-- typekit.com Custom Font font family 1-->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 1', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'type_kit_font_family_1'
		));
		?>
	</div>
</div>


<!-- typekit.com Custom Font font family 2-->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 2', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'type_kit_font_family_2'
		));
		?>
	</div>
</div>


<!-- typekit.com Custom Font font family 3-->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('CUSTOM FONT FAMILY 3', TD_THEME_NAME); ?></span>
		<p><?php _e('Type your desired name for this font', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::input(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'type_kit_font_family_3'
		));
		?>
	</div>
</div>

<?php echo td_panel_generator::box_end();?>

<div class="td-clear"></div>

<?php echo td_panel_generator::box_start(__('Google Fonts Styles', TD_THEME_NAME), false); ?>

<!-- google fonts settings-->
<div class="td-box-row">
    <div class="td-box-description">
        <span class="td-box-title"><?php _e('USE GOOGLE FONTS', TD_THEME_NAME); ?></span>
        <p><?php _e('If you don\'t want to send data to google. Disable the use of google fonts.', TD_THEME_NAME); ?></p>
    </div>
    <div class="td-box-control-full">
        <?php
        echo td_panel_generator::checkbox(array(
            'ds' => 'td_option',
            'option_id' => 'g_use_google_fonts',
            'true_value' => '',
            'false_value' => 'disabled'
        ));
        ?>
    </div>
</div>

<!-- info text -->
<div class="td-box-row">
	<div class="td-box-description td-box-full">
		<p><?php _e('More information:', TD_THEME_NAME); ?></p>
		<ul>
			<li><?php _e('From here you can set global theme fonts weights & styles.', TD_THEME_NAME); ?></li>
			<li><?php _e('These settings will load the font files with your chosen weights & styles, if available.', TD_THEME_NAME); ?></li>
		</ul>
		<p><?php _e('<strong>Notice: </strong> The <b>400 - NORMAL</b> font weight is missing from settings because it\'s hardcoded. If a font has only <b>400 normal</b> weight available, if 400 is missing, the font will not load for other weights.', TD_THEME_NAME); ?></p>
	</div>
</div>

<!-- google fonts style/type settings-->
    <div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('Load default fonts', TD_THEME_NAME); ?></span>
        <p><?php _e('From here you can disable to load the default fonts used by the theme<br>(<b>Open Sans and Roboto</b>)', TD_THEME_NAME); ?></p>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_default',
			'option_id' => 'default_fonts',
			'true_value' => '',
			'false_value' => 'disabled'
		));
		?>
	</div>
</div>

<!-- google fonts style/type settings-->
<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('100 - Thin (Hairline)', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_100_thin',
			'true_value' => '100',
			'false_value' => ''
		));
		?>
	</div>

	<div class="td-box-description">
		<span class="td-box-title"><?php _e('100 - Thin Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_100_thin_italic',
			'true_value' => '100italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('200 - Extra Light (Ultra Light)', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_200_extra_light',
			'true_value' => '200',
			'false_value' => ''
		));
		?>
	</div>

	<div class="td-box-description">
		<span class="td-box-title"><?php _e('200 - Extra Light (Ultra Light) Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_200_extra_light_italic',
			'true_value' => '200italic',
			'false_value' => ''
		));
		?>
	</div>
</div>


<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('300 - Light', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_300_light',
			'true_value' => '300',
			'false_value' => ''
		));
		?>
	</div>

	<div class="td-box-description">
		<span class="td-box-title"><?php _e('300 - Light Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_300_light_italic',
			'true_value' => '300italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">

	<div class="td-box-description">
		<span class="td-box-title"><?php _e('400 - Normal', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full td-always-on">
		<span>Active</span>
	</div>

	<div class="td-box-description">
		<span class="td-box-title"><?php _e('400 - Normal Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_400_normal_italic',
			'true_value' => '400italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('500 - Medium', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_500_medium',
			'true_value' => '500',
			'false_value' => ''
		));
		?>
	</div>
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('500 - Medium Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_500_medium_italic',
			'true_value' => '500italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('600 - Semi Bold (Demi Bold)', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_600_semi_bold',
			'true_value' => '600',
			'false_value' => ''
		));
		?>
	</div>
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('600 - Semi Bold (Demi Bold) Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_600_semi_bold_italic',
			'true_value' => '600italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('700 - Bold', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_700_bold',
			'true_value' => '700',
			'false_value' => ''
		));
		?>
	</div>
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('700 - Bold Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_700_bold_italic',
			'true_value' => '700italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('800 - Extra Bold (Ultra Bold)', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_800_extra_bold',
			'true_value' => '800',
			'false_value' => ''
		));
		?>
	</div>
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('800 - Extra Bold (Ultra Bold) Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_800_extra_bold_italic',
			'true_value' => '800italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<div class="td-box-row">
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('900 - Black (Heavy)', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_900_black',
			'true_value' => '900',
			'false_value' => ''
		));
		?>
	</div>
	<div class="td-box-description">
		<span class="td-box-title"><?php _e('900 - Black (Heavy) Italic', TD_THEME_NAME); ?></span>
	</div>
	<div class="td-box-control-full">
		<?php
		echo td_panel_generator::checkbox(array(
			'ds' => 'td_fonts_user_insert',
			'option_id' => 'g_900_black_italic',
			'true_value' => '900italic',
			'false_value' => ''
		));
		?>
	</div>
</div>

<?php echo td_panel_generator::box_end();?>

<div class="td-clear"></div>
