<?php 
include_once("include/main.inc.php"); 
$hover='blog';
$blog_query = mysqli_query($GLOBALS['dbconn'], "select catImage,catName,blogDname,catDesc,blog_written,blogDate from blog_tbl");
$page_metatitle="Blogs - ".$admin_res['companyName'];
$page_metakey="Blogs - ".$admin_res['companyName'];
$page_metadesc="Blogs - ".$admin_res['companyName'];
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
</head>

<body>
    <?php include 'app_header.php'; ?>

    <section class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/about/abt-banner.webp)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">Our Blogs</h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <li class="active">Our Blogs</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="blog_page">
        <div class="container">
            <h2 class="title_2">Our <span>Blogs</span></h2>
            <div class="row align-items-stretch">

                <?php 
                while($blog_res=mysqli_fetch_array($blog_query)){ 
                    $date = new DateTime($blog_res['blogDate']);
                    $day = $date->format('d');
                    $month = $date->format('F');
                    $year = $date->format('Y');
                if($blog_res['catImage']!=''){
                $blog_img=  getImage($blog_res['catImage'], 380, 240, $blog_res['catName'], "/uploaded-files/blog/images/");
                }else{
                    $blog_img= NO_IMG_URL;
                }
                $blog_shortdesc=str_ireplace('{companyName}',$admin_res['companyName'],$blog_res['catDesc']);
                ?>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="blog-2">
                    <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?= $blog_res['blogDname'];?>">
                        <div class="blog-photo clip-home">

                            <img src="<?=$blog_img;?>" alt="<?= $blog_res['blogDname'];?>" title="<?= $blog_res['blogDname'];?>" class="img-fluid bp">
                            <!-- <div class="date-box">
                                <span>26</span>Feb
                            </div> -->
                        </div>
            </a>
                        <div class="detail">
                            <h4 class="tt"><a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?= $blog_res['blogDname'];?>"><?= $blog_res['blogDname'];?></a>
            </h4>
                            <p>    <?= html_entity_decode(substr($blog_shortdesc,0,200)) ;?>...</p>
                            <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" class="moreBtn" title="View More">View More</a>
                        </div>
                    </div>
                </div>
                <?php } ?>

             
            </div>        
        </div>
    </section>

    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>