{{define "title"}} — Shorten{{end}}
{{define "content"}}
<h2>Shorten a URL</h2>
{{if (ne .Short "")}}
<div class="success">
    Short code: <a href="/{{.Short}}">{{.Short}}</a>
</div>
{{end}}
<div class="card">
    <form method="POST" action="/">
        {{csrfField}}
        <div class="form-group">
            <label for="value">URL</label>
            <input type="text" id="value" name="value" placeholder="https://..." required>
        </div>
        <div class="form-group">
            <label>
                <input type="checkbox" name="strip"> Strip query string
            </label>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn">Shorten</button>
            <a href="/list" class="btn-ghost btn">View all</a>
        </div>
    </form>
</div>
{{end}}