<div class="list-item">
    {%= main %}

    <!-- id -->
    {% if (meta.title_field && !settings.hide_name_column) {
        var is_different = data.name !== data[meta.title_field];
    %}
    <div class="list-item__content list-item__content--id hidden-xs hidden-sm ellipsis">
        {% if (is_different) { %}
        <a class="text-muted ellipsis" href="#Form/{%= data._doctype_encoded %}/{%= data._name_encoded %}">
            {%= data.name %}</a>
        {% } %}
    </div>
    {% } %}

    <!-- comment -->
    {% if (!data._hide_activity) { %}
    <div class="list-item__content list-item__content--activity hidden-xs">
        <!-- comments count and assigned to section -->
        {%= frappe.render_template("item_assigned_to_comment_count", { data: data }) %}
    </div>
    <div class="list-item__content list-item__content--indicator visible-xs text-right">
        {%= indicator_dot %}
    </div>
    {% } %}
</div>
