
<?php $__env->startSection('content'); ?>

<!-- menu serch filter -->
<div class="col-md-12">
    <div class="row">
        <div class="col-sm-12">
            <div class="box-header">
                <h4>ค้นหาความรู้ <?php echo e(config('constants.OWT_APP')); ?></h4>
            </div>
        </div>
    </div>
    <div class="row">
        <?php echo $__env->make('layouts/partials/front/search', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
</div>
<div class="col-md-12">
    <div class="row" id="bladeSearch">
        <div class="col-lg-9">
            <?php if(session()->has('menu')): ?>
            <!-- คลังความรู้ -->
            <div class="card">
                <div class="card-header-home" style="text-align: left">
                    <div class="card-l">
                        <h4 class="ps-3">คลังความรู้ล่าสุด</h4>
                    </div>
                    <div class="card-r px-3">
                        <a href="<?php echo e(session()->get('menu')[2]['route']); ?>"
                            class="txtgray-4 btn-all">คลังความรู้ทั้งหมด</a>
                    </div>
                </div>
                <div class="card-body" style="overflow: auto">
                    <div class="row">
                        <table class="table" style="width: 100%">
                            <tbody>
                                <tr class="td-hover">
                                    <?php if($kBase['status'] == true): ?>
                                    <?php $__currentLoopData = $kBase['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $kb): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php $path = session()->get('menu')[2]['route'].'.group'; ?>
                                    <td style="width: 20%; text-align: center; border-bottom-width: 0px">
                                        <a class="p-hover" href="<?php echo e(route($path ,$kb['short_url'])); ?>">
                                            <div class="box" data-value="<?php echo e($kb['id']); ?>">
                                                <div class="box-body">
                                                    <?php if($kb['photo'] != null || $kb['photo'] != ""): ?>
                                                    <img src="<?php echo e(asset('../storage/km/cover/'.$kb['photo'])); ?>"
                                                        class="margin content-cover" width="140px" height="210px" />
                                                    <?php else: ?>
                                                    <img src="<?php echo e(asset('../storage/km/cover/cover.jpg')); ?>"
                                                        class="margin content-cover" width="140px" height="210px" />
                                                    <?php endif; ?>
                                                </div>
                                                <div class="box-footer" style="text-align: center">
                                                    <p class="margin-clear kitem-1"><?php echo e($kb['name']); ?></p>
                                                    <small class="text-muted"><?php echo e($kb['author']); ?></small>
                                                </div>
                                            </div>
                                        </a>
                                    </td>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                    <?php if(count($kBase) < 5): ?> <?php for($i=count($kBase); $i < 5; $i++): ?> <td
                                        style="width: 20%; border-bottom-width: 0px">
                                        </td>
                                        <?php endfor; ?>
                                        <?php endif; ?>

                                        <?php endif; ?>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- K-Sharing -->
            <div class="card">
                <div class="card-header-home" style="text-align: left">
                    <div class="card-l">
                        <h4 class="ps-3">K-Sharing ล่าสุด</h4>
                    </div>
                    <div class="card-r px-3">
                        <a href="<?php echo e(session()->get('menu')[6]['route']); ?>" class="txtgray-4 btn-all">K-Sharing
                            ทั้งหมด</a>
                    </div>
                </div>
                <div class="card-body" style="overflow: auto">
                    <div class="row">
                        <table class="table" style="width: 100%">
                            <tbody>
                                <tr class="td-hover">
                                    <?php if($kSharing['status'] == true): ?>
                                    <?php $__currentLoopData = $kSharing['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ks): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <?php $path2 = session()->get('menu')[6]['route'].'.group'; ?>
                                    <td style="width: 20%; text-align: center; border-bottom-width: 0px">
                                        <a class="p-hover" href="<?php echo e(route($path2,$ks['short_url'])); ?>">
                                            <div class="box" data-value="<?php echo e($ks['id']); ?>">
                                                <div class="box-body">
                                                    <?php if($ks['photo'] != null || $ks['photo'] != ""): ?>
                                                    <img src="<?php echo e(asset('../storage/km/cover/'.$ks['photo'])); ?>"
                                                        class="margin content-cover" width="140px" height="210px" />
                                                    <?php else: ?>
                                                    <img src="<?php echo e(asset('../storage/km/cover/cover.jpg')); ?>"
                                                        class="margin content-cover" width="140px" height="210px" />
                                                    <?php endif; ?>
                                                </div>
                                                <div class="box-footer" style="text-align: center">
                                                    <p class="margin-clear kitem-1"><?php echo e($ks['name']); ?></p>
                                                    <small class="text-muted"><?php echo e($ks['author']); ?></small>
                                                </div>
                                            </div>
                                        </a>
                                    </td>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <?php if(count($kSharing) < 5): ?> <?php for($i=count($kSharing); $i < 5; $i++): ?> <td
                                        style="width: 20%; border-bottom-width: 0px">
                                        </td>
                                        <?php endfor; ?>
                                        <?php endif; ?>
                                        <?php endif; ?>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <!-- อินโฟกราฟิก -->
            <div class="card">
                <div class="card-header-home" style="text-align: left">
                    <div class="card-l">
                        <h4 class="ps-3">อินโฟกราฟิกล่าสุด</h4>
                    </div>
                    <div class="card-r px-3">
                        <a href="infographic" class="txtgray-4 btn-all">อินโฟกราฟิกทั้งหมด</a>
                    </div>
                </div>

                <div class="card-body" style="overflow: auto">
                    <div class="row">
                        <table class="table" style="width: 100%">
                            <tbody>
                                <tr class="td-hover">
                                    <?php if($infographic['status'] == true): ?>
                                    <?php $__currentLoopData = $infographic['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $info): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <td style="width: 20%; text-align: center; border-bottom-width: 0px">
                                        <a class="p-hover"
                                            href="<?php echo e(route('infographic.group',$info['article']['short_url'])); ?>">
                                            <div class="box" data-value="<?php echo e($info['article']['id']); ?>">
                                                <div class="box-body">
                                                    <img src="<?php echo e(asset('../storage/km/articles/'.$info['name'])); ?>"
                                                        class="margin content-cover" width="140px" height="210px" />
                                                </div>
                                                <div class="box-footer" style="text-align: center" width="140px">
                                                    <p class="margin-clear kitem-1"><?php echo e($info['article']['name']); ?></p>
                                                    <small class="text-muted"><?php echo e($info['article']['author']); ?></small>
                                                </div>
                                            </div>
                                        </a>
                                    </td>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    <?php if(count($infographic) < 5): ?> <?php for($i=count($infographic); $i < 5; $i++): ?> <td
                                        style="width: 20%; border-bottom-width: 0px">
                                        </td>
                                        <?php endfor; ?>
                                        <?php endif; ?>
                                        <?php endif; ?>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <?php endif; ?>
        </div>

        <!-- content right -->
        <div class="col-lg-3">
            <?php if(!session()->has('user')): ?>
            <!-- no login -->
            <div class="card card-outline card-green">
                <div class="card-header" style="text-align: center">
                    <i class="fas fa-user-circle fa-5x center"></i>
                    <div style="margin-top:5px;"></div>
                    <h4 class="card-title float-none text-center">เข้าสู่ระบบ</h4>
                </div>
                <div class="card-body login-card-body">
                    <form id="formLogin" name="formLogin">
                        <div class="mb-3">
                            <div class="input-group">
                                <span class="input-group-text">
                                    <i class="fa fa-user"></i>
                                </span>
                                <input type="text" name="username" id="username" class="form-control" value=""
                                    placeholder="ชื่อผู้ใช้งาน" />
                            </div>
                        </div>
                        <div class="form-text text-end">
                            <a href="changePass" class="txtyellow-1"> เปลี่ยนรหัสผ่าน</a>
                        </div>
                        <div class="mb-3">
                            <div class="input-group">
                                <span class="input-group-text">
                                    <i class="fa fa fa-lock"></i>
                                </span>
                                <input type="password" name="password" id="password" class="form-control"
                                    placeholder="รหัสผ่าน" />
                                <span class="input-group-text" onclick="password_show_hide();">
                                    <i class="fas fa-eye" id="show_eye"></i>
                                    <i class="fas fa-eye-slash d-none" id="hide_eye"></i>
                                </span>
                            </div>
                        </div>
                        <div class="mb-3 d-flex justify-content-center">
                            <div class="captcha">
                                <span><?php echo captcha_img('home'); ?></span>
                                <button type="button" class="btn btn-danger" class="reload" id="reload">
                                    ↻
                                </button>
                            </div>
                        </div>
                        <div class="mb-3">
                            <input id="captcha" name="captcha" type="text" class="form-control" placeholder="กรอกข้อความตามภาพด้านบน">
                        </div>
                        <div class="d-grid gap-2">
                            <button type="submit" class="btn btn-warning" type="button">
                                เข้าสู่ระบบ <i class="fa fa-sign-in-alt"></i>
                            </button>
                        </div>
                        <div class="form-text text-center">
                            <a href="forgotPass" class="txtyellow-1"> ลืมรหัสผ่าน</a>
                        </div>
                    </form>
                </div>

                <div class="card-footer">
                    <div class="d-grid gap-2">
                        <a class="btn btn-secondary" href="register" role="button">
                            สมัครสมาชิก <i class="fa fa-pencil-alt"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!-- manual -->
            <div class="row mt-3">
                <div class="d-grid gap-2">
                    <a class="btn btn-secondary btn-load" href="manual" role="button">
                        แนะนำการใช้งานเว็บไซต์ <i class="fa fa-book"></i>
                    </a>
                </div>
            </div>
            <?php else: ?>
            <!-- login -->
            <div class="card card-outline card-green">
                <div class="card-header" style="text-align: center">
                    <!-- <i class="fas fa-user-circle fa-5x center"></i> -->
                    <img id="main_pic" src="<?php echo e(asset('../storage/km/profile/'.session()->get('user')[0]['photo'])); ?>" alt="avatar"
                        class="rounded-circle img-fluid"
                        style="width:150px; height:150px; object-fit:cover;">
                    <div style="margin-top:5px;"></div>
                    <h4 class="card-title float-none text-center">ยินดีต้อนรับ</h4>
                </div>

                <div class="card-body login-card-body">
                    <div class="row">
                        <div class="col-4">
                            <p>
                                <i class="fas fa-user"></i> ชื่อผู้ใช้:
                            </p>
                        </div>
                        <div class="col-8">
                            <p>
                                คุณ <?php echo e(session()->get('user')[0]['fullname_th']); ?>

                            </p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">
                            <p>
                                <i class="fas fa-star"></i> สิทธิ์:
                            </p>
                        </div>
                        <div class="col-8">
                            <p class="txtyellow-1"><?php echo e(session()->get('user')[0]['role']); ?></p>
                        </div>
                    </div>

                    <div class="d-grid gap-2">
                        <a class="btn btn-secondary" href="profile" role="button">
                            ข้อมูลส่วนตัว <i class="fa fa-user"></i>
                        </a>
                        <a class="btn btn-secondary btn-load" href="management" role="button">
                            บริหารจัดการข้อมูล <i class="fa fa-cog"></i>
                        </a>
                    </div>
                    </form>
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="d-grid gap-2">
                            <a class="btn btn-warning" href="<?php echo e(route('logout')); ?>" role="button"
                                onClick="showLoading();">
                                ออกจากระบบ <i class="fa fa-power-off"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div style="clear:both; margin-top:20px;"></div>

            <!-- count most -->
            <div class="card card-outline">
                <div class="card-header orange-4" style="text-align: center">
                    <h4 class="card-title float-none text-center">Knowledge Q&A</h4>
                </div>
                <div class="card-body login-card-body orange-1">
                    <!-- New Release -->
                    <div class="row">
                        <h5 class="font-weight-bold text-center txtorange-4">New Release</h5>
                        <?php if($newRelease['status'] == true): ?>
                        <?php
                        $num = 0;
                        ?>
                        <?php $__currentLoopData = $newRelease['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $new): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                        $num = $num + 1;
                        ?>
                        <div class="container mb-2 click-post" data-index="<?php echo e($new['id']); ?>">
                            <div class="row justify-content-between gray">
                                <div class="col-sm-2 col-item ">
                                    <div class="kl-orange-circle-s">
                                        <p class="txtwhite"><?php echo e($num); ?></p>
                                    </div>
                                </div>
                                <div class="col-sm-7 col-item">
                                    <small>
                                        <?php echo e($new['topic']); ?>

                                    </small>
                                </div>
                                <div class="col-sm-3 col-item text-right">
                                    <span class="txtyellow-2"><?php echo e($new['visitor_count']); ?></span>
                                    &nbsp;
                                    <small>ครั้ง</small>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php endif; ?>
                    </div>
                    <!-- Most Viewed -->
                    <div class="row">
                        <h5 class="font-weight-bold text-center txtorange-4">Most Viewed</h5>
                        <?php if($mostViewed['status'] == true): ?>
                        <?php
                        $num = 0;
                        ?>
                        <?php $__currentLoopData = $mostViewed['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $new): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                        $num = $num + 1;
                        ?>
                        <div class="container mb-2 click-post" data-index="<?php echo e($new['id']); ?>">
                            <div class="row justify-content-between gray">
                                <div class="col-sm-2 col-item ">
                                    <div class="kl-orange-circle-s">
                                        <p class="txtwhite"><?php echo e($num); ?></p>
                                    </div>
                                </div>
                                <div class="col-sm-7 col-item">
                                    <small>
                                        <?php echo e($new['topic']); ?>

                                    </small>
                                </div>
                                <div class="col-sm-3 col-item text-right">
                                    <span class="txtyellow-2"><?php echo e($new['visitor_count']); ?></span>
                                    &nbsp;
                                    <small>ครั้ง</small>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php endif; ?>
                    </div>
                    <!-- Most Commented -->
                    <div class="row">
                        <h5 class="font-weight-bold text-center txtorange-4">Most Commented</h5>
                        <?php if($mostComment['status'] == true): ?>
                        <?php
                            $num = 0;
                        ?>
                        <?php $__currentLoopData = $mostComment['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $new): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                            $num = $num + 1;
                        ?>
                        <div class="container mb-2 click-post" data-index="<?php echo e($new['id']); ?>">
                            <div class="row justify-content-between gray">
                                <div class="col-sm-2 col-item ">
                                    <div class="kl-orange-circle-s">
                                        <p class="txtwhite"><?php echo e($num); ?></p>
                                    </div>
                                </div>
                                <div class="col-sm-7 col-item">
                                    <small>
                                        <?php echo e($new['topic']); ?>

                                    </small>
                                </div>
                                <div class="col-sm-3 col-item text-right">
                                    <span class="txtyellow-2"><?php echo e($new['visitor_count']); ?></span>
                                    &nbsp;
                                    <small>ครั้ง</small>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php endif; ?>
                    </div>
                    <div class="txtorange-4 card-r px-3">
                        <a href="<?php echo e(route('clinic.group',config('constants.ID_clinic_QA'))); ?>">กระทู้ทั้งหมด</a>
                    </div>
                </div>
            </div>

            <div style="clear:both; margin-top:20px;"></div>
            <!-- manual -->
            <div class="row mt-3">
                <div class="d-grid gap-2">
                    <a class="btn btn-secondary" href="manual" role="button">
                        แนะนำการใช้งานเว็บไซต์ <i class="fa fa-book"></i>
                    </a>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    var $summaryForm = $("#formLogin");
    $summaryForm.validate({
        rules: {
            username: {
                required: true,
            },
            password: {
                required: true,
            },
            captcha: {
                required: true,
            }
        },
        messages: {
            username: {
                required: "กรุณากรอกชื่อผู้ใช้งาน",
            },
            password: {
                required: "กรุณากรอกรหัสผ่าน",
            },
            captcha: {
                required: "กรุณากรอกข้อความตามภาพด้านบน",
            }
        },
        submitHandler: function() {
            // console.log("submit")
            $(".loader").show();
            var user = $("#username").val();
            var pass = $("#password").val();
            var captcha = $("#captcha").val();
            var form_data = new FormData();
            form_data.append('username', user);
            form_data.append('password', pass);
            form_data.append('captcha', captcha);

            // console.log(form_data);
            $.ajax({
                type: "post",
                url: 'login/auth',
                data: form_data,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                processData: false,
                contentType: false,
                cache: false,
                success: function(data) {
                    // console.log("post login. [ " + data.status + "/" + data.message + " ]");
                    // window.location = "login";
                    $(".loader").hide();
                    if (data.status == true) {
                        Swal.fire({
                            icon: 'success',
                            title: data.message,
                            text: '',
                            allowOutsideClick: false,
                            focusConfirm: true,
                            confirmButtonText: 'ตกลง',
                        }).then((result) => {
                            if (result.value) {
                                $(".loader").show();
                                window.location = "home";
                            }
                        })
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: 'คำเตือน',
                            text: JSON.stringify(data.message),
                        });
                    }
                },
            });
        },
        errorElement: "div",
        errorPlacement: function(error, element) {
            // $(element).parents('.form-group').append(error)
            // error.addClass("invalid-feedback");
            if (element.parent().hasClass('input-group')) {
                error.insertAfter(element.parent()).addClass("invalid-feedback");
            } else {
                error.insertAfter(element).addClass("invalid-feedback");
            }
        }
    });

    $('.btn-all').click(function() {
        $(".loader").show();
    });

    $('.btn-load').click(function() {
        console.log("test");
        $(".loader").show();
    });

    $('#reload').click(function () {
        var form_data = new FormData();
        form_data.append('format', 'home');
        $.ajax({
            type: 'POST',
            url: 'login/reload-captcha',
            data: form_data,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            processData: false,
            contentType: false,
            cache: false,
            success: function (data) {
                $(".captcha span").html(data.captcha);
            }
        });
    });
});

function password_show_hide() {
    var x = document.getElementById("password");
    var show_eye = document.getElementById("show_eye");
    var hide_eye = document.getElementById("hide_eye");
    hide_eye.classList.remove("d-none");
    if (x.type === "password") {
        x.type = "text";
        show_eye.style.display = "none";
        hide_eye.style.display = "block";
    } else {
        x.type = "password";
        show_eye.style.display = "block";
        hide_eye.style.display = "none";
    }
}

function showLoading(pageid) {
    $(".loader").show();
}

$(".click-post").click(function() {
    var idpost = $(this).data('index');
    $(".loader").show();
    // alert(idpost);
    var urlname = 'clinic/detailPost/' + idpost;
    window.open(urlname, "_self")
    // $.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);
    //     }
    // });
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.front.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/km-web/resources/views/frontOffice/home.blade.php ENDPATH**/ ?>