var editUserId = 0;
$(document).ready(function ($) {
    if(typeof urlLoadManageUser!='undefined'){
      LoadManageUser();
    }

    if ($.isFunction($.fn.validate)) {
    }
    $("#manage-user-form").validate({
      ignore: "",
      rules: {
        UserName: {
          required:true
        },
        RoleId: {
          required: true,
        },
        Password: {
          required: function () {
            return isRequiredPassword;
          }
        },
        ConfirmPassword: {
          required: function () {
            return isRequiredPassword;
          },
          equalTo: "#txt_password"
        },
        Title: {
          required:true
        },
        Name: {
          required: true
        },
        EmailAddress: {
          required: true,
          email:true
        }
      },
      messages: {
        UserName: {
          required: "Username is required"
        },
        RoleId: {
          required: "Please input role at least 1",
        },
        Password: {
          required: "Password is required"
        },
        ConfirmPassword: {
          required: "Confirm Password is required",
          equalTo: "Confirm Password is incorrect"
        },
        Title: {
          required: "Title is required"
        },
        Name: {
          required: "Name is required"
        },
        EmailAddress: {
          required: "Email Address is required"
        }
      },
      errorPlacement: function (error, element) {

        if (element.parent().parent().hasClass('check-box-group')) {
          error.insertAfter(element.parent().parent());
        } else if (element.parent().hasClass('input-group'))
        {
          error.insertAfter(element.parent());
        }
        else {
          error.insertAfter(element);
        }

      }
    });

    $("#permissionModal").on('hide.bs.modal', function (e) {
        $("#permission-form").trigger('reset');
        $("#lbl_edit_name").text('');
        editUserId = 0;
    });

});

$("#permission-form").validate({
        ignore: "",
        rules: {
            RoleId: {
                required: true,
            }
        },
        messages: {
            RoleId: {
                required: "Please input role at least 1",
            }
        },
        errorPlacement: function (error, element) {

            if (element.parent().parent().hasClass('check-box-group')) {
                error.insertAfter(element.parent().parent());
            } else {
                error.insertAfter(element);
            }

        },
        submitHandler: function (form) {
            $("#BTN_SUBMIT_PERMISSION").prop("disabled", true);
            var formValidate = $('#__AjaxAntiForgeryForm');
            var token = $('input[name="__RequestVerificationToken"]', formValidate).val();
            var params = {
                __RequestVerificationToken: token,
                userId: editUserId
            };
            params = Object.assign({}, params, $(form).serializeFormJSON());
            console.log(params);

            $.ajax({
                url: urlUpdatePermission,
                data: params,
                type: 'POST',
                success: function (result) {
                  var result = JSON.parse(result);
                    alert(result.Message);
                    window.location.reload();
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    if (jqXHR.status == 400 || jqXHR.status == 500) {
                        $("#error_permission").show();
                        $("#error_permission").text(jqXHR.responseJSON.Message);
                    }
                    $("#BTN_SUBMIT_PERMISSION").prop("disabled", false);
                }
            });
            return false;

        }
    });

