@extends('layouts.app')
@section('title')
Detail Kuesioner Form 2
@endsection
@push('css')
    @include('layouts.datatables_css')
@endpush
@section('content')
<section class="section">
    <div class="section-header">
        <h1>Detail Kuesioner Form 2</h1>
        <div class="section-header-breadcrumb justify-content-md-end">
            <a href="{{ route('f2Questionnaires.index') }}" class="btn btn-primary"><span class="fa fa-arrow-left mr-2"></span>Kembali</a>
        </div>
    </div>
    @include('stisla-templates::common.errors')
    <div class="section-body">
        <div class="card">
            <div class="card-body">
                @include('f2_questionnaires.show_fields')
            </div>
        </div>
        <br>
        <div class="card card-primary">
            <div class="card-header">
                <h4>Opsi Kuesioner / Skala Kuesioner</h4>
                <div class="card-header-action">
                    <a href="javascript:void(0);" data-href="{{ route('f2QuestionnaireOptions.create')}}" class="btn btn-primary btn-create">POIN (SKALA NILAI)<span class="fas fa-plus ml-2"></span></a>
                </div>
            </div>
            <div class="card-body px-0">
                {!! $dataTable->table(['width' => '100%', 'class' => 'table table-striped table-bordered'], false) !!}
            </div>
        </div>
    </div>
