import * as serviceworker from '@api.global/typedserver/web_serviceworker_client';
import * as domtools from '@design.estate/dees-domtools';

import { html, render } from '@design.estate/dees-element';
import { IdpViewcontainer } from './views/index.js';
import { IdpWelcome } from './elements/idp-welcome.js';

const run = async () => {
  const domtoolsInstance = await domtools.DomTools.setupDomTools();
  domtools.elementBasic.setup();
  domtoolsInstance.setWebsiteInfo({
    metaObject: {
      title: 'idp.global',
      description:
        'the code that runs idp.global',
      canonicalDomain: 'https://idp.global',
      ldCompany: {
        name: 'Task Venture Capital GmbH',
        status: 'active',
        contact: {
          address: {
            name: 'Task Venture Capital GmbH',
            city: 'Grasberg',
            country: 'Germany',
            houseNumber: '24',
            postalCode: '28879',
            streetName: 'Eickedorfer Vorweide',
          },
          description: 'work',
          name: 'Task Venture Capital GmbH',
          type: 'company',
          facebookUrl: 'https://www.facebook.com/undefined variable',
          twitterUrl: 'https://twitter.com/undefined variable',
          website: 'https://Task Venture Capital GmbH',
          phone: '+49 421 16767 548',
        },
        closedDate: null,
        foundedDate: {
          day: 1,
          month: 1,
          year: 2014,
        },
      },
    },
  });

  const serviceWorker = await serviceworker.getServiceworkerClient();

  const mainTemplate = html`
    <style>
      body {
        margin: 0px;
        --background-accent: #303f9f;
      }
    </style>
    <idp-viewcontainer></idp-viewcontainer>
  `;


  render(mainTemplate, document.body);
  const viewContainer: IdpViewcontainer = document.querySelector('idp-viewcontainer');
  viewContainer.loadElement(IdpWelcome);


};

run();