{% verbatim %}

<div class="row">
    <article ng-repeat="item in results" resource_id="{{ item.id }}" ng-cloak class="ng-cloak">
        <div class="col-xs-12 item-container">
            <div class="col-xs-12 profile-avatar">
                <div class="col-xs-4 item-thumb">
                    <a href="{{ item.launch_app_url }}">
                        <img ng-src="{{ item.thumbnail_url || item.map.thumbnail_url }}"
                             fallback-src="/static/{{ !item.app ?  item.app__name:item.app.name }}/logo.png" loading-src
                             style="max-height: 205px"/>
                    </a>
                </div>
                <div class="col-xs-8 item-details">
                    {% endverbatim %}
                    <button class="btn btn-default btn-xs pull-right" ng-if="cart" ng-click="cart.toggleItem(item)"><i
                            ng-class="cart.getFaClass(item.id)" class="fa fa-lg"></i></button>
                    {% verbatim %}
                    <p class="item-meta"><span class="item-category">{{ item.category__gn_description }}</span></p>
                    <h4><a href="{{ item.launch_app_url }}">{{ item.title }}</a></h4>
                    <p class="abstract">{{ item.abstract | limitTo: 300 }}{{ item.abstract.length > 300 ? '...' :
                        ''}}</p>
                    <p class="appName"><span class="badge">{{ !item.app ?  item.app__title:item.app.title }}</span>
                    </p>
                    <div class="row">
                        <div class="col-xs-12 item-items">
                            <ul class="list-inline">
                                <li><a href="/people/profile/{{ item.owner__username }}"><i class="fa fa-user"></i>{{ item.owner_name
                                    }}</a></li>
                                <li><a href="{{item.detail_url}}#info"><i class="fa fa-calendar-o"></i>{{
                                    item.date|date:'d MMM y' }}</a></li>
                                <li><a href="{{ item.detail_url }}"><i class="fa fa-eye"></i>{{ item.popular_count
                                    }}</a></li>
                                <li><a href="{{item.detail_url}}#share"><i class="fa fa-share"></i>{{
                                    item.share_count }}</a></li>
                                <li><a href="{{item.detail_url}}#rate"><i class="fa fa-star"></i>{{ item.rating }}</a>
                                </li>
                                <li><a ng-if="item.detail_url.indexOf('/layers/') > -1"
                                       href="{% endverbatim %}{% url "new_map" %}?layer={% verbatim %}{{ item.detail_url.substring(8) }}">
                                    <i class="fa fa-map-marker"></i>Create a Map</a>
                                </li>
                                <!--<li><a href="{{item.launch_app_url}}"><i class="fa fa-map-marker"></i>Launch App</a></li>-->
                                <li><a href="{{item.detail_url}}"><i class="fa fa-list-alt"></i>Details</a></li>
                                <li><a ng-if="item.edit_url" href="{{item.edit_url}}"><i class="fa fa-pencil"></i>Edit</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
{% endverbatim %}