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": "Tjónstilkynning",
  "completedHtml": "<h3>Takk fyrir, við höfum samband við fyrsta tækifæri</h3>",
  "pages": [
    {
      "name": "page1",
      "title": "Viðskiptavinur",
      "elements": [
        {
          "type": "text",
          "name": "firstname",
          "title": "Nafn",
          "description": "Nafn þess sem skráður er í viðskipti hjá Rarik",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "ssn",
          "startWithNewLine": false,
          "title": "Kennitala",
          "description": "Kennitala skráðs aðila hjá Rarik",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "phone",
          "title": "Símanúmer",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "emailaddress",
          "startWithNewLine": false,
          "title": "Netfang",
          "isRequired": true
        }
      ]
    },
    {
      "name": "page2",
      "title": "Tjónastaður",
      "elements": [
        {
          "type": "text",
          "name": "address",
          "title": "Heimilisfang",
          "description": "Tjónsstaður",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "address_code",
          "title": "Póstnúmer",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "address_no",
          "startWithNewLine": false,
          "title": "Íbúð númer"
        },
        {
          "type": "text",
          "name": "outage_date",
          "title": "Dagsetning rafmagnstruflana",
          "isRequired": true,
          "inputType": "date"
        },
        {
          "type": "comment",
          "name": "disturbance_description",
          "title": "Rafmagnstruflun",
          "description": "Lýsing á rafmangstruflunum sem ollu tjóni, dagsetningu og tíma.",
          "isRequired": true
        },
        {
          "type": "comment",
          "name": "damage_description",
          "title": "Tjónið",
          "description": "Tæki eða hlutur sem bilar. Áætlað fjárhagslegt tjón.",
          "isRequired": true
        },
        {
          "type": "comment",
          "name": "other_description",
          "title": "Annað sem þú vilt koma á framfæri?"
        },
        {
          "type": "file",
          "name": "Viðhengi",
          "allowMultiple": true
        }
      ]
    }
  ],
  "showTitle": false,
  "showPageTitles": false,
  "pagePrevText": "Til baka",
  "pageNextText": "Næsta",
  "completeText": "Senda",
  "questionsOnPageMode": "singlePage"
};
const survey = new Survey.Model(surveyJson);
survey.applyTheme({"themeName":"default","colorPalette":"light","isPanelless":true,"backgroundImage":"","backgroundOpacity":1,"backgroundImageAttachment":"scroll","backgroundImageFit":"cover","cssVariables":{"--sjs-corner-radius":"4px","--sjs-base-unit":"4px","--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":"rgba(255, 255, 255, 1)","--sjs-primary-backcolor":"#1446DB","--sjs-primary-backcolor-dark":"rgba(19, 65, 204, 1)","--sjs-primary-backcolor-light":"rgba(20, 70, 219, 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)"},"headerView":"basic"})
document.addEventListener("DOMContentLoaded", function() {
    survey.render(document.getElementById("surveyContainer"));
});

survey.onComplete.add((sender, options) => {
    const body = {
        id: "dc70e683-7b13-ef11-9f83-6045bddff049",
        templateid : "e1539698-c2bf-f011-bbd3-000d3a4b87e0",
        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"
        }
      });
});