{% extends "views/list.htm" %}
{% load staticfiles %}
{% load i18n %}

{% block header %}

<!-- Title -->
<span class="title-block-fixed">
    <h4 class="title-block-title">{% block title %}{% trans "Click on the Resources you want to add to your mobile survey" %}{% endblock %}</h4>
{% endblock %}

{% block search_placeholder %}{% trans "Find resource" %}{% endblock %}

{% block listitem %}
<div data-bind="attr:{'title': $data.groups}">
    <div class="library-card-main mpm-resource-list msm-resource-list-header">
        <div class="library-icon" style="" data-bind="">
            <span class="icon-wrap icon-wrap-sm ep-graph-title-icon">
                <i data-bind="css: ($data.iconclass || 'fa fa-question')"></i>
            </span>
        </div>
        <div class="msm-resource-name">
            <div class="mpm-group-name"><a class="listitem-name" data-bind="text: $data.name"></a></div>
            <div class="mpm-group-subtitle" data-bind="text: $data.subtitle"></div>
        </div>
        <div class="msm-item-status">
            <div data-bind="text: $data.cardcount() + ' Forms Selected', css: {'added': $data.added}"></div>
        </div>
    </div>
</div>
{% endblock %}