// ============
// Edit Popover
// ============

$(document).ready(function() {

  var $application    = "ATLHOUSINGREPORT",
      $sessionStorage = JSON.parse(sessionStorage.getItem($application) || "{}"),
      $CKEditor;

  // ----------------------
  // Initialize the Editor.
  // ----------------------

ClassicEditor
  .create( document.querySelector( '#popover_text' ), {
    toolbar: {
      items: [
              'heading',
              '|',
              'bold',
              'italic',
              'underline',
              'link',
              'bulletedList',
              'numberedList',
              '|',
              'fontColor',
              'fontSize',
              'fontFamily',
              '|',
              'indent',
              'outdent',
              'alignment',
              '|',
              'horizontalLine',
              'insertTable',
              '|',
              'undo',
              'redo',
              '|'
      ] },
    link: {
      addTargetToExternalLinks : true,
      defaultProtocol          : "http://"
      
    }
  })
  .then( editor => {
          $CKEditor = editor;
  })
  .catch( error => {
          console.error( 'CK-Editor error...' );
          console.error( error );
  });		
  
  // -----------
  // Save Button
  // -----------
  
  $(".btnSave").on("click", function(e) {
    
    e.preventDefault();
    
    $("#editPopover").submit();
    
  });

  // --------------
  // Cancel Button.
  // --------------

  $(".btnCancel").on("click", function() {
    
    $sessionStorage.action = $sessionStorage.editPopover || "";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));

    formSubmit($sessionStorage);
    
  });

  // -------------
  // Delete Button
  // -------------

  $(".btnDelete").on("click", function() {

    $("#confirm-dialog").removeClass().addClass("modal confirm-delete-popover")
                        .find(".modal-title").html("Confirm Delete Popover").end()
                        .find(".modal-body").html("Are you sure you wish to delete this Popover?").end()
                        .modal("show");

  });

  $("body").on("click", ".confirm-delete-popover .btnConfirmDialogConfirm", function() {
    
    $.post("./", { action : "Popovers.deletePopover", popover_serial : $sessionStorage.popover_serial })
    
      .done(function() {
    
        $sessionStorage.action = $sessionStorage.editPopover || "";
    
        sessionStorage.setItem($application, JSON.stringify($sessionStorage));

        formSubmit($sessionStorage);
        
    });
    
  });

  // ---------------
  // Validate Inputs
  // ---------------

  $("#editPopover").submit( function(e) {

    var popover_serial = $("#popover_serial"),
        popover_name   = $("#popover_name"),
        popover_title  = $("#popover_title"),
        popover_text   = $("#popover_text");
        
    clearInputErrors();
    
    popover_name.val(popover_name.val().replace(/\s+/g, " ").trim());
    popover_title.val(popover_title.val().replace(/\s+/g, " ").trim());

    if (isBlank(popover_name)) {
      createInputError(popover_name, "Name is required");
      return false;
    }
    
    if (formPost({ action : "Popovers.popoverExists", popover_serial : popover_serial.val(), popover_name : popover_name.val() }) === true) {
      createInputError(popover_name, "Name already exists");
      return false;
    }

    if (isBlank(popover_title)) {
      createInputError(popover_title, "Title is required");
      return false;
    }

    e.preventDefault();

    $CKEditor.updateSourceElement();
    
    $.post("./", $(this).serialize())
    
      .done(function() {
    
        $sessionStorage.action = $sessionStorage.editPopover || "";

        sessionStorage.setItem($application, JSON.stringify($sessionStorage));

        formSubmit($sessionStorage);
    
    });
    
  });
  
});