{% load i18n %}
<div id="content_{{id}}" data-item-id="{{id}}" class="collapse col-md-3 resize-drag">
    <div class="card ">
        <div class="card-body">
            <div class="card-title titles">
                <div class="clearfix">
                    <div class="float-start">
                        <h2>{% trans 'Help' %}</h2>
                    </div>
                    <div class="float-end">
                        <ul class="nav navbar-right panel_toolbox">
                            <li>
                                <a href="#" id="show_help_{{id}}"><i class="fa fa-plus green"></i></a>
                            </li>
                            <li class="dropdown ">
                                <a href="#" id="expand_{{id}}"><i class="fa fa-edit blue"></i></a>

                            </li>
                            <li class="float-end" id="editelemsbtn"><a aria-controls="content_{{id}}"
                                    data-bs-toggle="collapse" data-bs-target="#content_{{id}}" class="collapse" role="button"
                                    aria-expanded="false"><i class="fa fa-close red"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class=" dashboard-widget-content" id="helper-body-container">
                <ul id="helper-body" class="helper_list list-unstyled timeline widget">
                    <li class="helper-empty text-muted small">
                        <p class="mb-1">{% trans 'There is no help written for this page yet.' %}</p>
                        <p class="mb-0">{% blocktrans %}Press the green plus, then the
                        question mark that appears beside a field, and write what
                        it is for.{% endblocktrans %}</p>
                    </li>
                </ul>
            </div>
            <div class="d-none" id="helper-prototype">
                {% include 'gentelella/blocks/helper_prototype.html' %}
            </div>
        </div>
    </div>
</div>