{% extends 'base.html.twig' %}
{% block title %}{{ 'collect.createNew'|trans }}{% endblock %}
{% block footer %}{% endblock %}
{% block styles %}{{ parent() }}{{ encore_entry_link_tags('collect') }}{% endblock %}
{% block body %}
<div class="collect-app" style="max-width:480px">
    <h1 class="collect-app__title">{{ 'collect.createNew'|trans }}</h1>
    <p class="collect-app__meta">{{ 'collect.createHelp'|trans }}</p>
    <form method="post">
        <label class="form-label">{{ 'collect.field.title'|trans }}</label>
        <input class="form-control mb-3" name="title" maxlength="255" placeholder="{{ 'collect.defaultTitle'|trans }}">
        <button class="collect-btn collect-btn--primary" type="submit">{{ 'collect.createNew'|trans }}</button>
        <a class="collect-btn" href="{{ path('app_collect_index') }}">{{ 'collect.back'|trans }}</a>
    </form>
</div>
{% endblock %}
{% block javascripts %}{{ parent() }}{{ encore_entry_script_tags('collect') }}{% endblock %}