<?php $__env->startSection('meta'); ?>
<title><?php echo e($category->name); ?></title>
    <meta property="og:image" content="<?php echo e(asset('thumbnail.jpg')); ?>" />
    <meta property="og:url" content="<?php echo e(url()->current()); ?>" />
    <meta property="og:type" content="agent" />
    <meta name="theme-color" content="#ffffff">
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>

<?php $__env->stopPush(); ?>
<div class="container mt-2 mb-5 px-0 px-md-1">
    <hr>
    <section class="row m-0" wire:init="TopPostLoad">
        <?php for($i = 0; $i < $countPostTop; $i++): ?>
        <div class="col-md-6 px-1" wire:loading.delay>
            <div class="row m-0 cat-grid">
                <div class="col-xl-6 px-1">
                    <div class="ratio ratio-16x9 d-block overflow-hidden">
                        <div  class="ratio ratio-16x9 overflow-hidden">
                            <div class="placeholder-glow">
                                <span class="placeholder card h-100 col-12"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 px-1 align-self-center placeholder-glow">
                    <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-12"></a>
                    <span class="placeholder col-7"></span>
                    <span class="placeholder col-5"></span>
                    <span class="placeholder col-4"></span>
                    <span class="placeholder col-8"></span>
                    <span class="placeholder col-6"></span>
                    <span class="placeholder col-6"></span>
                    <span class="placeholder col-4"></span>
                </div>
            </div>
        </div>
        <?php endfor; ?>

        <?php $__currentLoopData = $postTop; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="col-md-6 px-1">
            <div wire:key="<?php echo e($loop->index); ?>" wire:loading.class="d-none" class="row m-0 cat-grid">
                <div class="col-xl-6 px-1">
                    <a href="<?php echo e(route('single',$post->id)); ?>" class="ratio ratio-16x9 d-block overflow-hidden">
                        <img src="<?php echo e(asset($post->feature_image)); ?>" alt="thumbnail" class="img-thumbnail w-100 object-fit-cover bg-transparent">
                    </a>
                </div>
                <div class="col-xl-6 px-1 align-self-center">
                    <a href="<?php echo e(route('single',$post->id)); ?>" class="font-text h5 text-decoration-none fw-bolder lh-base tippy-tooltip"
                        data-title="<?php echo e($post->title); ?>"
                    ><?php echo e(Str::limit($post->title, 60, '...')); ?></a>
                    <p>
                        <?php echo Str::limit(strip_tags($post->description), 90, '...'); ?>

                    </p>
                    <div class="d-flex flex-wrap flex-sm-row justify-content-between mb-1">
                        <div class="d-flex">
                            <div class="avatar">
                                <img src="<?php echo e($post->user->feature_image != null?asset($post->user->feature_image):asset('backend/images/avatar.jpg')); ?>" alt="avatar" class="img-thumbnail rounded-pill w-100">
                            </div>
                            <p class="align-items-center align-self-center mb-0 ms-1">
                                <?php echo e($post->user->name); ?>

                            </p>
                        </div>
                        <?php if (isset($component)) { $__componentOriginal1d3959a75b4659951519fa9aa2138cc669194867 = $component; } ?>
