<?php if($article['status'] == true): ?>
<br>
<div class="text-center">
    <h1>
        <span style=" color:#1aa6b7">ผลการค้นหาความรู้ </span>
        <span style=" color:#fc7f02;"><?php echo e($article['data']->resource->total()); ?></span>
        <span style=" color:#1aa6b7"> รายการ</span>
    </h1>
</div>
<br>

<div class="row">
    <div class="table-responsive">
        <table class="table" style="width: 100%">
            <tbody>
                <?php $__currentLoopData = $article['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <tr>
                    <td style="width: 100%; border-bottom-width: 0px">
                        <div class="row mx-md-n5 rcborders-1">
                            <div class="col-md-12">
                                <div class="kitem-1 ">
                                    <h3 class="txtorange-1"><?php echo e($ad['name']); ?></h3>
                                </div>
                                <div class="row">

                                    <div class="col-sm-2">
                                        <p class="kitem-1">
                                            <i class="fas fa-clock"></i>
                                            <strong>วันที่นำเข้าระบบ:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-10">
                                        <p class="kitem-1 date_format"><?php echo e($ad['created_at']); ?></p>
                                    </div>

                                    <div class="col-sm-2">
                                        <p class="kitem-1">
                                            <i class="fas fa-tags"></i>
                                            <strong> คำสำคัญ :</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-10 div-taghilight">
                                        <?php if(count($ad['article_tags']) > 0): ?>
                                        <?php $__currentLoopData = $ad['article_tags']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $at): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <?php if($at['status'] == 1): ?>
                                        <div>
                                            <span class="taghilight">
                                                <a><?php echo e($at['name']); ?></a>
                                            </span>
                                        </div>
                                        <?php endif; ?>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                    </div>

                                    <div class="col-sm-2">
                                        <p class="kitem-1">
                                            <i class="fas fa-folder-open"></i>
                                            <strong> หมวดหมู่เนื้อหาความรู้:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-10">
                                        <p class="kitem-1"><?php echo e($ad['type']['name']); ?></p>
                                    </div>

                                    <div class="col-sm-2">
                                        <p class="kitem-1">
                                            <i class="fas fa-users"></i>
                                            <strong> จำนวนผู้เข้าชม:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-10">
                                        <p class="kitem-1"><?php echo e($ad['visitor_count']); ?></p>
                                    </div>

                                    <div class="col-sm-12 text-end">
                                        <a name="btn-detail" href=" <?php echo e(route($ad['type']['route'], $ad['short_url'])); ?>"
                                            value="<?php echo e($ad['id']); ?>" type="submit"
                                            class="btn btn-block btn-warning view">
                                            รายละเอียดเพิ่มเติม
                                        </a>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </tbody>
        </table>
    </div>
    <div class="d-flex justify-content-center">
        <?php echo $article['data']->links(); ?>

    </div>
</div>
<?php else: ?>
<br>
<div class="text-center">
    <h1>
        <span style=" color:#1aa6b7">ไม่พบข้อมูล </span>
    </h1>
</div>
<br>
<?php endif; ?>

<script>
$(document).ready(function() {
    $(document).on('click', '.pagination a', function(event) {
        event.preventDefault();
        var page = $(this).attr('href').split('page=')[1];
        fetch_data(page);
    });

    function fetch_data(page) {
        var select = $("#selectkey").val();
        var text = $("#texKey").val();

        var year = $("#slide-year").val();
        var obj_year = year.split(",");
        $.each(obj_year, function(index, value) {
            obj_year[index] = value - 543;
        });
        var arr_year = JSON.stringify(obj_year);

        arr_group = [];
        $(".tree li input[type='checkbox']:checked").each(function() {
            var item = $(this).attr("name");
            if (item == "subdomain") {
                arr_group.push($(this).val());
            }
        })
        var group = JSON.stringify(arr_group);

        var order = $('input[name=flexRadio]:checked').val();

        var obj_type = [];
        $.each($("input[name='flexCheck']:checked"), function() {
            obj_type.push($(this).val());
        });
        var arr_type = JSON.stringify(obj_type);

        var form_data = new FormData();
        form_data.append('select', select);
        form_data.append('text', text);
        form_data.append('year', arr_year);
        form_data.append('group', group);
        form_data.append('order', order);
        form_data.append('type', arr_type);

        var pathname = window.location.pathname;
        var pathArr = pathname.split("/");
        var len = pathArr.length;
        var urlpost = "";
        if (len == 4) {
            urlpost = "page/tableSearch?page=" + page;
        } else {
            urlpost = "../page/tableSearch?page=" + page;
        }
        $.ajax({
            type: "post",
            url: urlpost,
            data: form_data,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            processData: false,
            contentType: false,
            cache: false,
            success: function(html) {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
                $("#bladeSearch").empty();
                $('#bladeSearch').html(html);
            }
        });
    }
});

$('.taghilight').click(function() {
    var tag = $(this).text().trim();
    // console.log(tag)
    $("#texKey").val(tag);
    $("#selectkey").val("tag");
    $('input[type=checkbox]').prop('checked', false);
    $("#btn-search").click();
});

$('.date_format').each(function(d) {
    $(this).html(moment($(this).html()).add(543, 'years').locale('th').format('LL'));
});

$('.year_format').each(function(d) {
    $(this).html(moment($(this).html()).add(543, 'years').locale('th').format('YYYY'));
});
</script><?php /**PATH /var/www/html/km-web/resources/views/subpage/tableSearch.blade.php ENDPATH**/ ?>