{% if include.form %}
    {% assign formnumber = include.form | minus: 1 %}
{% else %}
    {% assign formnumber = 0 %}
{% endif %}
{% assign pageform = page.forms[formnumber] %}

{% if pageform.form_engine == 'netlify' %}
    <form name="{{ page.title }} {% if formnumber > 0 %}{{ formnumber | plus:1 }}{% endif %}" id="{{ page.url | slugify }}" class="form autofill" method="POST" action="{{ pageform.redirect }}" data-netlify="true" netlify-honeypot="_gotcha">
        <input type="hidden" name="_to" value="{{ pageform.to }}">
{% elsif pageform.form_engine == 'cloudcannon' %}
    <form id="{{ page.url | slugify }}" class="form autofill" method="POST" action="{{ pageform.redirect }}">
        <input type="hidden" name="_to" value="{{ pageform.to }}">
{% elsif pageform.form_engine == 'formspree' %}
    <form id="{{ page.url | slugify }}" class="form autofill" method="POST" action="https://formspree.io/{{ pageform.to }}">
        <input type="hidden" name="_next" value="{{ site.url }}{{ pageform.redirect }}" />
{% elsif pageform.form_engine == 'formbucket' %}
    <form id="{{ page.url | slugify }}" class="form autofill" method="POST" action="{{ pageform.to }}">
{% endif %}

    <input type="text" name="_gotcha" style="display:none" />
    <input type="hidden" name="_subject" value="{{ pageform.subject }}" />

    {% for item in pageform.fields %}
        {% if item.required %}{% assign requiredstar = '' %}{% else %}{% assign requiredstar = ' (optional)' %}{% endif %}
        {% if item.required %}{% assign requiredtext = 'required' %}{% else %}{% assign requiredtext = '' %}{% endif %}

        {% if item.input_type == 'textarea' %}
            <div>
                <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="{{ item.name }}">{{ item.placeholder }}{{ requiredstar }}</label>
                <textarea name="{{ item.name }}" name="{{ item.name }}" id="{{ item.name }}" cols="30" rows="10" class="form-control" {% if pageform.placeholders == true %}placeholder="{{ item.placeholder }}{{ requiredstar }}"{% endif %} {{ requiredtext }}></textarea>
            </div>
        {% elsif item.input_type == 'radio' %}
            <div class="radio">
                <label><input type="radio" name="{{ item.name }}" value="{{ item.placeholder }}" {{ requiredtext }}>{{ item.placeholder }}</label>
            </div>
        {% elsif item.input_type == 'checkbox' %}
            <div class="checkbox">
                <label><input type="checkbox" name="{{ item.name }}" value="{{ item.placeholder }}" {{ requiredtext }}>{{ item.placeholder }}</label>
            </div>
        {% elsif item.input_type == 'recaptcha' %}
            <div>
                {% if pageform.form_engine == 'netlify' %}
                    <div data-netlify-recaptcha></div>
                {% else %}
                    <div class="g-recaptcha" data-sitekey="{{ item.placeholder }}"></div>
                {% endif %}
            </div>
        {% elsif item.input_type == 'html' %}
            {{ item.placeholder }}
        {% elsif item.input_type == 'submit' %}
        <div>
            <input type="{{ item.input_type }}" value="{{ item.placeholder }}" class="btn btn-primary" />
        </div>

        {% else %}
            {% if item.name == 'name' %}
                <div class="half">
                    <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="firstname">First name{{ requiredstar }}</label>
                    <input type="{{ item.input_type }}" name="firstname" id="firstname" class="form-control" {% if pageform.placeholders == true %}placeholder="First name{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                </div>
                <div class="half">
                    <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="lastname">Last name{{ requiredstar }}</label>
                    <input type="{{ item.input_type }}" name="lastname" id="lastname" class="form-control" {% if pageform.placeholders == true %}placeholder="Last name{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                </div>
            {% elsif item.name == 'address' %}
                <div>
                    <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="address">Address{{ requiredstar }}</label>
                    <input type="{{ item.input_type }}" name="address" id="address" class="form-control" {% if pageform.placeholders == true %}placeholder="Address{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                </div>
                        <div class="half">
                            <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="city">City{{ requiredstar }}</label>
                            <input type="{{ item.input_type }}" name="city" id="city" class="form-control" {% if pageform.placeholders == true %}placeholder="City{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                        </div>
                        <div class="half">
                            <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="postalcode">Postal code{{ requiredstar }}</label>
                            <input type="{{ item.input_type }}" name="postalcode" id="postalcode" class="form-control" {% if pageform.placeholders == true %}placeholder="Postal code{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                        </div>
            {% else %}
                <div>
                    <label {% if pageform.placeholders == true %}class="sr-only"{% endif %} for="{{ item.name }}">{{ item.placeholder }}{{ requiredstar }}</label>
                    <input type="{{ item.input_type }}" name="{{ item.name }}" id="{{ item.name }}" class="form-control" {% if pageform.placeholders == true %}placeholder="{{ item.placeholder }}{{ requiredstar }}"{% endif %} {{ requiredtext }}>
                </div>
            {% endif %}
        {% endif %}
    {% endfor %}

</form>