<form action="{{ url('demo_highlight') }}" method="post" class="try-form">
    <div class="form-group">
        <label for="form_source"><i class="{{ fa('file-code') }}"></i> try it</label>
        <textarea name="source" class="form-control" id="form_source" rows="15" required></textarea>
    </div>
    <div class="form-group row">
        <label for="form_language" class="col-md-2 col-form-label"><i class="{{ fa('lightbulb') }}"></i> language</label>
        <div class="col-md-10">
            <input type="text" name="language" id="form_language" class="form-control" required/>
        </div>
    </div>
    <div class="form-group">
        <div id="language-selector" class="standalone languages">
            {% apply spaceless %}
                {% for alias, language in keylighter.languages %}
                    <a href="#" class="btn btn-sm btn-outline-primary language {{ language.embeddable ? 'embeddable' }} {{ language.standalone ? 'standalone' }}">
                        {{ alias }}
                    </a>
                {% endfor %}
            {% endapply %}
        </div>
    </div>
    <div class="d-flex flex-row-reverse">
        <div class="form-group">
            <button type="reset" class="btn btn-outline-danger">
                <i class="{{ fa('trash') }}"></i> reset
            </button>
            <button type="submit" class="btn btn-outline-primary">
                <i class="{{ fa('code') }}"></i> highlight
            </button>
        </div>
    </div>
</form>
