{% extends "index.html" %}

{% block content %}
    {% if stores %}
        <table class="table table-hover">
            <thead>
            <tr>
                <th>Store</th>
                <th>URL</th>
            </tr>
            </thead>
            <tbody>
            {% for store in stores|sort(attribute='name') %}
                <tr>
                    <td><a href="{{ url_for('store.index', store=store.name) }}">{{ store.name }}</a></td>
                    <td><a href="{{ store.base_url }}" onclick="this.target='_blank'">{{ store.base_url }}</a>
                    </td>
                </tr>
                </tbody>
            {% endfor %}
        </table>
    {% else %}
        <div class="hero-unit">
            <h4>Oops!</h4>

            <p>Seems you have no stores installed. When you have no stores - I have nothing to display.</p>

            <p>
                <a class="btn btn-primary btn-large" href="{{ url_for('install') }}">
                    Install my first store!
                </a>
            </p>
        </div>
    {% endif %}
{% endblock %}