www.nl.digitalsupport.audi.be Open in urlscan Pro
193.53.139.232  Public Scan

Form analysis
4 forms found in the DOM

POST /Home/Index/BE

<form action="/Home/Index/BE" method="post">
  <div class="dx-fieldset">
    <script>
      DevExpress.config({
        "serverDecimalSeparator": ","
      });
      DevExpress.aspnet.setTemplateEngine();
      DevExpress.aspnet.warnBug17028();
    </script>
    <div id="countrySelectBox1" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-widget dx-state-invisible dx-validator dx-visibility-change-handler">
      <div class="dx-texteditor-container">
        <div class="dx-texteditor-input-container"><input autocomplete="off" id="CountryId" class="dx-texteditor-input" type="text" spellcheck="false" name="CountryId" aria-hidden="true" tabindex="0" role="textbox">
          <div data-dx_placeholder="" class="dx-placeholder dx-state-invisible"></div>
        </div>
        <div class="dx-texteditor-buttons-container">
          <div></div>
        </div>
      </div>
    </div>
    <script type="text/html" id="devextreme8-contentTemplate">
      <br />
      <b>Uw voertuigidentificatienummer (VIN) vindt u onderaan </b>
      <br />
      <br />
      <b>de voorruit (passagierszijde) of in de documenten van de wagen.</b>
      <br />
    </script>
    <script>
      DevExpress.utils.readyCallbacks.add((function($) {
        $("#countrySelectBox1").dxTextBox({
          "name": "CountryId",
          "value": "15",
          "visible": false,
          "inputAttr": {
            "id": "CountryId"
          }
        }).dxValidator({
          "validationRules": [{
            "type": "required",
            "message": "Land is verplicht"
          }],
          "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
        });
      }).bind(this, jQuery));
    </script>
    <div class="dx-field">
      <div class="dx-field-label">Taal</div>
      <div class="dx-field-value">
        <div id="languageSelectBox"
          class="dx-show-invalid-badge dx-selectbox dx-textbox dx-texteditor dx-show-clear-button dx-dropdowneditor-button-visible dx-editor-outlined dx-texteditor-empty dx-widget dx-dropdowneditor dx-dropdowneditor-field-clickable dx-validator dx-visibility-change-handler">
          <div class="dx-dropdowneditor-input-wrapper dx-selectbox-container"><input type="hidden" name="LanguageId" value="">
            <div class="dx-texteditor-container">
              <div class="dx-texteditor-input-container"><input autocomplete="off" id="LanguageId" class="dx-texteditor-input" aria-haspopup="listbox" aria-autocomplete="list" type="text" readonly="" spellcheck="false" tabindex="0" role="combobox"
                  aria-expanded="false">
                <div data-dx_placeholder="Kies een taal" class="dx-placeholder"></div>
              </div>
              <div class="dx-texteditor-buttons-container"><span class="dx-clear-button-area"><span class="dx-icon dx-icon-clear"></span></span>
                <div class="dx-button-normal dx-button-mode-contained dx-widget dx-dropdowneditor-button" aria-label="Select" role="button">
                  <div class="dx-button-content">
                    <div class="dx-dropdowneditor-icon"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#languageSelectBox").dxSelectBox({
              "name": "LanguageId",
              "value": null,
              "dataSource": {
                "store": DevExpress.data.AspNet.createStore({
                  "key": "id",
                  "loadUrl": "/api/Languages"
                })
              },
              "valueExpr": "id",
              "displayExpr": "languageName",
              "placeholder": "Kies een taal",
              "showClearButton": true,
              "onValueChanged": languageSelectBox_Change,
              "onFocusIn": countrySelectBox_Change,
              "inputAttr": {
                "id": "LanguageId"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Taal is verplicht"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">E-mail</div>
      <div class="dx-field-value">
        <div id="email" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Email" class="dx-texteditor-input" type="text" spellcheck="false" name="Email" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#email").dxTextBox({
              "name": "Email",
              "value": null,
              "inputAttr": {
                "id": "Email"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "async",
                "message": "Het ingegeven e-mailadres werd reeds geregistreerd",
                "validationCallback": function(params) {
                  return DevExpress.aspnet.sendValidationRequest("Email", params.value, "/Home/CheckEmailAddress", "POST");
                }
              }, {
                "type": "required",
                "message": "E-mail is verplicht"
              }, {
                "type": "pattern",
                "message": "Het ingegeven e-mailadres is ongeldig.",
                "pattern": "^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">Achternaam</div>
      <div class="dx-field-value">
        <div id="lastname" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Lastname" class="dx-texteditor-input" type="text" spellcheck="false" name="Lastname" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#lastname").dxTextBox({
              "name": "Lastname",
              "value": null,
              "inputAttr": {
                "id": "Lastname"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Achternaam is verplicht"
              }, {
                "type": "pattern",
                "message": "Achternaam is verplicht",
                "pattern": "^([^1234567890\\\\\u003c\u003e{}/!@#$%^\u0026*()\\][?_+.\u0027;:=~`])*$"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">Voornaam</div>
      <div class="dx-field-value">
        <div id="firstname" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Firstname" class="dx-texteditor-input" type="text" spellcheck="false" name="Firstname" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#firstname").dxTextBox({
              "name": "Firstname",
              "value": null,
              "inputAttr": {
                "id": "Firstname"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Voornaam is verplicht"
              }, {
                "type": "pattern",
                "message": "Voornaam is verplicht",
                "pattern": "^([^1234567890\\\\\u003c\u003e{}/!@#$%^\u0026*()\\][?_+.\u0027;:=~`])*$"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">Telefoon</div>
      <div class="dx-field-value" style="max-width:20%;float:left">
        <div id="prefix" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Prefix" class="dx-texteditor-input" type="text" spellcheck="false" name="Prefix" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder dx-state-invisible"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#prefix").dxTextBox({
              "name": "Prefix",
              "value": "+32",
              "inputAttr": {
                "id": "Prefix"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Verplicht"
              }, {
                "type": "pattern",
                "message": "Prefix is invalid",
                "pattern": "^[+][0-9]*$"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
      <div class="dx-field-value" style="max-width:40%">
        <div id="phone" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Phone" class="dx-texteditor-input" type="text" spellcheck="false" name="Phone" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#phone").dxTextBox({
              "name": "Phone",
              "value": null,
              "inputAttr": {
                "id": "Phone"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Telefoonnummer is verplicht"
              }, {
                "type": "pattern",
                "message": "Het ingegeven telefoonnummer is ongeldig.",
                "pattern": "^[0-9]*$"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">VIN</div>
      <div class="dx-field-value">
        <div id="vinnumber" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-widget dx-validator dx-visibility-change-handler" aria-describedby="dx-b563eeee-1b6d-f4ba-c104-935e5e53982d">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="VinNumber" class="dx-texteditor-input" type="text" spellcheck="false" maxlength="17" name="VinNumber" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#vinnumber").dxTextBox({
              "name": "VinNumber",
              "value": null,
              "maxLength": 17,
              "inputAttr": {
                "id": "VinNumber"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "async",
                "message": "Het ingegeven VIN-nummer is niet correct.",
                "validationCallback": function(params) {
                  return DevExpress.aspnet.sendValidationRequest("VinNumber", params.value, "/Home/CheckVinNumber", "POST");
                }
              }, {
                "type": "required",
                "message": "VIN is verplicht"
              }, {
                "type": "pattern",
                "message": "Het ingegeven VIN-nummer is niet correct.",
                "pattern": "^(WUAZZZ|WAUZZZ|TRUZZZ|wuazzz|wauzzz|truzzz|Wuazzz|Wauzzz|Truzzz)[A-Z0-9]{5}[0-9]{6}$"
              }, {
                "type": "stringLength",
                "message": "Het VIN-nummer bevat 17 tekens. ",
                "min": 17
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
        <div id="devextreme8" class="dx-overlay dx-popup dx-popover dx-widget dx-state-invisible dx-visibility-change-handler dx-tooltip">
          <div class="dx-overlay-content dx-popup-normal" aria-hidden="true" id="dx-b563eeee-1b6d-f4ba-c104-935e5e53982d" role="tooltip" style="width: auto; height: auto;">
            <div class="dx-popover-arrow"></div>
            <div class="dx-popup-content"></div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#devextreme8").dxTooltip({
              "target": "#vinnumber",
              "showEvent": "mouseenter",
              "hideEvent": "mouseleave",
              "closeOnOutsideClick": true,
              "contentTemplate": $("#devextreme8-contentTemplate"),
              "position": "top"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">Datum</div>
      <div class="dx-field-value">
        <div id="ApointDate"
          class="dx-show-invalid-badge dx-datebox dx-textbox dx-texteditor dx-dropdowneditor-button-visible dx-editor-outlined dx-texteditor-empty dx-widget dx-visibility-change-handler dx-auto-width dx-dropdowneditor dx-datebox-date dx-datebox-calendar dx-validator">
          <div class="dx-dropdowneditor-input-wrapper"><input type="hidden" name="AppointmentDate" value="">
            <div class="dx-texteditor-container">
              <div class="dx-texteditor-input-container"><input autocomplete="off" id="AppointmentDate" class="dx-texteditor-input" aria-haspopup="true" aria-autocomplete="list" type="text" spellcheck="false" tabindex="0" role="combobox"
                  aria-expanded="false">
                <div data-dx_placeholder="" class="dx-placeholder"></div>
              </div>
              <div class="dx-texteditor-buttons-container">
                <div></div>
                <div class="dx-button-normal dx-button-mode-contained dx-widget dx-dropdowneditor-button" aria-label="Select" role="button">
                  <div class="dx-button-content">
                    <div class="dx-dropdowneditor-icon"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#ApointDate").dxDateBox({
              "name": "AppointmentDate",
              "value": null,
              "pickerType": "calendar",
              "onValueChanged": valueChanged,
              "max": maxDisable,
              "min": minDisable,
              "calendarOptions": {
                "cellTemplate": koukou
              },
              "inputAttr": {
                "id": "AppointmentDate"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Datum van afspraak is verplicht"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label">Afspraakmoment</div>
      <div class="dx-field-value">
        <div id="slot" class="dx-show-invalid-badge dx-textbox dx-texteditor dx-editor-outlined dx-texteditor-empty dx-state-readonly dx-widget dx-validator dx-visibility-change-handler">
          <div class="dx-texteditor-container">
            <div class="dx-texteditor-input-container"><input autocomplete="off" id="Slot" class="dx-texteditor-input" type="text" readonly="" aria-readonly="true" spellcheck="false" name="Slot" tabindex="0" role="textbox">
              <div data-dx_placeholder="" class="dx-placeholder"></div>
            </div>
            <div class="dx-texteditor-buttons-container">
              <div></div>
            </div>
          </div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#slot").dxTextBox({
              "name": "Slot",
              "value": null,
              "readOnly": true,
              "inputAttr": {
                "id": "Slot"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Afspraakmoment is verplicht"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label"></div>
      <div class="dx-field-value-static">
        <p id="PrivPolicyLink">
        </p>
        <div id="PrivacyPolicy" class="dx-show-invalid-badge dx-checkbox dx-checkbox-has-text dx-widget dx-validator dx-visibility-change-handler" role="checkbox" aria-checked="false" tabindex="0"><input type="hidden" value="" name="PrivacyPolicy">
          <div class="dx-checkbox-container"><span class="dx-checkbox-icon"></span><span class="dx-checkbox-text">Akkoord gaan met het privacy beleid</span></div>
        </div>
        <script>
          DevExpress.utils.readyCallbacks.add((function($) {
            $("#PrivacyPolicy").dxCheckBox({
              "name": "PrivacyPolicy",
              "value": null,
              "text": "Akkoord gaan met het privacy beleid",
              "inputAttr": {
                "id": "PrivacyPolicy"
              }
            }).dxValidator({
              "validationRules": [{
                "type": "required",
                "message": "Verplicht"
              }],
              "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
            });
          }).bind(this, jQuery));
        </script>
        <p>
        </p>
      </div>
    </div>
    <div class="dx-field">
      <div class="dx-field-label"></div>
      <div class="dx-field-value-static">
        <div class="dntCaptcha" id="dntCaptchaf4f73aeb74bf67e2ba262626b44ac138873c43b9202912867829"><img alt="captcha" id="dntCaptchaImg" name="dntCaptchaImg"
            src="/DNTCaptchaImage/Show?data=4dN5QVwWmqOgHfs3s_1V7e0yhzxaD7k3X8Vs2yGSKsBuJPCnO2c5HlsLpWPrJ_rKlUNis7eLuP7is3TiMqZ-Vlogty6Ez4_P"
            style="margin-bottom: 4px;"><a class="fas fa-redo btn-sm" data-ajax="true" data-ajax-begin="onRefreshButtonDataAjaxBegin" data-ajax-method="POST" data-ajax-mode="replace-with" data-ajax-update="#dntCaptchaf4f73aeb74bf67e2ba262626b44ac138873c43b9202912867829" data-ajax-url="/DNTCaptchaImage/Refresh?data=PV6BEhdhFUd6U3p4lH-io5ANXCGEDPa-9DsBXeOQAAn6gCVRR286yshiZBB_dbKgEq3vdZmK8dDvSkz6jeT846evm2aYeVqW" href="#refresh" id="dntCaptchaRefreshButton" name="dntCaptchaRefreshButton"></a><input
            id="DNTCaptchaText" name="DNTCaptchaText" type="hidden" value="ypySaWdyjIcTcTr9X0Bofg"><span class="input-group-prepend"><span class="form-group-text"></span></span><input autocomplete="off" class="text-box form-control"
            data-required-msg="Please enter the security code." data-val="true" data-val-required="Please enter the security code." dir="ltr" id="DNTCaptchaInputText" name="DNTCaptchaInputText" placeholder="Enter Security code" required="required"
            type="text" value=""><span class="text-danger" data-valmsg-for="DNTCaptchaInputText" data-valmsg-replace="true"></span><input id="DNTCaptchaToken" name="DNTCaptchaToken" type="hidden"
            value="zh4XPi_XHbtHKWWTLvx-yuSADDYfLJBpQ8qy9sobS3E7BLp8eLsxksz_JgssNbwVsZNSVPHzbTYwk1Hm5aFRxht0uanlmSRy">
          <script type="text/javascript">
            function onRefreshButtonDataAjaxBegin(xhr, settings) {
              settings.data = settings.data + '&__RequestVerificationToken=CfDJ8AKHOH6qn0tLjSSfQpmHRkaxssnZjuVZGGgzVEFH_688uZ850ASDmUynZk43AuiW63O6oexJhsB7BFwJMebj7yWprnjJ0hzAH-YKqoyFruSLgowsCG4zJ7DS76lvR2lqccC_x4qky-2X1_VS34jSddI';
            }
          </script>
        </div>
      </div>
    </div>
  </div>
  <div class="dx-fieldset" style="">
    <div id="summary" class="dx-validationsummary dx-widget dx-collection"></div>
    <script>
      DevExpress.utils.readyCallbacks.add((function($) {
        $("#summary").dxValidationSummary({
          "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
        });
      }).bind(this, jQuery));
    </script>
    <div id="button" class="dx-button dx-button-success dx-button-mode-contained dx-widget dx-button-has-text" aria-label="Registreren" tabindex="0" role="button">
      <div class="dx-button-content"><span class="dx-button-text">Registreren</span><input type="submit" tabindex="-1" class="dx-button-submit-input"></div>
    </div>
    <script>
      DevExpress.utils.readyCallbacks.add((function($) {
        $("#button").dxButton({
          "text": "Registreren",
          "type": "success",
          "useSubmitBehavior": true,
          "validationGroup": "3f6df783-81a4-4141-af3b-7e898e3fa536"
        });
      }).bind(this, jQuery));
    </script>
  </div>
  <input name="__RequestVerificationToken" type="hidden" value="CfDJ8AKHOH6qn0tLjSSfQpmHRkaxssnZjuVZGGgzVEFH_688uZ850ASDmUynZk43AuiW63O6oexJhsB7BFwJMebj7yWprnjJ0hzAH-YKqoyFruSLgowsCG4zJ7DS76lvR2lqccC_x4qky-2X1_VS34jSddI">
</form>

<form>
  <div class="form-group">
    <div id="grid" class="dx-widget dx-visibility-change-handler" role="presentation">
      <div class="dx-datagrid dx-gridbase-container" role="grid" aria-label="Data grid" aria-rowcount="-1" aria-colcount="2">
        <div class="dx-hidden"></div>
        <div class="dx-hidden"></div>
        <div class="dx-hidden"></div>
        <div class="dx-hidden"></div>
        <div class="dx-datagrid-headers dx-datagrid-nowrap" role="presentation">
          <div class="dx-datagrid-content dx-datagrid-scroll-container" role="presentation">
            <table class="dx-datagrid-table dx-datagrid-table-fixed" role="presentation">
              <colgroup>
                <col>
                <col>
              </colgroup>
              <tbody role="presentation">
                <tr class="dx-error-row">
                  <td colspan="2" role="presentation">
                    <div class="dx-closebutton dx-datagrid-action"></div>
                    <div class="dx-error-message">Bad Request</div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="dx-datagrid-rowsview dx-datagrid-nowrap dx-empty" role="presentation" tabindex="0">
          <div class="dx-datagrid-content">
            <table class="dx-datagrid-table dx-datagrid-table-fixed" role="presentation">
              <colgroup>
                <col>
                <col>
              </colgroup>
              <tbody role="presentation">
                <tr class="dx-row dx-freespace-row dx-column-lines" role="presentation">
                  <td style="text-align: left;"></td>
                  <td style="text-align: left;"></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="dx-overlay dx-widget dx-state-invisible dx-visibility-change-handler dx-loadpanel">
          <div class="dx-overlay-content" aria-hidden="true" style="width: 200px; height: 90px;"></div>
        </div>
        <div class="dx-hidden"></div>
        <div></div>
        <div class="dx-hidden"></div>
        <div class="dx-hidden"></div>
        <div class="dx-datagrid-drag-header dx-datagrid-text-content dx-widget" style="display: none;"></div>
        <div class="dx-context-menu dx-has-context-menu dx-widget dx-visibility-change-handler dx-collection dx-datagrid" role="presentation"></div>
        <div class="dx-header-filter-menu"></div>
        <div></div>
      </div>
    </div>
    <script>
      DevExpress.utils.readyCallbacks.add((function($) {
        $("#grid").dxDataGrid({
          "dataSource": {
            "store": DevExpress.data.AspNet.createStore({
              "loadParams": {
                "AppDate": function() {
                  return $('#ApointDate').dxDateBox('instance').option('value');
                },
                "langid": function() {
                  return $('#languageSelectBox').dxSelectBox('instance').option('value');
                },
                "countryid": function() {
                  return $('#countrySelectBox1').dxTextBox('instance').option('value');
                }
              },
              "loadUrl": "/Availabilities"
            })
          },
          "columns": [{
            "caption": "Tijd",
            "dataField": "time"
          }, {
            "caption": "Toestand",
            "dataField": "status"
          }],
          "selection": {
            "mode": "single"
          },
          "onSelectionChanged": rowdlclick,
          "onRowPrepared": rowprepared
        });
      }).bind(this, jQuery));
    </script>
  </div>
</form>

<form>
  <div class="form-group">
    <h4>U kunt dit tijdslot niet kiezen.</h4>
  </div>
</form>

<form>
  <div class="form-group">
  </div>
</form>

Text Content

    Audi Digital Support – Booking online

WELKOM BIJ AUDI DIGITAL SERVICES. WIJ BEANTWOORDEN GRAAG AL UW VERDERE VRAGEN.
GELIEVE HET ONDERSTAANDE FORMULIER IN TE VULLEN ZODAT WIJ U TELEFONISCH
KUNNEN CONTACTEREN OP HET GEWENSTE TIJDSSTIP.




Taal

E-mail

Achternaam

Voornaam

Telefoon


VIN

Datum

Afspraakmoment


Akkoord gaan met het privacy beleid




Registreren


AFSPRAAKMOMENT

x
Bad Request












Ok Annuleren


WARNING

x

U KUNT DIT TIJDSLOT NIET KIEZEN.

Ok


WARNING

x

Ok