<?php $component = $__env->getContainer()->make(App\View\Components\Share::class, ['post' => $post]); ?>
<?php $component->withName('share'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal1d3959a75b4659951519fa9aa2138cc669194867)): ?>
<?php $component = $__componentOriginal1d3959a75b4659951519fa9aa2138cc669194867; ?>
<?php unset($__componentOriginal1d3959a75b4659951519fa9aa2138cc669194867); ?>
<?php endif; ?>
                    </div>
                    <div class="d-flex align-items-center mb-2">
                        <span><i class='bx bx-purchase-tag'></i></span>
                        <?php $__currentLoopData = $post->post_categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $categories): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <span class="badge bg-info rounded-pill mx-1"><?php echo e($categories->category->name); ?></span>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    <div class="d-flex flex-wrap flex-sm-row justify-content-between">
                        <p class="opacity-75"><i class='bx bx-calendar'></i> <?php echo e($post->date); ?></p>
                    </div>
                </div>
            </div>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </section>

    <section class="row m-0">
        <div class="col-md-8 col-lg-9 px-0"> 
            
            <div wire:init="AdsItem1Load">
                <hr>
                <div class="col-12 img-thumbnail bg-transparent" wire:loading.delay>
                    <div class="placeholder-glow">
                        <span class="placeholder col-12 rounded" style="height:180px"></span>
                    </div>
                </div>
                
                <?php if(!empty($ads_item1)): ?>
                <a href="<?php echo e($ads_item1->url); ?>">
                    <img src="<?php echo e(asset($ads_item1->feature_image??'img/ads3.jpg')); ?>" alt="ads" class="img-thumbnail bg-transparent w-100">
                </a>
                <hr>
                <?php endif; ?>
            </div>

            <div class="card bg-transparent border-0" wire:init="PostLoad">
                <div class="row m-0">
                    <?php for($i = 0; $i < $countPost; $i++): ?>
                    <div class="col-6 px-1 my-1" wire:loading.delay>
                        <div class="row m-0 cat-grid">
                            <div class="col-xl-6 px-1">
                                <div  class="ratio ratio-16x9 d-block overflow-hidden">
                                    <div class="placeholder-glow">
                                        <span class="placeholder card h-100 col-12"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 px-1 align-self-center placeholder-glow">
                                <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-12"></a>
                                <span class="placeholder col-7"></span>
                                <span class="placeholder col-5"></span>
                                <span class="placeholder col-4"></span>
                                <span class="placeholder col-8"></span>
                                <span class="placeholder col-6"></span>
                                <span class="placeholder col-4"></span>
                            </div>
                        </div>
                    </div>
                    <?php endfor; ?>
                </div>

                <div class="row m-0">
                    <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-6 px-1 my-1 tippy-tooltip" data-title="<?php echo e($post->title); ?>">
                        <div wire:key="<?php echo e($loop->index); ?>" wire:loading.class="d-none" class="row m-0 cat-grid">
                            <div class="col-xl-6 px-1">
                                <a href="<?php echo e(route('single',$post->id)); ?>"  class="ratio ratio-16x9 d-block overflow-hidden">
                                    <img src="<?php echo e(asset($post->feature_image)); ?>" alt="thumbnail" class="img-thumbnail w-100 object-fit-cover bg-transparent">
                                </a>
                            </div>
                            <div class="col-xl-6 px-1 align-self-center">
                                <a href="<?php echo e(route('single',$post->id)); ?>" class="font-text h5 pb-0 pb-md-1 text-decoration-none fw-bolder lh-base"><?php echo e(Str::limit($post->title, 50, '...')); ?></a>

                                <p><?php echo Str::limit(strip_tags($post->description), 70, '...'); ?></p>
                                
                                <div class="d-flex flex-wrap flex-sm-row justify-content-between">
                                    <span class="opacity-75 mb-0"><i class='bx bx-calendar'></i> <?php echo e($post->date); ?></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
            <div class="row">
                <div class="col-12" wire:init="AdsItem2Load">
                    <hr>
                    <div class="col-12 img-thumbnail bg-transparent" wire:loading.delay>
                        <div class="placeholder-glow">
                            <span class="placeholder col-12 rounded" style="height:180px"></span>
                        </div>
                    </div>
                    <?php if(!empty($ads_item2)): ?>
                    <a href="<?php echo e($ads_item2->url); ?>">
                        <img src="<?php echo e(asset($ads_item2->feature_image??'img/ads3.jpg')); ?>" alt="ads" class="img-thumbnail bg-transparent w-100">
                    </a>
                    <hr>
                    <?php endif; ?>
                </div>
                <div class="col-12">
                    <?php if($posts != null): ?>
                    <?php echo e($posts->links()); ?>

                    <?php endif; ?>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-lg-3 px-1">
            <?php if(!empty($ads_right)): ?>
            <a href="<?php echo e($ads_right->url); ?>">
                <img src="<?php echo e(asset($ads_right->feature_image)); ?>" alt="Advertising" class="img-thumbnail bg-transparent">
            </a>
            <?php endif; ?>

            <div class="img-thumbnail popular-post bg-transparent" wire:init="NewPostLoad">
                <h5 class="font-title text-center popular-title">&star; អត្ថបទថ្មី &star;</h5>

                <?php for($i = 0; $i < $countNewPost; $i++): ?>
                <div class="card home-top my-2" wire:loading.delay>
                    <div class='ratio ratio-16x9 overflow-hidden'>
                        <div class="placeholder-glow">
                            <span class="placeholder card h-100 col-12"></span>
                        </div>
                    </div>
                    <div class="card-body placeholder-glow p-2 post-desc">
                        <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-12"></a>
                        <span class="placeholder col-7"></span>
                        <span class="placeholder col-4"></span>
                    </div>
                </div>
                <?php endfor; ?>

                <?php $__currentLoopData = $newPost; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.home.popular','data' => ['wire:key' => ''.e($loop->index).'','wire:loading.class' => 'd-none','class' => 'ratio-16x9 tippy-tooltip','dataTitle' => ''.e($post->title).'','card' => 'border-0','link' => route('single',$post->id),'thumbnail' => $post->feature_image,'title' => ''.Str::limit($post->title, 80, '...').'','date' => $post->fulldate.' - '.$post->date]]); ?>
