mailtrain/views/lists/subscription/add.hbs

<ol class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li><a href="/lists/">Lists</a></li>
    <li><a href="/lists/view/{{list.id}}">{{list.name}}</a></li>
    <li class="active">Add subscriber</li>
</ol>

<h2>{{list.name}} <small>Add subscriber</small></h2>

<hr>

<form class="form-horizontal" method="post" action="/lists/subscription/add">
    <input type="hidden" name="_csrf" value="{{csrfToken}}">
    <input type="hidden" name="list" value="{{list.id}}">

    <div class="form-group">
        <label for="email" class="col-sm-2 control-label">Email Address</label>
        <div class="col-sm-10">
            <input type="email" class="form-control input-lg" name="email" id="email" placeholder="" value="{{email}}" required>
        </div>
    </div>

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

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

    {{#each customFields}}
        <div class="form-group">
            <label class="col-sm-2 control-label">{{name}}</label>
            <div class="col-sm-10">
                {{#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 typeGpg}}
                    <textarea class="form-control gpg-text" rows="3" name="{{column}}" placeholder="Begins with &#39;-----BEGIN PGP PUBLIC KEY BLOCK-----&#39;">{{value}}</textarea>
                    <span class="help-block">Insert a GPG public key that will be used to encrypt messages sent this subscriber</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="">
                            –– Select ––
                        </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>
        </div>
    {{/each}}

    <div class="form-group">
        <label for="tz" class="col-sm-2 control-label">Timezone</label>
        <div class="col-sm-10">
            <select name="tz" class="form-control">
                <option value="">
                    –– Select ––
                </option>
                {{#each timezones}}
                    <option value="{{key}}" {{#if selected}} selected {{/if}}>{{value}}</option>
                {{/each}}
            </select>
        </div>
    </div>

    <hr />

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <p class="text-warning">
                This person will not receive a confirmation email so make sure that you have permission to email them.
            </p>

            <button type="submit" class="btn btn-primary">Subscribe</button>
        </div>
    </div>
</form>