@extends('panel.layouts.superadmin.app')
@section('page-title')
    <title>
        {{ LaraCore::setting('html_prefix') }} {{ LaraCore::setting('html_prefix') != '' ? '|' : '' }} Feedbacks</title>
@stop
@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <section class="content">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <i class="fa fa-comments"></i>
                            <h3 class="box-title">Feedbacks</h3>
                            {{ Form::open([
                                'url' => route('feedback.responses.excel.report'),
                                'method' => 'POST'
                            ]) }}
                                {{ Form::hidden('question_id', '', ['id' => 'generateFeedbackExcelReport']) }}
                            {{ Form::close() }}
                            <div class="box-tools box-tools-common pull-right">
                                <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip"
                                    onclick="ToggleDataTable('FeedbacksTable')" title="Search"><i
                                        class="fa fa-search"></i></a>
                                <a href="javascript:void(0)" data-toggle="modal" data-target="#feedbacks_modal"
                                    class="btn btn-box-tool show-tooltip" title="Add Feedback Question"><i
                                        class="fa fa-plus"></i></a>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="FeedbacksTable" class="table table-bordered table-hover display">
                                    <thead>
                                        <th>ID</th>
                                        <th>Date</th>
                                        <th>Feedback</th>
                                        <th>Status</th>
                                        <th>&nbsp;</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="feedbacks_modal_modal_div">
                        <div class="edit_modal">
                        </div>
                        @include('superadmin.clientfeedbacks.create', [@$data])
                    </div>
                    @include('common.modal.delete_confirm_modal', ['entity' => 'feedback_question'])
                </section>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@stop
