{% extends "app_manager/app_install_base.html" %}
{% load bootstrap_tags staticfiles%}
{% load i18n %}

{% block title %} {{ block.super }} - {% trans "Applications" %} {% endblock %}

{% block body_class %}appinstances appinstances-list explore{% endblock %}
{% block head %}
    {% include "geonode/ext_header.html" %}
    {% include "geonode/app_header.html" %}
    {{ block.super }}
{% endblock %}
{% block body %}
    <link href="{% static 'app_manager/apps_list.css' %}" rel="stylesheet">
    <div class="page-header">
        {% if user.is_staff  %}
        <a href="{% url 'manage_apps' %}" class="btn btn-primary pull-right">{% trans "Manage Apps" %}</a>
        {% endif %}
        <h2>{% trans "Explore Apps" %}</h2>
    </div>
        <div id="page-wrapper">
            <div class="container-fluid">
                <!-- Page Heading -->
                <div class="row" style="margin:10px 0; font-size: 12px;">

                    <div class="col-lg-11">
						<div class="row">
							<div class="list-group">

								{% for app in Apps %}
                                {% if app.config.active %}
								<div class="list-group-item ">
									<div class="col-md-2 col-sm-3 col-xs-12 app-logo-ct">
                                        <div class="app-logo" style="background-image: url({{STATIC_URL}}{{app.name}}/logo.png);"></div>
									</div>
									<div class="col-md-10 col-sm-9 col-xs-12">
										<div class="row">
											<div class="col-lg-12">
												<h4>{{app.title}}</h4>
												<p class="ellipsis">{{app.description}}</p>
											</div>
											<div class="col-lg-12">
												<span class="buttons">
                                                {% if app.single_instance %}
												<a href="{% url 'app_manager_base_url' %}{{app.name}}" target="_parent" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-eye"></i> Explore</a>
                                                {% else %}
												<a href="{% url 'appinstance_browse' %}?app__title={{app.title}}" target="_parent" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-eye"></i> Explore</a>
                                                    {% endif %}
                                                    {% if app.anonymous_urls %}
														{% for key, values in app.anonymous_urls.iteritems %}
                                                            {% url key as the_url %}
                                                            {% if the_url %}
                                                            <a href="{{ the_url }}" target="_parent" class="btn btn-sm btn-primary"> {{ values }}</a>&nbsp;
                                                            {% endif %}
                                                        {% endfor %}
													{% endif %}

                                                    {% if user.user.is_authenticated and app.logged_in_urls %}
                                                            {% for key, values in app.logged_in_urls.iteritems %}
                                                                {% url key as the_url %}
                                                                {% if the_url %}
                                                                    <a href="{{ the_url }}" target="_parent" class="btn btn-sm btn-primary"> {{ values }}</a> &nbsp;
                                                                {% endif %}
                                                            {% endfor %}
                                                    {% endif %}
												{% if user.is_staff and  app.admin_urls  %}
                                                        {% for key, values in app.admin_urls.iteritems %}
                                                                {% url key as the_url %}
                                                                {% if the_url %}
                                                                    <a href="{{ the_url }}" target="_parent" class="btn btn-sm btn-primary"> {{ values }}</a>&nbsp;
                                                                {% endif %}
                                                        {% endfor %}
                                                {% endif %}
												</span>
											</div>
										</div>
									</div>
									<div style="clear:both;"></div>

								</div>
                            {% endif %}
                            {% endfor %}
							</div>
						</div>
					</div>
				</div>
            </div>
            <!-- /.container-fluid -->

        </div>


{% endblock %}