{% load i18n %}
{% load url from future %}


<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 col">
    <div class="well app">
        <div class="app-description">
            <div class="col-xs-2 col-sm-4 col-md-4 col-lg-4 app-icon">
                <a href="{% url 'horizon:murano:catalog:application_details' app.id %}" class="btn-link">
                    <img src="{% url 'horizon:murano:catalog:images' app.id %}"/>
                </a>
            </div>
            <div class="col-xs-10 col-sm-8 col-md-8 col-lg-8 description">
                <h4>{{ app.name }}</h4>
                <p title="{{ app.description }}">{{ app.description|striptags|truncatechars:130 }}</p>
                <div class="app-details-link"><a href="{% url 'horizon:murano:catalog:application_details' app.id %}" class="btn-link">Details &raquo;</a></div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="app-actions">
                <div class="btn-group">
                {% with class='btn btn-default btn-sm  ajax-modal' %}
                    {% include 'catalog/add_app.html' %}
                {% endwith %}
                {% with class='btn btn-default btn-sm ajax-modal' %}
                    {% include 'catalog/quick_deploy.html' %}
                {% endwith %}
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
