import '../scss/app.scss';
import './_material';
import '@mdi/font/css/materialdesignicons.min.css';

import {InertiaProgress} from '@inertiajs/progress';
import {createInertiaApp} from '@maicol07/inertia-mithril';
import {waitUntil} from 'async-wait-until';
import $ from 'cash-dom';
import m from 'mithril';

// Fix Mithril JSX durante la compilazione
m.Fragment = '[';

// Variabili globali
window.$ = $;
window.m = m;

InertiaProgress.init();

// noinspection JSIgnoredPromiseFromCall
createInertiaApp({
  title: title => `${title} - OpenSTAManager`,
  resolve: async (name) => {
    const split = name.split('::');

    if (split.length === 1) {
      return (await import(`./Views/${name}.jsx`)).default;
    }

    const [, page] = split;
    // noinspection JSUnresolvedVariable
    await waitUntil(() => typeof window.extmodule !== 'undefined');
    // noinspection JSUnresolvedVariable
    return window.extmodule[page];
  },
  setup({
    el,
    app
  }) {
    m.mount(el, app);
  }
});

$.fn.isValid = function () {
  if (this.prop('tagName')
    .toLowerCase() === 'form') {
    let isValid: boolean = true;

    this.find('mwc-textfield, mwc-textarea')
      .each((index: number, field: HTMLInputElement) => {
        if (!field.checkValidity()) {
          isValid = false;
          return false;
        }

        return true;
      });

    return isValid;
  }

  return this[0].checkValidity();
};