<?php $__env->startSection('content'); ?>
<div
    class="blog"
    data-controller="components/blog"
    data-pages="<?php echo e($page); ?>"
    data-cats="<?php echo e(json_encode($cats)); ?>"
    data-search="<?php echo e($searchString); ?>">

    <div class="blog__content">
        <div class="blog__intro">
            <div class="blog__intro-content">
                <a href="<?php echo e(lang_url('/blog')); ?>">
                    <h2 class="blog__intro-title">
                        <span data-text-search></span>
                        <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php echo e(in_array($category->id, $cats) ? $category->title : ''); ?>

                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </h2>
                </a>
                <span class="blog__intro-count">All <span data-text-total></span> articles</span>
            </div>

            <div class="blog__search">
                <span class="blog__icon-search">
                    <?php echo $__env->make('frontend.svg.search', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                </span>
                <input type="text" name="blog-search" class="blog__search-input" value="<?php echo e($searchString); ?>" placeholder="<?php echo app('translator')->get('frontend.search_in_the_blog'); ?>"/>
            </div>
        </div>
    </div>

    <div class="blog__filter-holder" data-role="filter-holder" style="display: none;">
        <div class="blog__filter" data-role="filter">
            <div class="blog__filter-bar">
                <div class="blog__filter-control">
                    <div class="blog__filter-toggle">
                        <a href="#" data-action="toggle-filter">
                            <span class="blog__filter-label"><?php echo app('translator')->get('frontend.filter_by_category'); ?></span>
                            <span class="blog__filter-label--mobile"><?php echo app('translator')->get('frontend.filters'); ?></span>
                        </a>
                    </div>
                    
                </div>
                <div class="blog__filter-items-wrapper">
                    <div class="blog__filter-items" data-role="filter-items">
                        <div class="blog__filter-item <?php echo e(empty($cats) ? 'js-active' : ''); ?>" data-role="filter-item">
                            <input type="checkbox" name="all-cats" value="all" id="category_all" <?php echo e(empty($cats) ? 'checked' : ''); ?>/>
                            <label for="category_all">
                                All
                            </label>
                        </div>
                        <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="blog__filter-item <?php echo e(in_array($category->id, $cats) ? 'js-active' : ''); ?> blog__filter-item-<?php echo e($category->id); ?>" data-role="filter-item">
                            <input type="checkbox" name="cats" value="<?php echo e($category->id); ?>" id="cats_<?php echo e($category->id); ?>" <?php echo e(in_array($category->id, $cats) ? 'checked' : ''); ?>/>
                            <label for="cats_<?php echo e($category->id); ?>">
                                <?php echo e($category->title); ?>

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

    <div class="blog__list-container">
        <div class="blog__list">
            <div class="blog__posts-list" data-role="postsList">
                <?php for($i = 1; $i < $page; $i++): ?>
                    <div class="blog__page" data-page="<?php echo e($i); ?>" data-loaded="0"></div>
                <?php endfor; ?>
                
                <?php echo $__env->make('frontend.templates.components.blog_list', array('page' => $page), \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>
        </div>
        <div class="loading" data-role="loading">
            <span class="fa fa-cog fa-spin"></span>
        </div>
        <div class="blog__nav">
            <a href="?page=2" class="std-button" data-action="load-more">Load more</a>
        </div>
    </div>

    <?php echo $__env->make('frontend.templates.blocks.newsletter-v2', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.main', array('body_class' => 'blog-page'), \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/resources/views/frontend/templates/page/blog_list.blade.php ENDPATH**/ ?>