var link = document.createElement( "link" );
link.href = "https://unpkg.com/survey-core/survey-core.min.css";
link.type = "text/css";
link.rel = "stylesheet";
link.media = "screen,print";
document.getElementsByTagName("head")[0].appendChild( link );

const surveyJson = {
  "title": "AfmælisStuð Orkusölunnar",
  "description": "Skráning í afmælisStuð Orkusölunnar",
  "completedHtml": "Takk fyrir skráninguna - Hlökkum til að sjá þig í Stuði!",
  "completedBeforeHtml": "Skráning hefur verið móttekin ",
  "loadingHtml": "Komdu í afmælisStuðið",
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "text",
          "name": "question1",
          "title": "Nafn:"
        },
        {
          "type": "text",
          "name": "question2",
          "title": "Fyrirtæki:"
        },
        {
          "type": "text",
          "name": "question3",
          "title": "Netfang:",
          "inputType": "email"
        }
      ]
    }
  ],
  "showTitle": false,
  "questionTitleLocation": "left",
  "completeText": "Skrá mig í stuðið!"
};
const survey = new Survey.Model(surveyJson);
survey.applyTheme({"themeName":"default","colorPalette":"light","isPanelless":false,"backgroundImage":"","backgroundOpacity":1,"backgroundImageAttachment":"scroll","backgroundImageFit":"cover","cssVariables":{"--sjs-corner-radius":"4px","--sjs-base-unit":"8px","--sjs-shadow-small":"0px 1px 2px 0px rgba(0, 0, 0, 0.15)","--sjs-shadow-inner":"inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)","--sjs-border-default":"rgba(0, 0, 0, 0.16)","--sjs-border-light":"rgba(0, 0, 0, 0.09)","--sjs-general-backcolor":"rgba(255, 255, 255, 1)","--sjs-general-backcolor-dark":"rgba(248, 248, 248, 1)","--sjs-general-backcolor-dim-light":"rgba(249, 249, 249, 1)","--sjs-general-backcolor-dim-dark":"rgba(243, 243, 243, 1)","--sjs-general-forecolor":"rgba(0, 0, 0, 0.91)","--sjs-general-forecolor-light":"rgba(0, 0, 0, 0.45)","--sjs-general-dim-forecolor":"rgba(0, 0, 0, 0.91)","--sjs-general-dim-forecolor-light":"rgba(0, 0, 0, 0.45)","--sjs-secondary-backcolor":"rgba(255, 152, 20, 1)","--sjs-secondary-backcolor-light":"rgba(255, 152, 20, 0.1)","--sjs-secondary-backcolor-semi-light":"rgba(255, 152, 20, 0.25)","--sjs-secondary-forecolor":"rgba(255, 255, 255, 1)","--sjs-secondary-forecolor-light":"rgba(255, 255, 255, 0.25)","--sjs-shadow-small-reset":"0px 0px 0px 0px rgba(0, 0, 0, 0.15)","--sjs-shadow-medium":"0px 2px 6px 0px rgba(0, 0, 0, 0.1)","--sjs-shadow-large":"0px 8px 16px 0px rgba(0, 0, 0, 0.1)","--sjs-shadow-inner-reset":"inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)","--sjs-border-inside":"rgba(0, 0, 0, 0.16)","--sjs-special-red-forecolor":"rgba(255, 255, 255, 1)","--sjs-special-green":"rgba(25, 179, 148, 1)","--sjs-special-green-light":"rgba(25, 179, 148, 0.1)","--sjs-special-green-forecolor":"rgba(255, 255, 255, 1)","--sjs-special-blue":"rgba(67, 127, 217, 1)","--sjs-special-blue-light":"rgba(67, 127, 217, 0.1)","--sjs-special-blue-forecolor":"rgba(255, 255, 255, 1)","--sjs-special-yellow":"rgba(255, 152, 20, 1)","--sjs-special-yellow-light":"rgba(255, 152, 20, 0.1)","--sjs-special-yellow-forecolor":"rgba(255, 255, 255, 1)","--sjs-article-font-xx-large-textDecoration":"none","--sjs-article-font-xx-large-fontWeight":"700","--sjs-article-font-xx-large-fontStyle":"normal","--sjs-article-font-xx-large-fontStretch":"normal","--sjs-article-font-xx-large-letterSpacing":"0","--sjs-article-font-xx-large-lineHeight":"64px","--sjs-article-font-xx-large-paragraphIndent":"0px","--sjs-article-font-xx-large-textCase":"none","--sjs-article-font-x-large-textDecoration":"none","--sjs-article-font-x-large-fontWeight":"700","--sjs-article-font-x-large-fontStyle":"normal","--sjs-article-font-x-large-fontStretch":"normal","--sjs-article-font-x-large-letterSpacing":"0","--sjs-article-font-x-large-lineHeight":"56px","--sjs-article-font-x-large-paragraphIndent":"0px","--sjs-article-font-x-large-textCase":"none","--sjs-article-font-large-textDecoration":"none","--sjs-article-font-large-fontWeight":"700","--sjs-article-font-large-fontStyle":"normal","--sjs-article-font-large-fontStretch":"normal","--sjs-article-font-large-letterSpacing":"0","--sjs-article-font-large-lineHeight":"40px","--sjs-article-font-large-paragraphIndent":"0px","--sjs-article-font-large-textCase":"none","--sjs-article-font-medium-textDecoration":"none","--sjs-article-font-medium-fontWeight":"700","--sjs-article-font-medium-fontStyle":"normal","--sjs-article-font-medium-fontStretch":"normal","--sjs-article-font-medium-letterSpacing":"0","--sjs-article-font-medium-lineHeight":"32px","--sjs-article-font-medium-paragraphIndent":"0px","--sjs-article-font-medium-textCase":"none","--sjs-article-font-default-textDecoration":"none","--sjs-article-font-default-fontWeight":"400","--sjs-article-font-default-fontStyle":"normal","--sjs-article-font-default-fontStretch":"normal","--sjs-article-font-default-letterSpacing":"0","--sjs-article-font-default-lineHeight":"28px","--sjs-article-font-default-paragraphIndent":"0px","--sjs-article-font-default-textCase":"none","--sjs-general-backcolor-dim":"#ffffff","--sjs-primary-backcolor":"#320564","--sjs-primary-backcolor-dark":"rgba(42, 4, 85, 1)","--sjs-primary-backcolor-light":"rgba(50, 5, 100, 0.1)","--sjs-primary-forecolor":"rgba(255, 255, 255, 1)","--sjs-primary-forecolor-light":"rgba(255, 255, 255, 0.25)","--sjs-special-red":"rgba(229, 10, 62, 1)","--sjs-special-red-light":"rgba(229, 10, 62, 0.1)","--sjs-font-surveytitle-family":"Arial, sans-serif","--sjs-font-surveydescription-family":"Arial, sans-serif"},"headerView":"basic"})
document.addEventListener("DOMContentLoaded", function() {
    survey.render(document.getElementById("surveyContainer"));
});

survey.onComplete.add((sender, options) => {
    const body = {
        id: "ac03fe8b-70fe-4c92-a0e0-d76b73d2b4fb",
        templateid : "1b336a90-b80c-f111-8407-000d3a673d7a",
        body: sender.data
    }
    fetch("https://arangoapi.azure-api.net/formbuilder/data", {
        method: "POST",
        body: JSON.stringify(body, null, 3),
        headers: {
          "Content-type": "application/json; charset=UTF-8",
          "Ocp-Apim-Subscription-Key":"619f17719ac749d4b850d506db39ae98"
        }
      });
});