<?php
namespace DiviPixel;

// Author Name
$blog_author_name_font_select = DIPI_Public::get_option('blog_author_name_font_select');
$blog_author_name_font_weight = DIPI_Public::get_option('blog_author_name_font_weight');
$blog_author_name_font_size = DIPI_Public::get_option('blog_author_name_font_size');
$blog_author_name_text_spacing = DIPI_Public::get_option('blog_author_name_text_spacing');
$blog_author_name_font_color = DIPI_Public::get_option('blog_author_name_font_color');
?>

<style type="text/css">
.dipi-author-section .dipi-author-right h3 {
    <?php echo sanitize_text_field( et_builder_get_font_family($blog_author_name_font_select) ); ?>;
    font-weight: <?php echo $blog_author_name_font_weight; ?>;
    font-size: <?php echo $blog_author_name_font_size; ?>px;
    letter-spacing: <?php echo $blog_author_name_text_spacing; ?>px;
    color: <?php echo $blog_author_name_font_color; ?>;
    <?php echo DIPI_Public::print_font_style_option("blog_author_name_font_style"); ?>
}
</style>

<?php
// Author bio
$blog_author_desc_font_select = DIPI_Public::get_option('blog_author_desc_font_select');
$blog_author_desc_font_weight = DIPI_Public::get_option('blog_author_desc_font_weight');
$blog_author_desc_font_size = DIPI_Public::get_option('blog_author_desc_font_size');
$blog_author_desc_text_spacing = DIPI_Public::get_option('blog_author_desc_text_spacing');
$blog_author_desc_font_color = DIPI_Public::get_option('blog_author_desc_font_color');

?>

<style type="text/css">
.dipi-author-section .dipi-author-right p {
    <?php echo sanitize_text_field( et_builder_get_font_family($blog_author_desc_font_select) ); ?>;
    font-weight: <?php echo $blog_author_desc_font_weight; ?>;
    font-size: <?php echo $blog_author_desc_font_size; ?>px;
    letter-spacing: <?php echo $blog_author_desc_text_spacing; ?>px;
    color: <?php echo $blog_author_desc_font_color; ?>;
    <?php echo DIPI_Public::print_font_style_option("blog_author_desc_font_style"); ?>
}
</style>

<?php
// Author Image
$blog_author_image_size = DIPI_Public::get_option('blog_author_image_size', 80);
$blog_author_image_border_radius = DIPI_Public::get_option('blog_author_image_border_radius');
$blog_author_image_border_width = DIPI_Public::get_option('blog_author_image_border_width');
$blog_author_image_border_color = DIPI_Public::get_option('blog_author_image_border_color');

$blog_author_image_shadow = DIPI_Public::get_option('blog_author_image_shadow');
$blog_author_image_shadow_color = DIPI_Public::get_option('blog_author_image_shadow_color');
$blog_author_image_shadow_offset = DIPI_Public::get_option('blog_author_image_shadow_offset');
$blog_author_image_shadow_blur = DIPI_Public::get_option('blog_author_image_shadow_blur');
?>

<style type="text/css">
.dipi-author-section .dipi-author-left img {
    width: <?php echo $blog_author_image_size; ?>px;
    height: <?php echo $blog_author_image_size; ?>px;
    border-radius: <?php echo $blog_author_image_border_radius; ?>px;
    border-width: <?php echo $blog_author_image_border_width; ?>px;
    border-color: <?php echo $blog_author_image_border_color; ?>;
    border-style: solid;
    <?php if($blog_author_image_shadow) : ?>
    box-shadow:0px <?php echo $blog_author_image_shadow_offset; ?>px <?php echo $blog_author_image_shadow_blur; ?>px <?php echo $blog_author_image_shadow_color; ?>;
    <?php endif; ?>
}

<?php $total_left_width = $blog_author_image_size+30; ?>
.dipi-author-right {
    width: calc(100% - <?php echo $total_left_width; ?>px);	
}

</style>

<?php
// Author box
$blog_author_box_content_alignment = DIPI_Public::get_option('blog_author_box_content_alignment');
$blog_author_background_color = DIPI_Public::get_option('blog_author_background_color');
$blog_author_box_padding = DIPI_Public::get_option('blog_author_box_padding');
$blog_author_box_border_radius = DIPI_Public::get_option('blog_author_box_border_radius');
$blog_author_box_border = DIPI_Public::get_option('blog_author_box_border');
$blog_author_box_border_color = DIPI_Public::get_option('blog_author_box_border_color');
?>

<style type="text/css">

	.dipi-author-section .dipi-author-row {
		background-color: <?php echo $blog_author_background_color; ?>;
    padding: <?php echo $blog_author_box_padding; ?>px;
    border-radius: <?php echo $blog_author_box_border_radius; ?>px;
    border-width: <?php echo $blog_author_box_border; ?>px;
    border-color: <?php echo $blog_author_box_border_color; ?>;
	}

	<?php if('center' === $blog_author_box_content_alignment ) : ?>
		.dipi-author-section .dipi-author-row {
	    flex-direction: column !important;
	    text-align: center !important;
			align-items: center;
	  }
	  .dipi-author-left {
		  width: 100% !important;
		  margin-right: 0px !important;
		}
		.dipi-author-right {
			width: 100% !important;
		}

		.dipi-author-section .dipi-author-right h3 {
			padding-top: 30px;
		}

	<?php elseif('right' === $blog_author_box_content_alignment ) : ?>
		.dipi-author-section .dipi-author-row {
	    flex-direction: row-reverse !important;
	  }
	  .dipi-author-left {
		  margin-right: 0px !important;
		  margin-left: 30px !important;
		}
	<?php endif; ?>

</style>

<?php
// Author box shadow
$blog_author_box_shadow = DIPI_Public::get_option('blog_author_box_shadow');
$blog_author_box_shadow_color = DIPI_Public::get_option('blog_author_box_shadow_color');
$blog_author_box_shadow_offset = DIPI_Public::get_option('blog_author_box_shadow_offset');
$blog_author_box_shadow_blur = DIPI_Public::get_option('blog_author_box_shadow_blur');

?>
<style type="text/css">
	.dipi-author-section .dipi-author-row {
		<?php if($blog_author_box_shadow) : ?>
			box-shadow: 0px <?php echo $blog_author_box_shadow_offset; ?>px <?php echo $blog_author_box_shadow_blur; ?>px <?php echo $blog_author_box_shadow_color; ?>;
		<?php endif; ?>
	}
</style>