{% set title='Schedule Demo' %}
{% set metaDescription='Get a live demo of Invoiced\'s award winning accounts receivable automation system tailored for your business.' %}
{% set canonicalUrl=url('schedule_demo') %}
{% extends "parent.twig" %}
{% block content %}
<section class="content text-center">
<div class="container">
<h1 class="title">Schedule Demo</h1>
<h2 class="subtitle">Get a live demo of Invoiced tailored for your business.</h2>
<p class="lead">Step 1 of 2: Enter Your Contact Information</p>
<div class="demo-step-1-holder">
{% if app.request.cookies.has('booked_demo') %}
<p class="lead">Thank you for scheduling a demo!</p>
{% else %}
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
var firstName, lastName, email, company;
hbspt.forms.create({
region: "na1",
portalId: "5135501",
formId: "cb248a95-a752-4335-a636-8c94d11c6892",
inlineMessage: 'Redirecting to the next step...',
onFormReady: function($form) {
{% for key, value in prefillParams %}
$form.find('input[name="{{ key }}"]').val("{{ value }}").change();
{% endfor %}
},
onFormSubmit: function($form) {
firstName = $('input[name=firstname]', $form).val();
lastName = $('input[name=lastname]', $form).val();
email = $('input[name=email]', $form).val();
company = $('input[name=company]', $form).val();
},
onFormSubmitted: function() {
window.location = '{{ path('schedule_demo_2') }}?firstname=' + encodeURIComponent(firstName) + '&lastname=' + encodeURIComponent(lastName) + '&email=' + encodeURIComponent(email) + '&company=' + encodeURIComponent(company);
},
});
</script>
{% endif %}
</div>
</div>
</section>
{% endblock %}