<?php $__env->startSection('meta'); ?>
<title><?php echo e($title != null?'លទ្ធផល៖ '.$title:'ស្វែងរកព័ត៌មាន'); ?></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="search" />
    <meta name="theme-color" content="#ffffff">
<?php $__env->stopSection(); ?>

<div class="main-content search-page">
    <div class="article-desc mt-3 mb-5 px-3">
        <h2>ស្វែងរក៖</h2>
        <form action="#" method="get">
            <div class="row mb-3">
                <div class="col-sm-12">
                  <input type="text" wire:model.deboune.500ms="title" class="form-control" id="search" placeholder="បញ្ចូលពាក្យទាក់ទងចំណងជើងព័ត៌មាន..." autofocus>
                </div>
                
            </div>
        </form>
        <?php if($title != null): ?>
        <h4 class="d-inline-block">លទ្ធផល៖ <span class="fs-5 fst-italic text-decoration-underline"><?php echo e($title); ?></span></h4>
        <?php endif; ?>
        <hr>
        <div class="row m-0" wire:init="loadPosts">
            <div class="col-12 px-1 my-1" wire:loading.delay>
                <div class="d-flex justify-content-center align-self-center my-4 py-4">
                    <i class="bx bx-loader bx-spin  bx-md"></i>
                </div>
                <?php for($i = 0; $i < $perpage; $i++): ?>
                <div class="row m-0 my-2 cat-grid border-bottom border-primary pb-1 rounded-start rounded-end">
                    <div class="col-sm-6 px-1">
                        <div  class="ratio ratio-16x9 overflow-hidden">
                            <div class="placeholder-glow">
                                <span class="placeholder card h-100 col-12"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 card-text 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>
                <?php endfor; ?>
            </div>
            <?php $__empty_1 = true; $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <div class="col-12 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 border-bottom border-primary pb-1 rounded-start rounded-end">
                    <div class="col-sm-6 px-1">
                        <a href="<?php echo e(route('single',$post->id)); ?>"  class="ratio ratio-16x9 d-block overflow-hidden position-relative">
                            <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-sm-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, 70, '...')); ?></a>

                        <p><?php echo Str::limit(strip_tags($post->description), 100, '...'); ?></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(); if ($__empty_1): ?>
            <?php if($readyToLoad): ?>
            <div class="col-12">
                <h4 class="py-4 mb-0 d-flex justify-content-center align-items-center text-danger">មិនមានព័ត៌មានទាក់ទង</h4>
            </div>
            <?php endif; ?>
            <?php endif; ?>
            <?php if($posts != null): ?>
            <div class="col-12">
                <?php echo e($posts->links()); ?>

            </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/phkaynews-v2/resources/views/livewire/frontend/search-page.blade.php ENDPATH**/ ?>