@section('custom-scripts')
    <script type="text/javascript">
        var rows_selected = "";
        $(document).ready(function() {
            FeedbacksTable = $('#FeedbacksTable').DataTable({
                'language': {
                    "emptyTable": '{{ LaraCore::setting('no_records') }}',
                    "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>"
                },
                "aLengthMenu": [
                    [10, 20, 30, 40, 50],
                    [10, 20, 30, 40, 50]
                ],
                "order": [0, "desc"],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('sadmin.feedback-question.lists') }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    }
                },
                columns: [{
                        data: 'id',
                        name: 'id',
                        visible: false,
                        searchable: false
                    },
                    {
                        data: 'created_at',
                        name: 'created_at'
                    },
                    {
                        data: 'question',
                        name: 'question'
                    },
                    {
                        data: 'is_active',
                        name: 'is_active',
                        orderable: false
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        orderable: false,
                        searchable: false,
                        className: 'text-center'
                    },
                ],
                'rowCallback': function(row, data, dataIndex) {
                    var rowId = data['id']; 
                    if ($.inArray(rowId, rows_selected) !== -1) {
                        $(row).find('.entity_chkbox').prop('checked', true);
                        $(row).addClass('selected');
                    }
                },
                "drawCallback": function(settings) {
                    $('[title]').tooltip();
                }
            });
            initSelectAll('#FeedbacksTable', FeedbacksTable);

            $('#feedbacks_save').submit(function(e) {
                e.preventDefault();
                createFeedback();
            });

            function clearFeedbackForm() {
                var form = $("#feedbacks_save");
                form.find('input[name="id"]').val("");
                form.find('textarea[name="question"]').val("");
                form.find('select[name="is_active"]').val("1");
            }

            function createFeedback() {
                var form = $("#feedbacks_save");
                var submitBtn = form.find('button[type="submit"]');
                form.find('.has-error').removeClass('has-error');
                form.find('.help-block').html('');
                submitBtn.prop("disabled", true);
                $.ajax({
                    url: form.attr('action'),
                    type: "POST",
                    data: form.serialize(),
                    success: function(data) {
                        DisplayMessages(data.message);
                        $("#feedbacks_modal").modal('hide');
                        clearFeedbackForm();
                        if (typeof FeedbacksTable !== 'undefined') {
                            FeedbacksTable.ajax.reload(function() {
                                FeedbacksTable.draw();
                            }, false);
                        }
                        submitBtn.prop("disabled", false);
                    },
                    error: function(jqXHR) {
                        submitBtn.prop("disabled", false);
                        if (jqXHR.status === 422) {
                            var errors = jqXHR.responseJSON.errors;
                            $.each(errors, function(field, messages) {
                                var input = form.find('[name="' + field + '"]');

                                if (input.attr('type') === 'radio') {
                                    return;
                                }
                                if (input.is('textarea') || input.is('input') || input.is(
                                        'select')) {
                                    input.closest('.form-group').addClass('has-error');
                                    input.siblings('.help-block').text(messages[0]);
                                }
                            });
                        } else {
                            var response = jqXHR.responseJSON || {};
                            DisplayMessages(response.message || 'Something went wrong!', 'error');
                        }
                    }
                });
            }

            $('a[data-target="#feedbacks_modal"]').on('click', function() {
                clearFeedbackForm();
                var form = $("#feedbacks_save");
                var APP_URL = $('meta[name="_base_url"]').attr('content');
                form.attr('action', APP_URL + '/feedback-question-save');
                form.find('input[name="_method"]').val('POST');
                $('#feedbacks_modal .modal-title').text('Add Feedback Question');
                $('#status_active, #status_inactive').iCheck('uncheck');
                $('#status_inactive').iCheck('check');
            });

            $(document).on('hidden.bs.modal', '#feedbacks_modal', function(event) {
                var form = $("#feedbacks_save");
                $(form)[0].reset();
                $(form).find('.has-error').removeClass('has-error');
                $(form).find('.help-block').html('');
                $('#feedbacks_modal.modal-title').text('Add Feedback Question');
                $('#status_active, #status_inactive').iCheck('uncheck');
                $('#status_inactive').iCheck('check');
            });
        });

        $(document).on('click', 'button[name="remove_feedback_question"]', function(e) {
            e.preventDefault();
            var feedbackId = $(this).data('id');
            if (!feedbackId) return;
            $('#delete_feedback_question_modal').modal('show');
            $('#delete_feedback_question_modal').find('#delete_feedback_question').off('click').on('click',
                function() {
                    $.ajax({
                        url: "{{ route('sadmin.feedback-question.delete') }}",
                        type: "POST",
                        data: {
                            _token: '{{ csrf_token() }}',
                            feedback_id: feedbackId
                        },
                        dataType: 'json',
                        success: function(data) {
                            $('#delete_feedback_question_modal').modal('hide');
                            FeedbacksTable.draw();
                            DisplayMessages(data.message);
                        },
                        error: function(jqXHR) {
                            var Response = $.parseJSON(jqXHR.responseText);
                            DisplayMessages(Response.message, 'error');
                        }
                    });
                });
        });

        function SetEditFeedbackQuestion(element) {
            var feedback_id = $(element).data('id');
            var form = $("#feedbacks_save");
            $.ajax({
                type: "GET",
                url: '/feedback-question/' + feedback_id + '/edit',
                dataType: "json",
                success: function(res) {
                    if (res.status === "success") {
                        var feedback = res.updateFeedbacks;
                        form.find('input[name="id"]').val(feedback.id);
                        form.find('textarea[name="question"]').val(feedback.question);
                        $('#status_active, #status_inactive').iCheck('uncheck');
                        if (feedback.is_active == 1) {
                            $('#status_active').iCheck('check');
                        } else {
                            $('#status_inactive').iCheck('check');
                        }
                        $("#feedbacks_modal .modal-title").text("Edit Feedback Question");
                        $("#feedbacks_modal").modal("show");
                    }
                },
                error: function() {
                    alert("Failed to fetch feedback question data");
                }
            });
        }

        function generateFeedbackExcel(element) {
            var questionId = $(element).attr('data-id');
            $('#generateFeedbackExcelReport').val(questionId);
            $('#generateFeedbackExcelReport').parents('form').submit();
        }
    </script>
@stop