<?php if($post['status'] == true): ?>
<div class="contianer">
    <!-- ชื่อกระทู้ -->
    <div class="header-blue">
        <h3>
            <?php echo e($post['data']['topic']); ?>

        </h3>
        <span class="taghilight-1">
            <a><?php echo e($post['data']['skill']); ?></a>
        </span>
        <div class="container my-3 txtgreen-3">
            <?php echo $post['data']['detail']; ?>

        </div>
        <div class="row txtgreen-1">
            <div class="col">
                <i class="fas fa-user-circle"></i>
                ผู้ตั้งกระทู้ <?php echo e($post['data']['user']['fname_th']); ?> <?php echo e($post['data']['user']['lname_th']); ?> - วันที่
                <?php echo e(formatDateThaiFull($post['data']['created_at'])); ?>

            </div>
            <div class="col-md-3 fq-content">
                <i class="fas fa-eye"></i> <?php echo e($post['data']['visitor_count']); ?>

                <i class="fas fa-comment-dots"></i> <?php echo e(count($post['data']['comment'])); ?>

            </div>
        </div>
    </div>
    <input type="hidden" id="id_post" name="id_post" value="<?php echo e($post['data']['id']); ?>">
    <br>

    <!-- ความคิดเห็น -->
    <h3><i class="fas fa-comment-dots"></i> <?php echo e(count($post['data']['comment'])); ?> ความคิดเห็น</h3>
    <hr class="new2">

    <?php ($num = 0); ?>
    <?php $__currentLoopData = $post['data']['comment']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <?php ($num = $num + 1 ); ?>
    <div class="rcborders my-3">
        <h3>ความคิดเห็นที่ <?php echo e($num); ?></h3>
        <div class="container my-3 txtgreen-3">
            <?php echo $item['detail']; ?>

        </div>
        <div class="txtgreen-1">
            <i class="fas fa-user-circle"></i>
            ผู้ตอบกระทู้ <?php echo e($item['user']['fname_th']); ?> <?php echo e($item['user']['lname_th']); ?> - วันที่
            <?php echo e(formatDateThaiFull($item['created_at'])); ?>

        </div>
    </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    <br>

    <div class="rcborders-2 my-3">
        <h3>แสดงความคิดเห็น</h3>
        <form id="form_comment" class="rc-or">
            <div class="form-group">
                <textarea class="form-control" id="comment" name="comment" rows=" 3"></textarea>
            </div><br>
            <div class="row txtgreen-1">
                <div class="col">
                    <i class="fas fa-user-circle"></i> ผู้ตอบกระทู้ <?php echo e(session()->get('user')[0]['fullname_th']); ?>

                </div>
                <div class="col-md-3 fq-content">
                    <button type="submit" class="btn btn-block btn-info">
                        <i class="fas fa-paper-plane"></i> ส่งข้อความ
                    </button>
                </div>
            </div>
        </form>
    </div>
    <!-- จบความคิดเห็น -->
</div>

<script>
$(document).ready(function() {
    var $summaryForm = $("#form_comment");
    $summaryForm.validate({
        rules: {
            comment: {
                required: true,
            }
        },
        messages: {
            comment: {
                required: "กรุณากรอกข้อความ",
            }
        },
        submitHandler: function() {
            var comment = $("#comment").val();
            var cut_comment = comment.replace(/\n/g, "<br>");
            var idPost = $("#id_post").val();

            var form_data = new FormData();
            form_data.append('comment', cut_comment);
            form_data.append('idPost', idPost);

            var pathname = window.location.pathname;
            var pathArr = pathname.split("/");
            var len = pathArr.length;
            var urlpost = "";
            if (len == 5) {
                urlpost = "comment";
            } else {
                urlpost = "../comment";
            }

            $.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(data) {
                    if (data.status == true) {
                        $("#blade").empty();
                        $('#blade').html(data.html);
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: 'คำเตือน',
                            text: JSON.stringify(data.message),
                        });
                    }
                },
            });
        },
        errorElement: "div",
        errorPlacement: function(error, element) {
            // Add the `invalid-feedback` class to the error element
            error.addClass("invalid-feedback");

            // Add `has-feedback` class to the parent div.form-group
            // in order to add icons to inputs
            // element.parents(".col-sm-5").addClass("has-feedback");

            if (element.prop("type") === "checkbox") {
                error.insertAfter(element).addClass("invalid-feedback");
            } else {
                error.insertAfter(element);
            }

            var elem = $(element);
            if (elem.hasClass("select2-hidden-accessible")) {
                element = $("#select2-" + elem.attr("id") + "-container").parent();
                error.insertAfter(element).addClass("invalid-feedback");
            } else {
                error.insertAfter(element);
            }

            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!element.next("span")[0]) {
                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>")
                    .insertAfter(element);
            }
        },
        success: function(label, element) {
            // Add the span element, if doesn't exists, and apply the icon classes to it.
            // console.log(element);
            if (!$(element).next("span")[0]) {
                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter(
                    $(element));
            }
        },
        highlight: function(element, errorClass, validClass) {
            // $(element).parents(".col-sm-5").addClass("has-error").removeClass("has-success");
            // $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
            var elem = $(element);
            if (elem.hasClass("select2-hidden-accessible")) {
                $("#select2-" + elem.attr("id") + "-container").parent().addClass(errorClass);
            } else {
                elem.addClass(errorClass);
            }
        },
        unhighlight: function(element, errorClass, validClass) {
            // $(element).parents(".col-sm-5").addClass("has-success").removeClass("has-error");
            // $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
            var elem = $(element);
            if (elem.hasClass("select2-hidden-accessible")) {
                $("#select2-" + elem.attr("id") + "-container").parent().removeClass(errorClass);
            } else {
                elem.removeClass(errorClass);
            }
        }
    });
});
</script>
<?php endif; ?><?php /**PATH /var/www/html/km-web/resources/views/subpage/detailPost.blade.php ENDPATH**/ ?>