// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start();
require("@rails/activestorage").start();
require("channels");
require("scripts/toggle_elements");
require("scripts/add_tag");

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)
import jquery from "jquery";

window.$ = window.jquery = jquery; //force-load jquery before bootstrap

import "bootstrap";
import "cocoon-js";
import "../stylesheets/application";
import "@fortawesome/fontawesome-free/js/all";
import "@fortawesome/fontawesome-free/css/all.css";
import "../scripts/employees";

document.addEventListener("ajax:success", () => {
  let checkbox = document.querySelector(".checkbox-toggler");

  if (checkbox) {
    fieldsToggler();

    checkbox.addEventListener("click", () => {
      fieldsToggler();
    });
  }

  function fieldsToggler() {
    let element = document.querySelector(".toggle-field");

    if (checkbox && checkbox.checked) {
      element.style["display"] = "none";
    } else {
      element.style["display"] = "block";
    }
  }
});
// Support component names relative to this directory:
var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);