<?php if($table['status'] == true): ?>
<div class="row">
    <div class="table-responsive">
        <table class="table fq-striped table-hover" style="width: 100%; cursor: pointer;">
            <tbody>
                <?php ($num = ($table['data']->resource->currentPage()-1) * $table['data']->resource->perPage() ); ?>
                <?php $__currentLoopData = $table['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ex): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php ($num = $num + 1 ); ?>
                <tr class="clickable-row" data-index="<?php echo e($ex['id']); ?>">
                    <td style="width: 100%; border-bottom-width: 0px">
                        <div class="row mx-md-n5">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <p class="kitem-1"><?php echo e($num); ?>. <?php echo e($ex['topic']); ?></p>
                                        <span class="taghilight"><a><?php echo e($ex['skill']); ?></a></span>
                                        <div style="margin-bottom: 20px;"></div>
                                        <div class="row">
                                            <div class="col-md-8">
                                                <small class="text-muted">
                                                    ผู้ตั้งกระทู้ <?php echo e($ex['user']['fname_th']); ?>

                                                    <?php echo e($ex['user']['lname_th']); ?>-
                                                    วันที่ <?php echo e(formatDateThaiFull($ex['created_at'])); ?>

                                                </small>
                                                <!-- <p class="kitem-1"> ธิดารัตน์ ทิณวงษ์โพธิ์. 1 กรกฎาคม 2564 </p> -->
                                            </div>
                                            <div class="col-md-4 kitem-1" style="text-align: right;">
                                                <small class="text-muted">
                                                    <i class="fas fa-eye"></i> <?php echo e($ex['visitor_count']); ?>

                                                    <i class="fas fa-comment-dots"></i> <?php echo e(count($ex['comment'])); ?>

                                                </small>
                                            </div>
                                        </div>
                                    </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 $table['data']->links(); ?>

    </div>
</div>
<?php else: ?>
<p>ไม่พบข้อมูล</p>
<?php endif; ?>

<script>
var selector = ' .pageid a';
var idMenu = $('.show').data('index');
var main = $("#id_main").val();
var id = $("#id_search").val();
var sortby = $("#form_search input[type='radio']:checked").val();

$(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 id = $("#id_search").val();
        var sortby = $("#form_search input[type='radio']:checked").val();

        var form_data = new FormData();
        form_data.append('id', id);
        form_data.append('sortby', sortby);
        form_data.append('size', 5);
        form_data.append('url', '');

        var pathname = window.location.pathname;
        var pathArr = pathname.split("/");
        var len = pathArr.length;
        var urlpost = "";
        if (len == 4) {
            urlpost = "page/tableListPost?page=" + page;
        } else {
            urlpost = "../page/tableListPost?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'
                });
                $("#blade").empty();
                $('#blade').html(html);
            }
        });
    }
});

$(selector).on('click', function() {
    $(selector).removeClass('active');
    $(this).addClass('txtorange-5 active');
    urlApi = $(this).attr("data-index");
    // listPage(idMenu, urlApi);
    ListPost(id, sortby, urlApi);
});
$('.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'));
});

$(".clickable-row").click(function() {
    var idpost = $(this).data('index');
    var pathname = window.location.pathname;
    var namepage = pathname.substring(pathname.length - 6, pathname.length);
    if (namepage == "clinic") {
        urlname = 'clinic/post/' + idpost;
    } else {
        urlname = '../clinic/post/' + idpost;
    }
    // alert(urlname);
    $.ajax({
        type: "get",
        url: urlname,
        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'
            });
            $("#blade").empty();
            $('#blade').html(html);
        }
    });
});

function listPage(idMenu, urlApi, urlApi) {
    var form_data = new FormData();
    form_data.append('id', idMenu);
    form_data.append('url', urlApi);
    form_data.append('size', 10);

    var urlpost = "";
    if (len == 4) {
        urlpost = "page/tableListPost";
    } else {
        urlpost = "../page/tableListPost";
    }

    $.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'
            });
            $("#blade").empty();
            $('#blade').html(html);
        }
    });
}

function ListPost(id, sortby, urlApi) {
    var form_data = new FormData();
    form_data.append('id', id);
    form_data.append('sortby', sortby);
    form_data.append('size', 5);
    form_data.append('url', urlApi);

    $.ajax({
        type: "post",
        url: '../page/tableListPost',
        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'
            });
            $("#blade").empty();
            $('#blade').html(html);
        }
    });
}

// $('#form_search input').on('change', function() {
//     var id = $("#id_search").val();
//     var sortby = $("#form_search input[type='radio']:checked").val();
//     // alert(id + "/" + sortby);
//     var form_data = new FormData();
//     form_data.append('idMenu', id);
//     form_data.append('url', urlApi);
//     form_data.append('size', 10);
//     $.ajax({
//         type: "post",
//         url: '../page/tableListPost',
//         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'
//             });
//             $('#blade').html(html);
//         }
//     });
// });
</script><?php /**PATH C:\xampp\htdocs\km-web\resources\views/subpage/tableListPost.blade.php ENDPATH**/ ?>