{% if app_list %}
{% for app in app_list %}

<div class="card card-widget col-md-12">
    <div class="card-header ">
        <h3 class="card-title"><a href="{{ app.app_url }}" class="nav-link"
                title="{% blocktrans with name=app.name %}Models in the {{ name }} application{% endblocktrans %}">{{ app.name }}</a>
        </h3>

        <div class="card-tools pull-right">
            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fa fa-minus"></i>
            </button>
        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="card-body">
        <div class="row">
            {% for model in app.models %}

            <div class="col-md-4 col-sm-6 model-box">

                <div class="info-box bg-secondary">
                        
                    <span class="info-box-icon">
                        <a href="{{ model.admin_url }}">{% autoescape off %}{% icon %}{% endautoescape %}</a>
                    </span>
                
                    <div class="info-box-content">
                        <a href="{{ model.admin_url }}">
                            <span class="info-box-text text-light">{{ model.name }}</span>
                        </a>
                        {% if model.add_url %}
                        <a href="{{ model.add_url }}" class="btn btn-default btn-xs btn-block"><i
                                class="fa fa-plus"></i> {%trans 'Add' %}</a>
                        {% endif %}
                        {% if model.admin_url %}
                        <a href="{{ model.admin_url }}" class="btn btn-warning btn-xs btn-block"><i
                                class="fa fa-pencil"></i>
                            {%trans 'Change' %}</a>
                        {% endif %}
                    </div>

                    <!-- /.info-box-content -->
                </div>
            </div>
            {% endfor %}
        </div>



        {% comment %}<div class="app-{{ app.app_label }} module">
            <table class="table table-hover table-striped">
                <caption>
                    <a href="{{ app.app_url }}" class="section"
                        title="{% blocktrans with name=app.name %}Models in the {{ name }} application{% endblocktrans %}">{{ app.name }}</a>
                </caption>
                {% for model in app.models %}
                <tr class="model-{{ model.object_name|lower }}">
                    {% if model.admin_url %}
                    <th scope="row"><a href="{{ model.admin_url }}">{{ model.name }}</a></th>
                    {% else %}
                    <th scope="row">{{ model.name }}</th>
                    {% endif %}

                    {% if model.add_url %}
                    <td><a href="{{ model.add_url }}" class="btn btn-success btn-xs"><i class="fa fa-plus"></i>
                            {% trans 'Add' %}</a></td>
                    {% else %}
                    <td>&nbsp;</td>
                    {% endif %}

                    {% if model.admin_url %}
                    <td><a href="{{ model.admin_url }}" class="btn btn-warning btn-xs"><i
                                class="fa fa-pencil"></i>
                            {% trans 'Change' %}</a></td>
                    {% else %}
                    <td>&nbsp;</td>
                    {% endif %}
                </tr>
                {% endfor %}
            </table>
        </div>{% endcomment %}
    </div>
</div>
{% endfor %}
    
{% else %}
<p>{% trans "You don't have permission to edit anything." %}</p>
{% endif %}
<!-- /.box-body -->