<?php if($table['status'] == true): ?>
<?php ($num = 0); ?>
<div class="row">
    <div class="table-responsive">
        <table class="table" style="width: 100%">
            <tbody>
                <?php $__currentLoopData = $table['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ex): $__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">
                                <?php if(is_null($ex['photo'])): ?>
                                <img src="<?php echo e(asset('../storage/km/profile/profile.png')); ?>"
                                    class="img-fluid img-clear">
                                <?php else: ?>
                                <img src="<?php echo e(asset('../storage/km/profile/'.$ex['photo'])); ?>"
                                    class="img-fluid img-clear">
                                <?php endif; ?>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <p class="txtorange-1">
                                            <i class="fas fa-user-alt"></i>
                                            <strong>ชื่อ-สกุล:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="txtorange-1"><?php echo e($ex['fname_th']); ?> <?php echo e($ex['lname_th']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-briefcase"></i>
                                            <strong>ตำแหน่ง:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9">
                                        <p class="kitem-1"><?php echo e($ex['position']); ?></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($ex['organization']['name']); ?></p>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="kitem-1">
                                            <i class="fas fa-tags"></i>
                                            <strong>ความเชี่ยวชาญ:</strong>
                                        </p>
                                    </div>
                                    <div class="col-sm-9 div-taghilight">
                                        <?php if(count($ex['expertises']) > 0): ?>
                                        <?php $__currentLoopData = $ex['expertises']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ee): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div>
                                            <span class="taghilight">
                                                <a><?php echo e($ee['name']); ?></a>
                                            </span>
                                        </div>

                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 text-end">
                                <a data-index="<?php echo e($ex['id']); ?>" class="btn btn-block btn-warning view">
                                    รายละเอียดเพิ่มเติม
                                </a>
                            </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 = $(".list-group .active").attr("data-index");
var main = $("#id_main").val();
var id = $("#id_search").val();
var sortby = $("#form_search input[type='radio']:checked").val();
var input = $('#input_search').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 input = $('#input_search').val();

        var form_data = new FormData();
        form_data.append('id', id);
        form_data.append('sortby', sortby);
        form_data.append('size', 5);
        form_data.append('input', input);
        form_data.append('url', '');

        var pathname = window.location.pathname;
        var pathArr = pathname.split("/");
        var len = pathArr.length;
        var urlpost = "";
        if (len == 4) {
            urlpost = "page/tableListExpert?page=" + page;
        } else {
            urlpost = "../page/tableListExpert?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);
    ListExpert(id, sortby, input, 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) {
    $("#form_search").hide();
    var form_data = new FormData();
    form_data.append('id', idMenu);
    form_data.append('url', urlApi);
    $.ajax({
        type: "post",
        url: '../page/tableListArticle',
        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);
        }
    });
}

$('.view').click(function() {
    var idPer = $(this).data('index');
    var pathname = window.location.pathname;
    var namepage = pathname.substring(pathname.length - 6, pathname.length);
    if (namepage == "clinic") {
        urlname = 'clinic/expert/' + idPer;
    } else {
        urlname = '../clinic/expert/' + idPer;
    }
    $.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').html(html);
        }
    });
});

function ListExpert(id, sortby, input, urlApi) {
    var form_data = new FormData();
    form_data.append('id', id);
    form_data.append('sortby', sortby);
    form_data.append('size', 5);
    form_data.append('input', input);
    form_data.append('url', urlApi);

    var pathname = window.location.pathname;
    var pathArr = pathname.split("/");
    var len = pathArr.length;

    var urlpost = "";
    if (len == 4) {
        urlpost = "page/tableListExpert";
    } else {
        urlpost = "../page/tableListExpert";
    }
    // alert(urlpost);

    $.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);
        }
    });
}
</script><?php /**PATH C:\xampp\htdocs\km-web\resources\views/subpage/tableListExpert.blade.php ENDPATH**/ ?>