{% extends 'data_entry.html.twig' %}

{% block title %}Bibliography - Add new | ArCOA{% endblock %}

{% block rightpanel %}
<div class="container" style="max-width: 60vw">
    <h1 class="is-size-1 mt-0 has-text-centered">Bibliography</h1>
    <h2 class="is-size-3 mt-3 has-text-centered">Add new record</h2>

    <p class="pt-4 pb-4 has-text-link has-text-weight-bold">Fields marked with (*) are mandatory</p>
    <div class="card p-5 has-background-light">
        {{ form_start(form) }}
        <div class="field">
            <label class="label">
                {{ form_label(form.status) }}
            </label>
            <div class="select">
            {{ form_widget(form.status) }} 
            </div>
        </div>
        <div class="field">
            <label class="label">
                {{ form_label(form.editor) }}
            </label>
            <div class="control">
                {{
                    form_widget(
                        form.editor,
                        {'attr': {'class': 'input', 'placeholder': 'Name of the editor (mandatory)'}}
                    )
                }} 
            </div>
        </div>
        <div class="field">
            <label class="label">
                {{ form_label(form.citation) }}
            </label>
            <div class="control">
                {{ form_widget(form.citation, {'attr': {'class': 'input'}}) }} 
            </div>
        </div>
        <div class="field">
            <label class="label">
                {{ form_label(form.reference) }}
            </label>
            <div class="control">
                {{ form_widget(form.reference, {'attr': {'class': 'textarea'}}) }} 
            </div>
        </div>
        <div class="field">
            <label class="label">
                {{ form_label(form.notes) }}
            </label>
            <div class="control">
                {{ form_widget(form.notes, {'attr': {'class': 'textarea'}}) }} 
            </div>
        </div>
        <div class="field is-grouped is-grouped-right mt-5">
            <div class="control">
                <button type="submit" class="button is-link">
                    Save
                    <span class="icon ml-3">
                        <i class="fa fa-save"></i>
                    </span>
                </button>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
</div>
<script type="text/javascript" defer></script>
{% endblock %}