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 = {
  "logo": "data:image/png;base64,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",
  "completedHtml": "<h3>Takk fyrir að hafa samband við EFLU</h3>",
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "text",
          "name": "company",
          "title": "Fyrirtæki",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "customer_number",
          "title": "Kennitala fyrirtækis",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "firstName",
          "title": "Tengiliður",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "emailaddress",
          "title": "Netfang tengiliðar",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "mobile",
          "title": "Símanúmer tengiliðar"
        }
      ]
    }
  ],
  "completeText": "Skrá mig"
};
const survey = new Survey.Model(surveyJson);
survey.applyTheme({
  "themeName": "efla",
  "colorPalette": "light",
  "isPanelless": true,
  "backgroundImage": "",
  "backgroundOpacity": 1,
  "backgroundImageAttachment": "scroll",
  "backgroundImageFit": "cover",
  "cssVariables": {
    "--sjs-corner-radius": "4px",
    "--sjs-base-unit": "8px",

    "--sjs-font-family": "Replica, Arial, sans-serif",
    "--sjs-font-family-alt": "Domaine, Georgia, serif",

    "--sjs-shadow-small": "0px 1px 2px 0px rgba(18, 29, 31, 0.08)",
    "--sjs-shadow-small-reset": "0px 0px 0px 0px rgba(18, 29, 31, 0.08)",
    "--sjs-shadow-medium": "0px 2px 6px 0px rgba(18, 29, 31, 0.10)",
    "--sjs-shadow-large": "0px 8px 16px 0px rgba(18, 29, 31, 0.10)",
    "--sjs-shadow-inner": "inset 0px 1px 2px 0px rgba(18, 29, 31, 0.08)",
    "--sjs-shadow-inner-reset": "inset 0px 0px 0px 0px rgba(18, 29, 31, 0.08)",

    "--sjs-border-default": "#cadddf",
    "--sjs-border-light": "rgba(18, 29, 31, 0.12)",
    "--sjs-border-inside": "rgba(18, 29, 31, 0.16)",

    "--sjs-general-backcolor": "#ffffff",
    "--sjs-general-backcolor-dark": "#f8f8f8",
    "--sjs-general-backcolor-dim": "#ffffff",
    "--sjs-general-backcolor-dim-light": "#f9f9f9",
    "--sjs-general-backcolor-dim-dark": "#f3f3f3",

    "--sjs-general-forecolor": "#353e3f",
    "--sjs-general-forecolor-light": "#636666",
    "--sjs-general-dim-forecolor": "#353e3f",
    "--sjs-general-dim-forecolor-light": "#585d5e",

    "--sjs-primary-backcolor": "#e32312",
    "--sjs-primary-backcolor-dark": "#c61f10",
    "--sjs-primary-backcolor-light": "rgba(227, 35, 18, 0.1)",
    "--sjs-primary-forecolor": "#ffffff",
    "--sjs-primary-forecolor-light": "rgba(255, 255, 255, 0.25)",

    "--sjs-secondary-backcolor": "#cadddf",
    "--sjs-secondary-backcolor-light": "rgba(202, 221, 223, 0.18)",
    "--sjs-secondary-backcolor-semi-light": "rgba(202, 221, 223, 0.32)",
    "--sjs-secondary-forecolor": "#121d1f",
    "--sjs-secondary-forecolor-light": "rgba(18, 29, 31, 0.25)",

    "--sjs-special-red": "#e32312",
    "--sjs-special-red-light": "rgba(227, 35, 18, 0.1)",
    "--sjs-special-red-forecolor": "#ffffff",

    "--sjs-special-green": "rgba(25, 179, 148, 1)",
    "--sjs-special-green-light": "rgba(25, 179, 148, 0.1)",
    "--sjs-special-green-forecolor": "#ffffff",

    "--sjs-special-blue": "rgba(67, 127, 217, 1)",
    "--sjs-special-blue-light": "rgba(67, 127, 217, 0.1)",
    "--sjs-special-blue-forecolor": "#ffffff",

    "--sjs-special-yellow": "#cadddf",
    "--sjs-special-yellow-light": "rgba(202, 221, 223, 0.18)",
    "--sjs-special-yellow-forecolor": "#121d1f",

    "--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"
  },
  "headerView": "basic"
})
document.addEventListener("DOMContentLoaded", function() {
    survey.render(document.getElementById("surveyContainer"));
});

survey.onComplete.add((sender, options) => {
    const body = {
        id: "ezBCFscG8XOEjg9FgNUIA64dyt8DBtYg",
        templateid : "18e0aab5-721c-f111-8341-6045bd95fa3a",
        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"
        }
      });
});