<br>
<div class="form-group">

    <!----------------- TAB ----------------->
    <ul class="nav navtab-pills" id="pills-tab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="navtab-link active" id="pills-question-tab" data-bs-toggle="pill"
                data-bs-target="#pills-question" type="button" role="tab" aria-controls="pills-question"
                aria-selected="true"><i class="fa fa-question"></i>
                <span id="title-question">เพิ่มกระทู้</span>
            </button>
        </li>
    </ul>
    <!----------------- Content Tab ----------------->
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-question" role="tabpanel" aria-labelledby="pills-question-tab">
            <div class="borders-green">
                <div class="container" style="padding-top: 1rem">
                    <form id="formAddQue" name="formAddQue" class="needs-validation" novalidate>
                        <div class="row justify-content-md-center">
                            <div class="col-8">
                                <?php if($question['status'] == true): ?>
                                <input type="hidden" id="que_id" value="<?php echo e($question['data']['id']); ?>">
                                <input type="hidden" id="que_idtype" value="<?php echo e($question['data']['type_id']); ?>">
                                <input type="hidden" id="que_idstatus" value="<?php echo e($question['data']['status']); ?>">
                                <input type="hidden" id="que_idpublish" value="<?php echo e($question['data']['publish']); ?>">
                                <?php else: ?>
                                <input type="hidden" id="que_id" value="">
                                <?php endif; ?>
                                <div class="mb-3">
                                    <label class="form-label">หัวข้อกระทู้</label>
                                    <?php if($question['status'] == true): ?>
                                    <input id="que_name" name="que_name" type="text" class="form-control"
                                        value="<?php echo e($question['data']['topic']); ?>">
                                    <?php else: ?>
                                    <input id="que_name" name="que_name" type="text" class="form-control">
                                    <?php endif; ?>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">รายละเอียดกระทู้</label>
                                    <?php if($question['status'] == true): ?>
                                    <?php
                                        $detail = $question['data']['detail'];
                                        $cutDetail = str_replace("<br>","\n",$detail);
                                    ?>
                                    <textarea class="form-control" id="que_detail" name="que_detail" rows="10"><?php echo e($cutDetail); ?></textarea>
                                    <?php else: ?>
                                    <textarea class="form-control" id="que_detail" name="que_detail" rows="10"></textarea>
                                    <?php endif; ?>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">ห้องความรู้</label>
                                    <select id="que_type" name="que_type" class="form-select" required>
                                        <option value="" selected>เลือกห้องความรู้</option>
                                        <?php if($mastertype['status'] == true): ?>
                                        <?php $__currentLoopData = $mastertype['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $master): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($master['id']); ?>"><?php echo e($master['name']); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        <?php endif; ?>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <div class="row justify-content-md-center">
                                        <div class="d-grid gap-3 col-3 mx-auto">
                                            <button class="btn btn-warning" type="submit">
                                                บันทึก <i class="fas fa-save"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    $("select").select2({
        theme: "bootstrap-5",
    }).change(function() {
        $(this).valid();
    });

    var id = $("#que_id").val();
    if (id != "") {
        var sel_type = $("#que_idtype").val();
        $("#que_type").val(sel_type).change();

        var idstatus = $("#que_idstatus").val();
        var idpublish = $("#que_idpublish").val();
        $('input:radio[name="que_status"]').filter('[value=' + idstatus +
            ']').attr('checked', true);
        $('input:radio[name="que_publish"]').filter('[value=' + idpublish +
            ']').attr('checked', true);
    }
});

var $saveque = $("#formAddQue");
$saveque.validate({
    rules: {
        que_name: {
            required: true,
        },
        que_detail: {
            required: true,
        },
        que_type: {
            required: true,
        }
    },
    messages: {
        que_name: {
            required: "กรุณากรอกหัวข้อกระทู้",
        },
        que_detail: {
            required: "กรุณากรอกรายละเอียดกระทู้",
        },
        que_type: {
            required: "กรุณาเลือกห้องความรู้",
        }
    },
    submitHandler: function() {
        $(".loader").show();
        var que_id = $("#que_id").val();
        var que_name = $("#que_name").val();
        var que_detail = $("#que_detail").val();
        var cut_detail = que_detail.replace(/\n/g, "<br>");
        var que_type = $("#que_type").val();

        var form_data = new FormData();
        form_data.append('que_name', que_name);
        form_data.append('que_detail', cut_detail);
        form_data.append('que_type', que_type);
        form_data.append('que_status', 1);
        form_data.append('que_publish', 3);
        form_data.append('que_noti', 0);

        if (que_id == '') {
            // add
            $.ajax({
                type: "post",
                url: 'posts/add',
                data: form_data,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                processData: false,
                contentType: false,
                cache: false,
                success: function(data) {
                    $(".loader").hide();
                    // console.log(data.status);
                    if (data.status == true) {
                        Swal.fire({
                            icon: 'success',
                            title: data.message,
                            text: 'เราจะดำเนินการตรวจสอบข้อมูลกระทู้ของท่านภายใน 2 วันทำการ',
                            allowOutsideClick: false,
                            focusConfirm: true,
                            confirmButtonText: 'ตกลง',
                        }).then((result) => {
                            if (result.value) {
                                $(".loader").show();
                                window.location = "posts";
                            }
                        })
                        return false;

                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: 'คำเตือน',
                            text: JSON.stringify(data.message),
                        });
                        return false;
                    }
                },
            });
        } else {
            // update
            $.ajax({
                type: "post",
                url: 'posts/update/' + que_id,
                data: form_data,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                processData: false,
                contentType: false,
                cache: false,
                success: function(data) {
                    $(".loader").hide();
                    if (data.status == true) {
                        // location.reload();
                        Swal.fire({
                            icon: 'success',
                            title: data.message,
                            text: '',
                            allowOutsideClick: false,
                            focusConfirm: true,
                            confirmButtonText: 'ตกลง',
                        }).then((result) => {
                            if (result.value) {
                                $(".loader").show();
                                window.location = "posts";
                            }
                        })
                        return false;
                    } else {
                        Swal.fire({
                            icon: 'warning',
                            title: 'คำเตือน',
                            text: JSON.stringify(data.message),
                        });
                        return false;
                    }
                },
            });
        }
    },
    errorElement: "div",
    errorPlacement: function(error, element) {
        error.addClass("invalid-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);
        }

        if (!element.next("span")[0]) {
            $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>")
            .insertAfter(element);
        }

        if (element.parent().hasClass('input-group')) {
            error.insertAfter(element.parent()).addClass("invalid-feedback");
        } else {
            error.insertAfter(element).addClass("invalid-feedback");
        }
    },
    success: function(label, element) {
        var elem = $(element);
        elem.removeClass("is-invalid");
        elem.addClass("is-valid");
    },
    highlight: function(element, errorClass, validClass) {
        var elem = $(element);
        elem.addClass("is-invalid");
    },
    unhighlight: function(element, errorClass, validClass) {
        var elem = $(element);
        elem.removeClass("is-invalid");
    }
});
</script><?php /**PATH /var/www/html/km-web/resources/views/subpageBack/add_post.blade.php ENDPATH**/ ?>