</section>
@endsection
@push('js')
    @include('layouts.datatables_js')
    {!! $dataTable->scripts() !!}
    <script type="text/javascript">
        $(document).ready(function () {
            // function closeOtherModal() {$('div.modal').modal('hide'); console.log('Iam here close other modal');}

            $(document).on('click', '.btn-show', function (e) {
                e.preventDefault();

                var that = $(this);
                var href = that.get(0).hasAttribute('data-href') ? that.get(0).getAttribute('data-href') : '';

                if (href.trim() != '') {
                    $.ajax({
                        url: href,
                        type: "GET",
                        success: function(r) {
                            if (r != undefined && r.trim() != "") {
                                that.fireModal({
                                    title: 'Lihat Poin (Skala Nilai)',
                                    body: r,
                                    center: true,
                                    buttons: [
                                        {
                                            text: 'Tutup<span class="fas fa-times ml-2"></span>',
                                            class: 'btn btn-dark',
                                            handler: function(current_modal) {
                                                $.destroyModal(current_modal);
                                            }
                                        }
                                    ],
                                    autoFocus: false,
                                    removeOnDismiss: true
                                });
                            } else {
                                iziToast.warning({title: 'Galat!', message: 'Data Poin (Skala Nilai) gagal diambil!', position: 'topRight'});
                            }
                        },
                        error: function(x, s, e) {
                            iziToast.error({title: 'Server Error!', message: 'Data Poin (Skala Nilai) gagal diambil!', position: 'topRight'});
                        }
                    });
                }
            });
            $(document).on('click', '.btn-create', function (e) {
                e.preventDefault();

                var that = $(this);
                var href = that.get(0).hasAttribute('data-href') ? that.get(0).getAttribute('data-href') : '';

                if (href.trim() != '') {
                    $.ajax({
                        url: href,
                        type: "GET",
                        success: function(r) {
                            if (r != undefined && r.trim() != "") {
                                that.fireModal({
                                    title: 'Buat Poin (Skala Nilai)',
                                    body: r,
                                    submit: false,
                                    onFormSubmit: function (t, mt, em, fo) {
                                        // console.log(t); console.log(mt); console.log(em); console.log(fo);
                                        
                                        var form = t.find('form#formF3QO');
                                        var act = form.get(0).hasAttribute('action') ? form.get(0).getAttribute('action') : '';

                                        if (act != undefined && act.trim() != '') {
                                            var btnLoader = $(form).find('button[type=submit]');
                                            btnLoader.button('loading');

                                            var dt = new FormData(form.get(0));
                                            dt.append('f2_questionnaire_id', '{{ $f2Questionnaire->id }}');

                                            $.ajax({
                                                url: act,
                                                type: "POST",
                                                data: dt,
                                                contentType: false,
                                                processData: false,
                                                success: function(r) {
                                                    if (r.sts) {
                                                        iziToast.success({title: 'OK', message: 'Data Poin (Skala Nilai) berhasil disimpan!', position: 'topRight'});

                                                        if (window.LaravelDataTables != null && window.LaravelDataTables["dataTableBuilder"] instanceof $.fn.dataTable.Api) {
                                                            window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                                                        }
                                                    } else {
                                                        iziToast.warning({title: 'Galat!', message: 'Data Poin (Skala Nilai) gagal disimpan!', position: 'topRight'});
                                                    }
                                                },
                                                error: function(x, s, e) {
                                                    iziToast.error({title: 'Server Error!', message: 'Data Poin (Skala Nilai) gagal disimpan!', position: 'topRight'});
                                                },
                                                complete: function complete() {
                                                    btnLoader.button('reset');
                                                    em.stopProgress();
                                                    $.destroyModal(t);
                                                }
                                            });
                                        }

                                        return false;
                                    },
                                    center: true,
                                    autoFocus: false,
                                    removeOnDismiss: true,
                                    handler: function(current_modal) {
                                        $.destroyModal(current_modal);
                                    }
                                });
                            } else {
                                iziToast.warning({title: 'Galat!', message: 'Data Poin (Skala Nilai) gagal diambil!', position: 'topRight'});
                            }
                        },
                        error: function(x, s, e) {
                            iziToast.error({title: 'Server Error!', message: 'Data Poin (Skala Nilai) gagal diambil!', position: 'topRight'});
                        }
                    });
                }
            });
            $(document).on('click', '.btn-edit', function (e) {
                e.preventDefault();

                var that = $(this);
                var href = that.get(0).hasAttribute('data-href') ? that.get(0).getAttribute('data-href') : '';

                if (href.trim() != '') {
                    $.ajax({
                        url: href,
                        type: "GET",
                        success: function(r) {
                            if (r != undefined && r.trim() != "") {
                                that.fireModal({
                                    title: 'Edit Poin (Skala Nilai)',
                                    body: r,
                                    center: true,
                                    autoFocus: false,
                                    onFormSubmit: function (t, mt, em, fo) {
                                        // console.log(t); console.log(mt); console.log(em); console.log(fo);
                                        
                                        var form = t.find('form#formF3QO');
                                        var act = form.get(0).hasAttribute('action') ? form.get(0).getAttribute('action') : '';

                                        if (act != undefined && act.trim() != '') {
                                            var btnLoader = $(form).find('button[type=submit]');
                                            btnLoader.button('loading');

                                            var dt = new FormData(form.get(0));
                                            dt.append('f2_questionnaire_id', '{{ $f2Questionnaire->id }}');

                                            $.ajax({
                                                url: act,
                                                type: "POST",
                                                data: dt,
                                                contentType: false,
                                                processData: false,
                                                success: function(r) {
                                                    // console.log(r);
                                                    if (r.sts) {
                                                        iziToast.success({
                                                            title: 'OK',
                                                            message: 'Data Poin (Skala Nilai) berhasil diperbarui!',
                                                            position: 'topRight'
                                                        });

                                                        if (window.LaravelDataTables != null && window.LaravelDataTables["dataTableBuilder"] instanceof $.fn.dataTable.Api) {
                                                            window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                                                        }
                                                    } else {
                                                        iziToast.warning({
                                                            title: 'Galat!',
                                                            message: 'Data Poin (Skala Nilai) gagal diperbarui!',
                                                            position: 'topRight'
                                                        });
                                                    }
                                                },
                                                error: function(x, s, e) {
                                                    iziToast.error({
                                                        title: 'Server Error!',
                                                        message: 'Data Poin (Skala Nilai) gagal diperbarui!',
                                                        position: 'topRight'
                                                    });
                                                },
                                                complete: function complete() {
                                                    btnLoader.button('reset');
                                                    em.stopProgress();
                                                    $.destroyModal(t);
                                                }
                                            });
                                        }

                                        return false;
                                    },
                                    removeOnDismiss: true,
                                    handler: function(current_modal) {
                                        $.destroyModal(current_modal);
                                    }
                                });
                            } else {
                                iziToast.warning({
                                    title: 'Galat!',
                                    message: 'Data Poin (Skala Nilai) gagal diambil!',
                                    position: 'topRight'
                                });
                            }
                        },
                        error: function(x, s, e) {
                            iziToast.error({
                                title: 'Server Error!',
                                message: 'Data Poin (Skala Nilai) gagal diambil!',
                                position: 'topRight'
                            });
                        }
                    });
                }
            });
            $(document).on('submit', '.formF3QODel', function (e) {
                e.preventDefault();

                var that = $(this);
                var act = that.get(0).hasAttribute('action') ? that.get(0).getAttribute('action') : '';

                if (act != undefined && act.trim() != '') {
                    var btnDelLoader = $(that).find('button[type=submit]');
                    btnDelLoader.button('loading');

                    var dtDel = new FormData(that.get(0));
                    dtDel.append('f2_questionnaire_id', '{{ $f2Questionnaire->id }}');

                    $.ajax({
                        url: act,
                        type: "DELETE",
                        data: dtDel,
                        contentType: false,
                        processData: false,
                        success: function(r) {
                            // console.log(r);
                            if (r.sts) {
                                iziToast.success({
                                    title: 'OK',
                                    message: 'Data Poin (Skala Nilai) berhasil dihapus!',
                                    position: 'topRight'
                                });

                                if (window.LaravelDataTables != null && window.LaravelDataTables["dataTableBuilder"] instanceof $.fn.dataTable.Api) {
                                    window.LaravelDataTables["dataTableBuilder"].ajax.reload();
                                }
                            } else {
                                iziToast.warning({
                                    title: 'Galat!',
                                    message: 'Data Poin (Skala Nilai) gagal dihapus!',
                                    position: 'topRight'
                                });
                            }
                        },
                        error: function(x, s, e) {
                            iziToast.error({
                                title: 'Server Error!',
                                message: 'Data Poin (Skala Nilai) gagal dihapus!',
                                position: 'topRight'
                            });
                        },
                        complete: function complete() {
                            btnDelLoader.button('reset');
                        }
                    });
                }

                return false;
            });
        });
    </script>
@endpush