list.handlebars

<div class="card my-2 {{class}}" {{#if id}}id="{{id}}"{{/if}}>
    {{#if title}}
        <div class="card-header ">
            <h2 class="card-title">{{title}}</h2>
        </div>
    {{/if}}
    <div class="list-group list-group-flush list-group-hoverable">
        {{#each_row}}
            <div {{#if id}}id="{{id}}"{{/if}}
                class="list-group-item list-group-item-action {{#if active}}active{{/if}} {{class}}">

                <div class="row align-items-center">
                    {{#if link}}
                        <a href="{{link}}" class="col text-truncate row align-items-center text-decoration-none link-body-emphasis">
                    {{/if}}

                    {{#if color}}
                        <div class="col-auto"><span class="badge bg-{{color}}"></span></div>
                    {{/if}}
                    {{#if icon}}
                        <div class="col-auto fs-2">
                            {{~icon_img icon~}}
                        </div>
                    {{/if}}
                    {{#if image_url}}
                        <div class="col-auto">
                            <img src="{{image_url}}" class="avatar avatar-md rounded" width="45" height="45" alt="{{title}}" />
                        </div>
                    {{/if}}
                    <div class="col text-truncate">
                        {{title}}
                        <div class="d-block text-muted text-truncate mt-n1">
                            {{~description~}}
                            {{~#if description_md~}}
                                <div style="margin-bottom: -1rem">{{{markdown description_md}}}</div>
                            {{~/if~}}
                        </div>
                    </div>

                    {{#if link}}
                        </a>
                    {{/if}}


                    {{#if view_link}}
                        <a href="{{view_link}}" class="link-secondary col-auto" title="View">
                            {{~icon_img 'eye'~}}
                        </a>
                    {{/if}}

                    {{#if delete_link}}
                        <a href="{{delete_link}}" class="link-secondary col-auto" title="Delete">
                            {{~icon_img 'trash'~}}
                        </a>
                    {{/if}}

                    {{#if edit_link}}
                        <a href="{{edit_link}}" class="link-secondary col-auto" title="Edit">
                            {{~icon_img 'edit'~}}
                        </a>
                    {{/if}}
                </div>
            </div>
        {{/each_row}}
        {{#if (eq @row_index 0)}}
            <a href="{{default empty_link '#'}}" class="list-group-item list-group-item-action">
                <div class="row align-items-center">
                    <div class="col text-truncate">
                        {{default empty_title 'No item'}}
                        <div class="d-block text-muted text-truncate mt-n1">
                            {{~empty_description~}}
                            {{~#if empty_description_md~}}
                                <div style="margin-bottom: -1rem">{{{markdown empty_description_md}}}</div>
                            {{~/if~}}
                        </div>
                    </div>
                </div>
            </a>
        {{/if}}
    </div>
</div>