<?php $__env->startSection('content'); ?>
    <!-- section start -->
    <section class="layout-pt-xl layout-pb-md">
        <!-- container start -->
        <div class="container">
            <!-- row start -->
            <div class="row justify-content-center text-center">
                <div class="col-xl-7 col-lg-8">
                    <ul class="breadcrumbs justify-content-center text-black mb-40">
                        <li class="breadcrumbs-item">
                            <a href="/"> Home </a>
                        </li>
                        <li class="breadcrumbs-item active" aria-current="page">
                            Blog
                        </li>
                    </ul>

                    <div class="sectionHeading -lg">
                        <h1 class="sectionHeading__title">Our Business Blog</h1>
                    </div>
                </div>
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>
    <!-- section end -->

    <!-- section start -->
    <section class="layout-pt-xs layout-pb-md">
        <!-- container start -->
        <div class="container">
            <!-- row start -->
            <div class="row no-gutters justify-content-between">
                <!-- posts start -->
                <div class="col-lg-8">
                    <div class="row x-gap-60 y-gap-60">
                        <?php $__currentLoopData = $articles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $article): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-md-6">
                                <!-- blog-item start -->
                                <div data-anim="slide-up" class="blogPost mb-0">
                                    <a href="<?php echo e(route('articles.show', $article)); ?>">
                                        <div class="blogPost__img -hover">
                                        <div
                                            class="bg-image ratio ratio-4:3 js-lazy"
                                            data-bg="<?php echo e(Storage::url($article->article_image_path)); ?>"
                                        ></div>
                                        </div>
                                    </a>

                                    <!-- blog-content start -->
                                    <div class="blogPost__content mt-24">
                                        <div class="blogPost__info leading-md">
                                            <?php $__currentLoopData = $article->categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <?php if(!$loop->last): ?>
                                                    <a href="#"><?php echo e($category->name); ?></a>,
                                                <?php else: ?>
                                                    <a href="#"><?php echo e($category->name); ?></a>
                                                <?php endif; ?>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>

                                        <h3
                                        class="blogPost__title text-2xl leading-lg fw-500 mt-12"
                                        >
                                            <a href="<?php echo e(route('articles.show', $article)); ?>">
                                                <?php echo e($article->title); ?>

                                            </a>
                                        </h3>

                                        <p class="blogPost__text text-base mt-8">
                                            Third and, them Isn&#39;t years wherein man without he
                                            to also green had cattle...
                                        </p>

                                        <div class="blogPost__button text-black mt-12">
                                            <a
                                                data-barba
                                                href="<?php echo e(route('articles.show', $article)); ?>"
                                                class="button -icon text-black"
                                            >
                                                Read More
                                                <i
                                                class="icon size-xs str-width-md"
                                                data-feather="arrow-right"
                                                ></i>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- blog-content end -->
                                </div>
                                <!-- blog-item end -->
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>


                    <?php echo e($articles->links()); ?>


                    
                </div>
                <!-- posts end -->

                <!-- sidebar start -->
                <div class="col-lg-4 md:mt-64">
                    <aside class="blogSidebar widget_area">
                        

                        <!-- widget start -->
                        <div class="widget widget_recent_entries">
                            <h5 class="widget-title">Recent Posts</h5>

                            <ul>
                                <?php $__currentLoopData = $recentArticles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $article): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <li>
                                        <span class="post-date"><?php echo e($article->created_at->diffForHumans()); ?></span>
                                        <a href="<?php echo e(route('articles.show', $article)); ?>">
                                            <?php echo e($article->title); ?>

                                        </a>
                                    </li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                        </div>
                        <!-- widget end -->
                    </aside>
                </div>
                <!-- sidebar end -->
            </div>
            <!-- row end -->
        </div>
        <!-- container end -->
    </section>
    <!-- section end -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/suren/Desktop/JT/business-basket/resources/views/articles/index.blade.php ENDPATH**/ ?>