관리-도구

편집 파일: 2eddbc9f3c372b2c46426837343bc40b0199f842.php

<?php $__env->startSection('content'); ?>
<style>
    .mybanner {
    width: 100%;
    min-height: 40vh; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    background:#f3eee0;
    }
    .BlogS--Section
    {
     background:white;   
    }
    .BlogS--Section .blog-card__content p{color:#757575;}
    .blog-card__content ul{display:flex;justify-content:space-between; align-items:center;}
    .blog-card__content ul .subtitle {
    border: 1px solid lightgrey;
    padding: 0.75rem 2rem;
    font-size: 16px;
    }
    .input-field input {
    width: 100%;
    display: block;
    font-size: 14px;
    background: #fff;
    border: 1px solid #00000020;
    resize: none;
    padding: 0.75rem;
    position: relative;
    }
    .blogs-sidebar-search i[class^="bx"] {
    vertical-align: middle;
    position: absolute;
    right: 8%;
    top: 20%;
    transition:all 0.3s ease;
    }
    .blogs-sidebar-search i[class^="bx"]:hover {transform:scale(1.11);}
    .section-content .heading1 {
    font-size: 2.5rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 66px;
    }
    .section-content .heading {
    font-size: 2rem;
    width: 76%;
    padding-bottom: 16px;
    }
    .blog-card__content-top {
    display: flex;
    justify-content: space-between;
    padding: 30px 0 30px 0;
}

ul.categories {
    padding:  0 0 20px 0;
}

ul.categories li a {
    color: black;
}

a.blog-card__img {
    height: 510px;
    width: 100%;
}

a.blog-card__img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.single_image {
    height: 160px;
    width: 180px;
}
.ct_single_sideBlogs {
    padding: 0px 0 40px 0;
}

.single_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ct_single_sideBlogs .blog-card__content-top {
    padding: 15px 0;
}

.ct_single_sideBlogs a.theme-btn {
    padding: 10px 20px;
}
</style>

<div class="mybanner">
    <div class="banner__bg">
        
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-content section-content--light banner__content">
                    <div class="heading1">Blogs </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container py-5 my-5 wow zoomIn">
    <div class="row">
        <div class="col-12">
            <div class="section-content">
                <div class="heading"><?php echo $singleBlog->title; ?></div>
            </div>
        </div>
         <?php  
        use App\Http\Controllers\BlogController;
        $blogContr = new BlogController(); 
        ?>
        <div class="col-12 col-lg-9">
            <div class="row">
                <div class="col-12 col-lg-12">
                <article class="blog-card">
                    <a href="#" class="blog-card__img">
                       <?php $__currentLoopData = json_decode($singleBlog->image); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>            
                           <?php if($loop->iteration == 1): ?>
                           <img src="<?php echo e(asset('/public/theme/default/images/'.$img)); ?>" alt="image" class="imgFluid">
                           <?php endif; ?>
                       <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>  
                    </a>
                    <div class="blog-card__content">
                        <div class="blog-card__content-top">
                            <div class="title"><?php echo $singleBlog->title; ?></div>
                        </div>
                        <ul class="categories">
                            <li>
                                <a href="#">latest</a>, <a href="#"><?php echo e($singleBlog->category->name ?? 'Uncategorized'); ?></a>
                            </li>
                            <li><?php echo e($singleBlog->created_at->format('Y-m-d')); ?></li>
                        </ul>
                        <p class="desc">
                       <?php echo $singleBlog->content; ?> 
                        </p>
                    </div>
                    
                </article>
            </div>
          
            </div>
        </div>
        <div class="col-12 col-lg-3">
            <div class="row blogs-search-side-bar">    
            <div class="col-12">
             <div class="input-field blogs-sidebar-search d-none">
                <input type="text" placeholder="search" >
                 <a href="#" data-toggle-btn="searchbar" placeholder="Search"><i class="bx bx-search bx-sm"></i></a>
            </div>
            </div>
                 <?php $__currentLoopData = $blogContr->getBlogs(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-12">
                        <article class="blog-card ct_single_sideBlogs">
                              <?php
                                $images = json_decode($blog->image, true);
                                $firstImage = $images[0] ?? 'default.jpg';
                            ?>
                            <div class="single_image" > 
                              <img src="<?php echo e(asset('public/theme/default/images/' . $firstImage)); ?>" alt="image" class="imgFluid">
                              </div>
                            <div class="blog-card__content">
                                <div class="blog-card__content-top">
                                    <div class="title"><?php echo $blog->title; ?></div>
                                </div>
                                
                                
                                
                            </div>
                            <div class="blog-card__bottom">
                                <a href="/blog/<?php echo e($blog->id); ?>" class="theme-btn">
                                   <?php echo $blog->button_text; ?>

</a>
                            </div>
                        </article>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
             </div>
        </div>
       
    </div>
</div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-script'); ?>
<script src="<?php echo e(asset('public/theme/default/js/cart.js?v=1.1')); ?>"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('theme.saintsaccessories.websiteEcom', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/eraas/public_html/resources/views/backend/blogs/single-blog.blade.php ENDPATH**/ ?>