{% if currentLesson.board.count() == 0 %}
    <div class="col-12 text-center light">
        <p style="font-size: 44px">{% sw_icon 'meh' style {size: 'lg', pack: 'far'} %}</p>
        <h3 class="h4">{{ "studygood.noEntries"|trans }}</h3>
        <p>{{ "studygood.noEntriesText"|trans }}</p>
        <button id="boardButton"
                aria-label="{{ "studygood.newEntry"|trans }}"
                data-studygood-modal="{{ seoUrl('studygood.board.modal.new', { productId: productId, lessonId: currentLesson.id }) }}"
                class="btn btn-primary">
            {% sw_icon 'plus' style {pack: 'fas'} %}
            {{ "studygood.newEntry"|trans }}
        </button>
    </div>
{% else %}
    <form data-form data-cl="FormCourse" data-fnc="updateLessonBoardOrder" data-auto-save="true">
        <input type="hidden" name="lesson_id" value="{{ currentLesson.id }}">

        <div class="row mb-3">
            <div class="col-12">
                <button id="boardButton"
                        aria-label="{{ "studygood.newEntry"|trans }}"
                        type="button"
                        data-studygood-modal="{{ seoUrl('studygood.board.modal.new', { productId: productId, lessonId: currentLesson.id }) }}"
                        class="btn btn-primary mb-3 mb-md-0">
                    {% sw_icon 'plus' style {pack: 'fas'} %}
                    {{ "studygood.newEntry"|trans }}
                </button>
            </div>
        </div>
    </form>

    <ul class="list-group mt-3">
        {% sw_include '@Storefront/studygood/course/component/board-list.html.twig' with {
            board: currentLesson.board
        } %}
    </ul>
{% endif %}