mailtrain/views/campaigns/create.hbs

<ol class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li><a href="/campaigns">Campaigns</a></li>
    <li class="active">Create Campaign</li>
</ol>

<h2>Create Campaign</h2>

<hr>

<form class="form-horizontal" method="post" action="/campaigns/create">
    <input type="hidden" name="_csrf" value="{{csrfToken}}">
    <input type="hidden" name="type" value="normal">

    <div class="form-group">
        <label for="name" class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control input-lg" name="name" id="name" value="{{name}}" placeholder="Campaign Name" autofocus required>
        </div>
    </div>

    <div class="form-group">
        <label for="description" class="col-sm-2 control-label">Description</label>
        <div class="col-sm-10">
            <textarea class="form-control" rows="3" name="description" id="description">{{description}}</textarea>
            <span class="help-block">HTML is allowed</span>
        </div>
    </div>

    <div class="form-group">
        <label for="list" class="col-sm-2 control-label">List</label>
        <div class="col-sm-10">
            <select class="form-control" id="list" name="list" required>
                <option value=""> –– Select –– </option>
                {{#each listItems}}
                    <option value="{{id}}" {{#if selected}} selected {{/if}}>
                        {{name}} <span class="text-muted"> &mdash; {{subscribers}} subscribers</span>
                    </option>

                    {{#if segments}}
                        <optgroup label="{{name}} segments">
                            {{#each segments}}
                                <option value="{{../id}}:{{id}}" {{#if selected}} selected {{/if}}>
                                    {{../name}}: {{name}}
                                </option>
                            {{/each}}
                        </optgroup>
                    {{/if}}
                {{/each}}
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="template" class="col-sm-2 control-label">Template</label>
        <div class="col-sm-10">

            <p class="form-control-static">
                Select a template:
            </p>
            <div>
                <select class="form-control" id="template" name="template">
                    <option value=""> –– Select –– </option>
                    {{#each templateItems}}
                        <option value="{{id}}" {{#if selected}} selected {{/if}}>
                            {{name}}
                        </option>
                    {{/each}}
                </select>
                <span class="help-block">Selecting a template creates a campaign specific copy from it</span>
            </div>
            <p class="form-control-static">
                Or alternatively use an URL as the message content source:
            </p>
            <div>
                <input type="url" class="form-control" name="source-url" id="source-url" value="{{sourceUrl}}" placeholder="http://example.com/message-render.php">
                <span class="help-block">If a message is sent then this URL will be POSTed to using Merge Tags as POST body. Use this if you want to generate the HTML message yourself</span>
            </div>

        </div>
    </div>

    <hr />

    <div class="form-group">
        <label for="from" class="col-sm-2 control-label">Email "from name"</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="from" id="from" value="{{from}}" placeholder="This is the name your emails will come from" required>
        </div>
    </div>
    <div class="form-group">
        <label for="address" class="col-sm-2 control-label">Email "from" address</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" name="address" id="address" value="{{address}}" placeholder="This is the address people will send replies to" required>
        </div>
    </div>
    <div class="form-group">
        <label for="subject" class="col-sm-2 control-label">Email "subject line"</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="subject" id="subject" value="{{subject}}" placeholder="Keep it relevant and non-spammy" required>
        </div>
    </div>

    <div class="col-sm-offset-2">
        <div class="checkbox">
            <label>
                <input type="checkbox" name="tracking-disabled" value="1" {{#if trackingDisabled}} checked {{/if}}> Disable clicked/opened tracking
            </label>
        </div>
    </div>

    <hr />

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-plus"></i> Create Campaign</button>
        </div>
    </div>
</form>