(function(e){
    "use strict";

    var search_type_filter = [];
    var questionList = null;
    var id = null;
    var url = null;

    function delay(callback, ms) {
      var timer = 0;
      return function () {
        var context = this,
          args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
          callback.apply(context, args);
        }, ms || 0);
      };
    }
    
    function initActionUpdate(){
        $("[data-action-update]").each(function () {
            $(this).on("click", function () {
              var row = $(this).closest("tr");
              id = questionList.row(row).data().id;
      
              var formData = new FormData();
                formData.append("id",id);
                $.ajax({
                  type: "POST",
                    url: "/questions/get",
                    dataType: 'json',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(result){
                      $('#questionName').val(result.title);
                      $('#questionModal').append(`<input type="hidden" name="edit_id" value="`+result.id+`">`);
                      $('#questionModalTitle').text("Edit Question");
                      $('#questionModal').modal('show');
                    },
                    error: function(error){
      
                    }
                });
            });
          });
    }

    function initActionRemove(){
        $("[data-action-remove]").each(function () {
          $(this).on("click", function () {
            var row = $(this).closest("tr");
            id = questionList.row(row).data().id;

            // alert(id);
            Swal.fire({
              title: 'Are you sure you want to delete this item?',
              icon: 'warning',
              iconColor: 'red',
              showDenyButton: true,
              confirmButtonColor: '#3085d6',
              confirmButtonText: 'Confirm',
              denyButtonText: `Cancel`,
            }).then((result) => {
              var formData = new FormData();
              formData.append("id",id);
              /* Read more about isConfirmed, isDenied below */
              if (result.isConfirmed) {
                $.ajax({
                  type: "POST",
                    url: "/questions/destroy",
                    dataType: 'json',
                    data: formData,
                    processData: false,
                    contentType: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(result){
                      toastRWithTime("success",'success');
                      questionList.draw(false);
                    },
                    error: function(error){
                      toastRWithTime(error.responseJSON.message,"error");
                    }
                });
              } else if (result.isDenied) {
                return
                // Swal.fire('Changes are not saved', '', 'info')
              }
            });
          });
        });
      }

    function getDataTableData(){
        var data    =   {};

        return data;
    }

    function submitQuestion(){
        $('#question_save').on('click', function(e){
            var id = $('[name="edit_id"]').val();
            var formData = new FormData();
            url = "/questions/store";
            if(id){            
              formData.append('id',id);
              url = "questions/update";
            }
            formData.append('title',$('#questionName').val());
            $.ajax({
              type: "POST",
                url: url,
                dataType: 'json',
                data: formData,
                processData: false,
                contentType: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(result){
                  $('#questionModal').modal('hide');
                  questionList.draw(false);
                },
                error: function(error){
                  toastRWithTime(error.responseJSON.message,"error");
                }
            });
          });
    }

    function initList(){
        $('.txt_search').on("keyup",delay(function(e){
            questionList.search($('.txt_search').val()).draw()
        },500));

        const search_type_default = "Question";
        const search_types = ["Question"];

        $.each(search_types, function (i, n) {
            $(".system-search-type").append(
              `<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` +
                n +
                `</span></li>`
            );
        });

        $(".system-search-type li").each(function () {
            if ($(this).text() == search_type_default) {
              $(this).removeClass("active").addClass("active");
              var active_items_arr = [];
              active_items_arr.push(search_type_default);
              search_type_filter = JSON.stringify(active_items_arr);
            }
      
            $(this).on("click", function () {
              //remove all selected menu
              $(".system-search-type")
                .find("li.active")
                .map(function () {
                  $(this).removeClass("active");
                });
      
              $(this).toggleClass("active");
      
              var active_items = $(".system-search-type")
                .find("li.active")
                .map(function () {
                  var item = {};
                  // item.id = this.value;
                  item.status = $(this).text();
                  return item;
                });
      
              var active_items_arr = [];
              $.each(active_items, function (i, n) {
                active_items_arr.push(n.status);
              });
      
              search_type_filter = JSON.stringify(active_items_arr);
              //  refreshOrcrPlateTable();
              //  if ($('#txt_search').val() != '') {
                questionList.draw(false);
              //  }
            });
          });
        
        var cols = [
            {
                title: "ID",
                data: 'id',
                className: 'align-middle p-1 dt-left',
                orderable: true,
                width: "5%",
            },
            {
                title: "Question",
                data: 'title',
                className: 'align-middle p-1 dt-left',
                orderable: true,
                width: "40%",
            },
            {
                title: "Action",
                data: null,
                orderable: false,
                width: "20%",
                className: "align-middle p-1 dt-center",
                render: function (data, type, row, meta) {
                  return `
                           <div class="row justify-content-center">
                                   <a data-action-update style="cursor:pointer; width: fit-content;" class="m-1 btn btn-sm btn-primary btn-icon" title="Edit"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp;Edit</a> 
                                   <a data-action-remove style="cursor:pointer; width: fit-content;" class="m-1 btn btn-sm btn-danger btn-icon" title="Remove"><i class="fa fa-trash" aria-hidden="true"></i>&nbsp;Remove</a>
                           </div>
                           `;
                },
            },
            
        ];
        questionList = $('#questionsTable').DataTable({
            fnDrawCallback: function () {
                initActionRemove();
                initActionUpdate();
            },
            order: [[0, "desc"]],
            retrieve: true,
            columns: cols,
            paging: true,
            lengthChange: false,
            searching: true,
            pageLength: 5,
            info: true,
            autoWidth: true,
            responsive: true,
            processing: true,
            serverSide: true,
            autoWidth: true,
            columnDefs: [
              { width: '20%', targets: 0 }
            ],
            fixedColumns: true,
            ajax: {
                url:'/questions/fetchall',
                data: function (d){
                    return $.extend({},d,{
                        search_type: search_type_filter,
                        data: getDataTableData(),
                    })
                }
            },
            sDom: "lrtip",
        });
    }
    $(function(){
        initList();
        submitQuestion();

        $('#reload_list').on('click', function(e){
          questionList.draw(false);
        });

        $('#questionModal').on('shown.bs.modal', function(e){
          $('#questionName').focus();
        });

        $('#questionModal').on('hidden.bs.modal', function(e){
            $('#questionName').val(' ');
            $('#questionModalTitle').text("Create New Question");
            $('[name="edit_id"]').remove();
          });
    });
})();