<div class="page-title">
    <div class="container-fluid p-0">
        <div class="banner-full-wrap">
            <div class="row g-0">
                <div class="col-md-12 p-0">
                    <?php //if($blog['image']!=''){ ?>
                        <!-- <img src="<?php //echo base_url($blog['image']); ?>" alt="shop" style="max-width:100%;"> -->
                    <?php //}else{ ?>
                        <img src="<?php echo base_url(); ?>assets/user/img/class-banner.webp" alt="shop" class="w-100">
                    <?php //} ?>
                    <div class="text-center banner-bottom-wrap">
                        <h1 class="title"><?php echo $blog['post_title']; ?></h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $image = $this->common->getData('blog_media', array('postid' => $blog['id']), array(), array('field' => 'id', 'by' => 'asc')); ?>
<div class="shop-detail shadow-none">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12 col-md-12 col-12 mb-md-4 pb-2">
                <a href="<?php echo base_url(); ?>service-baking-class" class="go-back-two">
                    <img src="<?php echo base_url(); ?>assets/user/img/back-one.webp" alt="back" class="img-fluid me-2" width="60"> Back
                </a>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-8 col-12">
                <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
                    <div class="carousel-inner">
                        <?php if(isset($image) && $image){ foreach ($image as $key => $value){ ?>
                            <div class="carousel-item <?php echo($key==0)?'active':''; ?>">
                                <img src="<?php echo base_url($value['blog_image']); ?>" class="w-100" alt="product img">
                            </div>
                        <?php } } ?>
                    </div>
                    <?php if(isset($image) && count($image)>1){  ?>
                        <div class="carousel-indicators">
                            <?php foreach ($image as $key => $value){ ?>
                                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="<?php echo $key ?>" class="<?php echo($key==0)?'active':''; ?>" aria-current="true" aria-label="Slide 1">
                                    <img src="<?php echo base_url($value['blog_image']); ?>" alt="product img">
                                </button>
                            <?php } ?>
                        </div>
                    <?php } ?>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-12">
                <div class="shop-inner ps-md-3 ps-lg-5 mt-lg-0 mt-md-4">
                    <div class="shop-inner-content mb-4">
                        <h2 class="heading-title mb-3"><?php echo $blog['post_title']; ?></h2>
                        <a class="btn btn-primary" href="<?php echo base_url(); ?>contact-us"> <span> Enquire Now <div><img src="<?php echo base_url(); ?>assets/user/img/btn-right.png" class="img" alt="right"> </div> </span> </a>
                    </div>
                    <ul class="list-unstyled class-details-list mb-4">
                        <li class="row mb-2">
                            <span class="col-lg-4 col-md-4 col-sm-4 head">Availability:</span>
                            <span class="col-lg-8 col-md-8 col-sm-8 text"><?php echo $blog['availability']; ?></span>
                        </li>
                        <li class="row mb-2">
                            <span class="col-lg-4 col-md-4 col-sm-4 head">Difficulty:</span>
                            <span class="col-lg-8 col-md-8 col-sm-8 text"><?php echo $blog['post_category']; ?></span>
                        </li>
                        <li class="row mb-2">
                            <span class="col-lg-4 col-md-4 col-sm-4 head">Type of Class:</span>
                            <span class="col-lg-8 col-md-8 col-sm-8 text"><?php echo $blog['type_class']; ?></span>
                        </li>
                    </ul>
                    <div class="product-detail-tab">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Description</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Additional Information</button>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                                <?php echo $blog['post_description']; ?>
                            </div>
                            <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                                <?php echo $blog['information']; ?>
                            </div>
                        </div>
                    </div>

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