{% extends "base.html" %}
{% block content %}
<div class="links-box col-xs-12 col-sm-8 col-sm-offset-1">
    <h1>Shorten URL</h1>
    <article class="add-group clearfix">
        <form method="POST" action="{{ url_for('add_link') }}" name="link_form" class="add-link" novalidate="novalidate">
            <div class="item">
                <label for="title">Title</label>
                {% if errors %}
                    {% if errors["title"] %}
                        <span class="error">{{ errors["title"][0] }}</span>
                    {% endif %}
                {% endif %}
                <input type="text" class="form-control" id="title" name="title" placeholder="Link Title">
            </div>
            <div class="item">
                <label for="long_url">URL</label>
                {% if errors %}
                    {% if errors["long_url"] %}
                        <span class="error">{{ errors["long_url"][0] }}</span>
                    {% endif %}
                {% endif %}
                <input type="url" class="form-control" id="long_url" name="long_url" placeholder="URL">
            </div>
            {% if vanity %}
            <div class="item">
                <label for="short_url">Optional Alias</label>
                {% if errors %}
                    {% if errors["short_url"] %}
                        <span class="error">{{ errors["short_url"][0] }}</span>
                    {% endif %}
                {% endif %}
                <input type="text" class="form-control" id="short_url" name="short_url" placeholder="Custom URL Name">
            </div>
            {% endif %}
            <div class="netID">
                <input type="hidden" id="netid" name="netid" value="{{ netid }}">
            </div>
            <button type="submit" class="shrink-button btn btn-default">SHRINK</button>
        </form>
    </article>
</div>
{% endblock %}