<?php if($article['status'] == true): ?>
<?php ($num = 0); ?>
<input type="hidden" id="menuId" name="menuId" value="<?php echo e($idMenu); ?>">
<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-3">
                                <!-- <img src="<?php echo e(asset('../storage/km/cover/cover.jpg')); ?>" class="img-fluid img-clear"> -->
                                <img src="<?php echo e(asset('../storage/km/cover/'. $ad['photo'] )); ?>" class="img-fluid img-clear">
                            </div>
                            <div class="col-md-9">
                                <div class="kitem-1 ">
                                    <h3 class="txtorange-1"><?php echo e($ad['name']); ?></h3>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-barcode"></i>
                                            <strong>รหัสความรู้:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1"><?php echo e($ad['code']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-clock"></i>
                                            <strong>วันที่นำเข้าระบบ:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1 date_format"><?php echo e($ad['created_at']); ?></p>
                                    </div>
                                    <div class="col-sm-12">
                                        <hr class="new1">
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-user-alt"></i>
                                            <strong>ชื่อเจ้าของผลงาน:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1"><?php echo e($ad['author']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-building"></i>
                                            <strong>หน่วยงาน:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1"><?php echo e($ad['organization']['name']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-calendar-alt"></i>
                                            <strong>ปีที่จัดทำ:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1 year_format"><?php echo e($ad['year_of']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-users text-right"></i>
                                            <strong>จำนวนผู้เข้าชม:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1"><?php echo e($ad['visitor_count']); ?></p>
                                    </div>
                                    <div class="col-sm-12 text-end">
                                        <a 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: ?>
<?php if(session()->has('user')): ?>
<p>ไม่พบข้อมูล</p>
<?php else: ?>
<p>ขออภัยไม่พบข้อมูล/แสดงข้อมูลเฉพาะสมาชิกเท่านั้น</p>
<?php endif; ?>
<?php endif; ?>

<script>
var selector = '.pageid a';
// var idMenu = $(".sidenav a.active").attr("data-index");
var idMenu = $('#menuId').val();
$(selector).on('click', function() {
    $(selector).removeClass('active');
    $(this).addClass('txtorange-5 active');
    urlApi = $(this).attr("data-index");
    listPage(idMenu, 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'));
});

function listPage(idMenu, urlApi) {
    var form_data = new FormData();
    form_data.append('id', idMenu);
    form_data.append('url', urlApi);
    form_data.append('size', 5);

    var pathname = window.location.pathname;
    var pathArr = pathname.split("/");
    var len = pathArr.length;
    var urlpost = "";
    if (len == 4) {
        urlpost = "page/tableListArticle";
    } else {
        urlpost = "../page/tableListArticle";
    }

    $.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').html(html);
        }
    });
}

$('.view').click(function() {
    $(".loader").show();
});

// var box = '.view';
// $(box).on('click', function() {
//     idArticle = $(this).val();
//     console.log(idArticle);
//     urlApi = "";
//     size = 1;
//     detailHistory(idArticle, urlApi, size);
// })

// function detailHistory(idMenu, urlApi, size) {
//     console.log('detail');
//     var form_data = new FormData();
//     form_data.append('id', idMenu);
//     form_data.append('url', urlApi);
//     form_data.append('size', size);
//     $.ajax({
//         type: "post",
//         url: 'kgroup/detailArticle',
//         data: form_data,
//         headers: {
//             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
//         },
//         processData: false,
//         contentType: false,
//         cache: false,
//         success: function(html) {
//             $('#blade').html(html);
//         }
//     });
// }
</script>
</script><?php /**PATH /var/www/html/km-web/resources/views/subpage/tableListArticle.blade.php ENDPATH**/ ?>