<?php $component->withName('home.popular'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['wire:key' => ''.e($loop->index).'','wire:loading.class' => 'd-none','class' => 'ratio-16x9 tippy-tooltip','data-title' => ''.e($post->title).'','card' => 'border-0','link' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('single',$post->id)),'thumbnail' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post->feature_image),'title' => ''.Str::limit($post->title, 80, '...').'','date' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post->fulldate.' - '.$post->date)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <br>
            <div class="img-thumbnail popular-post bg-transparent" wire:init="PopularPostLoad">
                <h5 class="font-title text-center popular-title">&star; អត្ថបទពេញនិយម &star;</h5>

                <?php for($i = 0; $i < $count_popular_posts; $i++): ?>
                <div class="card home-top my-2" wire:loading.delay>
                    <div class='ratio ratio-16x9 overflow-hidden'>
                        <div class="placeholder-glow">
                            <span class="placeholder card h-100 col-12"></span>
                        </div>
                    </div>
                    <div class="card-body placeholder-glow p-2 post-desc">
                        <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-12"></a>
                        <span class="placeholder col-7"></span>
                        <span class="placeholder col-4"></span>
                    </div>
                </div>
                <?php endfor; ?>

                <div class="row m-0">
                    <?php $__currentLoopData = $popularPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.home.popular','data' => ['wire:key' => ''.e($loop->index).'','wire:loading.class' => 'd-none','class' => 'ratio-16x9 tippy-tooltip','dataTitle' => ''.e($post->title).'','card' => 'border-0','link' => route('single',$post->id),'thumbnail' => $post->feature_image,'title' => ''.Str::limit($post->title, 80, '...').'','date' => $post->fulldate.' - '.$post->date]]); ?>
<?php $component->withName('home.popular'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['wire:key' => ''.e($loop->index).'','wire:loading.class' => 'd-none','class' => 'ratio-16x9 tippy-tooltip','data-title' => ''.e($post->title).'','card' => 'border-0','link' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(route('single',$post->id)),'thumbnail' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post->feature_image),'title' => ''.Str::limit($post->title, 80, '...').'','date' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($post->fulldate.' - '.$post->date)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </section>
    <?php if(!empty($advertise)): ?>
    <div wire:ignore class="offcanvas offcanvas-end bg-transparent show border-start-0" data-bs-backdrop="false" data-bs-scroll="true" tabindex="-1" id="CatEnd" aria-labelledby="CatEndLabel">
        <div class="offcanvas-body bg-transparent p-0 position-relative">
            <button class="position-absolute top-0 start-0 btn-close text-reset bg-danger" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            <a href="#">
                <img src="<?php echo e(asset($advertise->feature_image)); ?>" alt="ads" class="img-thumbnail bg-transparent w-100 p-0">
            </a>
        </div>
    </div>
    <?php endif; ?>
</div><?php /**PATH /var/www/html/phkaynews-v2/resources/views/livewire/frontend/by-category-page.blade.php ENDPATH**/ ?>