
<p><img src="https://bilaljeanpaul.com/pub/media/bilaljeanpaul/bilaljeanpaul_logo.jpeg" alt="" width="100%"></p>
<!--<h1 style="font-size: 60px; color: #9d2828; text-align: center;">Under Construction</h1>-->
<!--<style>-->
<!--.aligncenter {-->
<!--    text-align: center;-->
<!--}-->
<!--</style>-->



<div class="inner_content_wrap">

<!--Homepage Videos-->
<?php echo $this->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('homepage_videos')->toHtml();
?>	


	<div class="content_block content_block2">
		<h2>Grooming</h2>
		<div class="content_block2_block">
			
			<!--Homepage Top Blog Banner-->
		<?php echo $this->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('homepage_top_blog_banner')->toHtml();
?>	
			
			<!--Homepage Top Product-->
<?php //echo $this->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('top_products_bilaljeanpaul_homepage')->toHtml();
?>
 <?php
  $moduleStatus = $this->helper('Varnasol\OrderLength\Helper\Data')->getConfig('varnasol_entry_custom/general/bilaljeanpaul_top_products');
 
    $porIds=$moduleStatus;
    $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
    /** @var \Magento\Catalog\Model\ResourceModel\Product\Collection $productCollection */
    $productCollection = $objectManager->create('Magento\Catalog\Model\ResourceModel\Product\Collection');
    
    $productCollection->addStoreFilter(3);
    /** Apply filters here */
    $collection = $productCollection->addAttributeToSelect('*')
                ->addFieldToFilter('entity_id', array('in' => $porIds));
                $collection->getSelect()->orderRand();
    $imageHelper  = $objectManager->get('\Magento\Catalog\Helper\Image');
                //echo '<pre>';print_r($collection->getData());
                ?>
			<div class="lg_post_right">
			    <?php foreach ($collection as $_product):?>
				<div class="morepost_opt">
					<div class="post_pic">
					<a href="<?php echo $_product->getProductUrl();?>" target="_blank"><img src="<?php echo $image_url = $imageHelper->init($_product, 'product_thumbnail_image')->setImageFile($_product->getFile())->resize(240, 300)->getUrl(); ?>"  alt /></a>
					</div>
					<div class="postinfo">
						<div class="dateopt">ImperialTouch <span style="color: #26a541;">Trending</span></div>
						<h3><a href="<?php echo $_product->getProductUrl();?>" title="<?php echo $_product->getName(); ?>" target="_blank"><?php echo substr($_product->getName(), 0, 30); ?></a></h3>
						<p><?php echo substr($_product->getShortDescription(), 0, 30); ?>
						</p>
					</div>	
				</div>
                 <?php endforeach; ?>
			</div>

		</div>
	</div>
	
<!--Homepage Middle Banner and Ratting Product-->
<?php echo $this->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('homepage_banner_ratting')->toHtml();
?>
</div>



<style>
    
    
.inner_content_wrap .content_block h2 {
    border-bottom: 1px solid #000;
    padding: 15px 0px;
    margin-bottom: 20px;
}
.video_add {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video_info {
    flex: 0 32%;
    margin: 2% 0;
}
.content_block2_block {
    display: flex;
    justify-content: space-between;
}
.lg_post {
    flex: 0 49%;
}
.lg_post_right {
    flex: 0 49%;
    display: flex;
    flex-wrap: wrap;
}
.postinfo h3 {
    font-size: 22px;
}
.postinfo h3  {
    padding: 7px 0 0;
}
 .postinfo h3 a {
  color:#000 !important
}
.morepost_opt {
    flex: 0 48%;
    margin: 1%;
}
.post_pic {
    padding-bottom: 15px;
}
.lg_post_right .postinfo h3 {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 0 0;
}

.lg_post_right .postinfo h3 a {
  color:#000
}
.content_add {
    display: flex;
    justify-content: space-between;
    /*padding: 60px 0px;*/
    padding-top: 60px;
}

.content_add_left {
    flex: 0 46%;
}
.content_add_right {
    flex: 0 30%;
}
.content_add_right img {
    width: 100%;
}
.content_add_text {
    text-align: center;
    padding: 30px;
    margin: -50px 32px 0px;
    background: #fff;
    position: relative;
}
.container {
    max-width: 1220px;
    margin: 0px auto;
}
.inner_content_wrap {
    padding: 0px 15px;
    max-width: 1200px;
    margin: 0px auto;
}
@media (max-width:800px) {

.content_block2_block {
    flex-direction: column;
}

}

@media (max-width:800px) {
    .content_add {
 
 flex-direction: column;
}
.content_add_right img {
    text-align: center;
}
.content_add_right img {
    width: auto;
}
}
@media (max-width:767px) {
    .video_add {

    flex-direction: column;
}
}
</style>