function editPermission(id, name) {
    var params = {
        userId: id
    };
    $.get(urlLoadRoleUser, params)
        .done(function (resp) {
           var resp = JSON.parse(resp);
            $.each(resp.Data, function (key, value) {
                $("#permission-form").find('[name=RoleId][value=' + value.RoleId + ']').prop("checked",true);
            });

            editUserId = id;
            $("#lbl_edit_name").text(name);
            $("#permissionModal").modal('show');
        });
}
function toggleTitle(e) {
    var text = $(e).children().text();
    if (text == "Mr.") {
        $(e).children().text("Ms.");
        $("#hd_user_title").val("Ms.");
    } else {
        $(e).children().text("Mr.");
        $("#hd_user_title").val("Mr.");
    }
}
function toggleEditPassword(e) {
    if ($(e).is(":checked")) {
        $("#password_group").show();
        isRequiredPassword = true;
    } else {
        $("#password_group").hide();
        isRequiredPassword = false;
    }
    $("#txt_password").val('');
    $("#txt_cf_password").val('');
}
function deleteRow(key) {
    if (confirm("Are you confirm to delete?")) {
        var obj = masterEvents[key];
        var form = $('#__AjaxAntiForgeryForm');
        var token = $('input[name="__RequestVerificationToken"]', form).val();
        var params = {
            __RequestVerificationToken: token,
            Id: obj.Id
        };
        console.log(params);
        $.ajax({
            url: urlDelete,
            data: params,
            type: 'POST',
            success: function (result) {
              var result = JSON.parse(result);
                alert(result.Message);
                LoadManageUser();
                //loadCaseEvent();
            }
        });

    }
}
function LoadManageUser(){
  var parent = $("#user_pagination");
  var tableTbody = parent.find("table>tbody");
  var page = parent.find(".page").val();
  var pageSize = parent.find(".page-size").val();
  var orderBy = parent.find('.orderBy').val();
  var orderDirection = parent.find('.orderDirection').val();
  var paramsHidden = parent.find(".params").val();
  var $loader = parent.find('.table-loader');
  var params = {
      PageNumber: page,
      PageSize: pageSize,
      OrderBy: orderBy,
      OrderDirection: orderDirection
  };
  if (paramsHidden != "") {
      params = Object.assign({}, params, JSON.parse('{"' + decodeURI(paramsHidden).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}'));
  }

  $loader.show();
  $.get(urlLoadManageUser, params)
      .done(function (resp) {
          var resp = JSON.parse(resp);

          if (resp.Data.length > 0) {
              masterEvents = [];
              $(tableTbody).html('');
              $.each(resp.Data, function (key, value) {
                  var html = '<tr>' +
                      '   <td>' + value.UserName + '</td>' +
                      '   <td > ' + value.EmailAddress + '</td>' +
                      '   <td>' + value.Name + '</td>' +
                      '   <td>' + value.MiddleName + '</td>' +
                      '   <td>' + value.Surname + '</td>' +
                      '   <td> <a href="Edit.php?Id='+ value.Id +'&Type=Edit" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i> Edit</a>'+
                      '    <a class="btn btn-info btn-sm" href="javascript:;" onclick="editPermission(\'' + value.Id + '\',\'' + value.Name +' '+ value.Surname + '\')" ><i class="fas fa-user-lock"></i> Edit Permission</a>'+
                      '    <button type="button" class="btn btn-danger btn-sm" onclick="deleteRow(\'' + key + '\')" ><i class="fas fa-trash"></i> Delete</button>';

                  html += '</td > ' +
                      '</tr > ';
                  masterEvents.push(value);
                  $(html).appendTo(tableTbody);
              });
              parent.find(".page").val(resp.PageNumber);
              parent.find(".page-size").val(resp.PageSize);
              parent.find(".numrows").val(resp.TotalRecords);
              parent.find(".orderBy").val(resp.OrderBy);
              parent.find(".orderDirection").val(resp.OrderDirection);
              var $order = parent.find("th>a.order[data-by=" + resp.OrderBy + "]");
              if ($order.length > 0) {
                  parent.find("th>a.order").attr('data-direction', "").attr("class", "").addClass("order sorting");
                  $order.attr("data-direction", resp.OrderDirection == null ? "" : resp.OrderDirection);
                  $order.attr("class", "");
                  if (resp.OrderDirection != null) {
                      $order.addClass("order sorting_" + resp.OrderDirection.toLowerCase());
                  } else {
                      $order.addClass("order sorting");
                  }
              }
              renderPagination('#user_pagination', 'redirectPaging');
          } else {
              $(tableTbody).html('<tr><td colspan="7" class="text-center">Not found data</td></tr>');
          }

          $loader.hide();
      });
}