{{#if hasPubkey}}
    <form method="post" id="download-pubkey" action="/subscription/publickey">
        <input type="hidden" name="_csrf" value="{{csrfToken}}">
        <input type="hidden" name="cid" value="{{cid}}">
    </form>
{{/if}}

<div class="alert alert-warning alert-dismissible" role="alert" id="js-warning">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>{{#translate}}Warning!{{/translate}}</strong>
    {{#translate}}JavaScript must be enabled in order for the subscription form to work{{/translate}}
</div>
<script>
    document.getElementById('js-warning').style.display = 'none';
</script>

<form method="post" action="/subscription/{{cid}}/subscribe">

    <input type="hidden" name="_csrf" value="{{csrfToken}}">
    <input type="hidden" class="tz-detect" name="tz" id="tz" value="{{tz}}">

    <input type="hidden" name="address" value="">
    <input type="hidden" name="sub" id="sub" value="">

    <div class="form-group">
        <label for="email">{{#translate}}Email Address{{/translate}}</label>
        <input type="email" class="form-control" name="email" id="email" placeholder="" value="{{email}}" required>
    </div>

    <div class="form-group">
        <label for="first-name">{{#translate}}First Name{{/translate}}</label>
        <input type="text" class="form-control" name="first-name" id="first-name" placeholder="" value="{{firstName}}">
    </div>

    <div class="form-group">
        <label for="last-name">{{#translate}}Last Name{{/translate}}</label>
        <input type="text" class="form-control" name="last-name" id="last-name" placeholder="" value="{{lastName}}">
    </div>

    {{#each customFields}}
        <div class="form-group">
            <label>{{name}}</label>

            {{#if typeText}}
                <input type="text" class="form-control" name="{{column}}" value="{{value}}">
            {{/if}}

            {{#if typeNumber}}
                <input type="number" class="form-control" name="{{column}}" value="{{value}}">
            {{/if}}

            {{#if typeWebsite}}
                <input type="url" class="form-control" name="{{column}}" value="{{value}}">
            {{/if}}

            {{#if typeLongtext}}
                <textarea class="form-control" rows="3" name="{{column}}">{{value}}</textarea>
            {{/if}}

            {{#if typeJson}}
                <textarea class="form-control gpg-text" rows="3" name="{{column}}" placeholder="{&quot;data&quot;:&quot;value&quot;}">{{value}}</textarea>
            {{/if}}

            {{#if typeGpg}}
                {{#if ../hasPubkey}}
                    <div class="pull-right">
                        <button type="submit" class="btn btn-link btn-xs" form="download-pubkey"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> {{#translate}}Download signature verification key{{/translate}}</button>
                    </div>
                {{/if}}
                <textarea class="form-control gpg-text" rows="3" name="{{column}}" placeholder="{{#translate}}Begins with{{/translate}} &#39;-----BEGIN PGP PUBLIC KEY BLOCK-----&#39;">{{value}}</textarea>
                <span class="help-block">{{#translate}}Insert your GPG public key here to encrypt messages sent to your address{{/translate}} <em>({{#translate}}optional{{/translate}})</em></span>
            {{/if}}

            {{#if typeDateUs}}
                <div class="input-group date fm-date-us">
                    <input type="text" class="form-control" name="{{column}}" placeholder="MM/DD/YYYY" value="{{value}}"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            {{/if}}

            {{#if typeDateEur}}
                <div class="input-group date fm-date-eur">
                    <input type="text" class="form-control" name="{{column}}" placeholder="DD/MM/YYYY" value="{{value}}"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            {{/if}}

            {{#if typeBirthdayUs}}
                <div class="input-group date fm-birthday-us">
                    <input type="text" class="form-control" name="{{column}}" placeholder="MM/DD" value="{{value}}"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            {{/if}}

            {{#if typeBirthdayEur}}
                <div class="input-group date fm-birthday-eur">
                    <input type="text" class="form-control" name="{{column}}" placeholder="DD/MM" value="{{value}}"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            {{/if}}

            {{#if typeDropdown}}
                <select name="{{key}}" class="form-control">
                    <option value="">
                        –– {{#translate}}Select{{/translate}} ––
                    </option>
                    {{#each options}}
                        <option value="{{column}}" {{#if value}} selected {{/if}}>{{name}}</option>
                    {{/each}}
                </select>
            {{/if}}

            {{#if typeRadio}}
                {{#each options}}
                    <div class="radio">
                        <label>
                            <input type="radio" name="{{../key}}" value="{{column}}" {{#if value}} checked {{/if}}> {{name}}
                        </label>
                    </div>
                {{/each}}
            {{/if}}

            {{#if typeCheckbox}}
                {{#each options}}
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="{{column}}" value="1" {{#if value}} checked {{/if}}> {{name}}
                        </label>
                    </div>
                {{/each}}
            {{/if}}

        </div>
    {{/each}}

    <div class="form-group" id="js-subscribe" style="display: none">
        <button type="submit" class="btn btn-primary">{{#translate}}Subscribe to list{{/translate}}</button>
    </div>
    <script>
        document.getElementById('js-subscribe').style.display = 'block';
    </script>
</form>

<script>
    document.getElementById('sub').value = new Date().getTime();
</script>