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": "Hefur þú áhuga á að leigja rými í Grósku?",
  "description": "Við aðstoðum þig við að finna rétta lausn í Grósku, hvort sem það er  vinnurými, fundar- eða viðburðarými. Fylltu inn nafn, símanúmer, netfang og helstu þarfir og við höfum samband eins fljótt og auðið er. ",
  "completedHtml": "<h3>Takk fyrir að hafa samband</h3>",
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "text",
          "name": "contactname",
          "title": "Nafn",
          "isRequired": true
        },
        {
          "type": "text",
          "name": "emailaddress",
          "title": "Netfang",
          "isRequired": true,
          "inputType": "email"
        },
        {
          "type": "text",
          "name": "contactphone",
          "title": "Símanúmer",
          "isRequired": true,
          "inputType": "tel"
        },
        {
          "type": "dropdown",
          "name": "question1",
          "title": "Hvað hefur þú í huga?",
          "choices": [
            {
              "value": "Item 1",
              "text": "Skrifstofupláss"
            },
            {
              "value": "Item 2",
              "text": "Skrifborð"
            },
            {
              "value": "Item 3",
              "text": "Fundarherbergi"
            },
            {
              "value": "Item 4",
              "text": "Viðburðarsvæði"
            },
            {
              "value": "Item 5",
              "text": "Annað"
            }
          ]
        },
        {
          "type": "comment",
          "name": "description",
          "title": "Lýsing á helstu þörfum",
          "isRequired": true
        }
      ]
    }
  ],
  "showPrevButton": false,
  "showTitle": false,
  "showPageTitles": false,
  "showQuestionNumbers": "off",
  "completeText": "Senda"
};
const survey = new Survey.Model(surveyJson);
survey.applyTheme({"themeName":"default","colorPalette":"dark","isPanelless":false,"backgroundImage":"","backgroundOpacity":1,"backgroundImageAttachment":"scroll","backgroundImageFit":"cover","cssVariables":{"--sjs-font-family":"\"Circular Std\", Arial, sans-serif","--sjs-corner-radius":"0px","--sjs-base-unit":"8px","--sjs-font-pagetitle-weight":"400","--sjs-font-pagetitle-size":"32px","--sjs-shadow-small":"0px 0px 0px 0px rgba(0, 0, 0, 0)","--sjs-font-questiontitle-weight":"400","--sjs-font-questiontitle-size":"18px","--sjs-font-questiondescription-size":"14px","--sjs-shadow-inner":"inset 0px -1px 0px 0px rgba(250, 245, 233, 0.7)","--sjs-font-editorfont-size":"18px","--sjs-font-editorfont-color":"rgba(250, 245, 233, 0.7)","--sjs-font-editorfont-placeholdercolor":"rgba(250, 245, 233, 0.45)","--sjs-border-default":"rgba(76, 117, 106, 1)","--sjs-border-light":"rgba(76, 117, 106, 0.5)","--sjs-general-backcolor":"rgba(0, 46, 34, 1)","--sjs-general-backcolor-dark":"rgba(0, 46, 34, 1)","--sjs-general-backcolor-dim-light":"rgba(0, 46, 34, 1)","--sjs-general-backcolor-dim-dark":"rgba(0, 46, 34, 1)","--sjs-general-forecolor":"rgba(250, 245, 233, 1)","--sjs-general-forecolor-light":"rgba(250, 245, 233, 0.7)","--sjs-general-dim-forecolor":"rgba(250, 245, 233, 1)","--sjs-general-dim-forecolor-light":"rgba(250, 245, 233, 0.7)","--sjs-secondary-backcolor":"rgba(76, 117, 106, 1)","--sjs-secondary-backcolor-light":"rgba(76, 117, 106, 0.1)","--sjs-secondary-backcolor-semi-light":"rgba(76, 117, 106, 0.25)","--sjs-secondary-forecolor":"rgba(250, 245, 233, 1)","--sjs-secondary-forecolor-light":"rgba(250, 245, 233, 0.25)","--sjs-shadow-small-reset":"0px 0px 0px 0px rgba(0, 0, 0, 0)","--sjs-shadow-medium":"0px 0px 0px 0px rgba(0, 0, 0, 0)","--sjs-shadow-large":"0px 8px 16px 0px rgba(0, 0, 0, 0.2)","--sjs-shadow-inner-reset":"inset 0px 0px 0px 0px rgba(250, 245, 233, 0.7)","--sjs-border-inside":"rgba(250, 245, 233, 0.08)","--sjs-special-red-forecolor":"rgba(0, 58, 43, 1)","--sjs-special-green":"rgba(0, 171, 84, 1)","--sjs-special-green-light":"rgba(0, 171, 84, 0.1)","--sjs-special-green-forecolor":"rgba(250, 245, 233, 1)","--sjs-special-blue":"rgba(0, 115, 170, 1)","--sjs-special-blue-light":"rgba(0, 115, 170, 0.1)","--sjs-special-blue-forecolor":"rgba(250, 245, 233, 1)","--sjs-special-yellow":"rgba(241, 89, 22, 1)","--sjs-special-yellow-light":"rgba(241, 89, 22, 0.1)","--sjs-special-yellow-forecolor":"rgba(250, 245, 233, 1)","--sjs-article-font-xx-large-textDecoration":"none","--sjs-article-font-xx-large-fontWeight":"400","--sjs-article-font-xx-large-fontStyle":"normal","--sjs-article-font-xx-large-fontStretch":"normal","--sjs-article-font-xx-large-letterSpacing":"-0.04em","--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":"400","--sjs-article-font-x-large-fontStyle":"normal","--sjs-article-font-x-large-fontStretch":"normal","--sjs-article-font-x-large-letterSpacing":"-0.04em","--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":"400","--sjs-article-font-large-fontStyle":"normal","--sjs-article-font-large-fontStretch":"normal","--sjs-article-font-large-letterSpacing":"-0.04em","--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":"400","--sjs-article-font-medium-fontStyle":"normal","--sjs-article-font-medium-fontStretch":"normal","--sjs-article-font-medium-letterSpacing":"-0.04em","--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(0, 58, 43, 1)","--sjs-primary-backcolor":"rgba(250, 245, 233, 1)","--sjs-primary-backcolor-dark":"rgba(245, 235, 212, 1)","--sjs-primary-backcolor-light":"rgba(250, 245, 233, 0.1)","--sjs-primary-forecolor":"rgba(0, 58, 43, 1)","--sjs-primary-forecolor-light":"rgba(0, 58, 43, 0.25)","--sjs-special-red":"rgba(233, 154, 154, 1)","--sjs-special-red-light":"rgba(233, 154, 154, 0.1)","--sjs-font-surveytitle-family":"\"Circular Std\", Arial, sans-serif","--sjs-font-surveytitle-weight":"400","--sjs-font-surveytitle-size":"40px","--sjs-font-surveytitle-color":"rgba(250, 245, 233, 1)","--sjs-font-surveydescription-color":"rgba(250, 245, 233, 0.7)"},"headerView":"basic"})
document.addEventListener("DOMContentLoaded", function() {
    survey.render(document.getElementById("surveyContainer"));
});

survey.onComplete.add((sender, options) => {
    const body = {
        id: "ZdgrmwR8ub3wL1xCF0UgQI2o41WHqSSL",
        templateid : "0cdfb248-8502-f111-8407-7c1e5276c3ad",
        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"
        }
      });
});