{% extends "index.html" %}


{% block title %}Manage «{{ store.name }}»{% endblock %}

{% block content %}

    <h3>{{ store.name }}</h3>

    <ul class="nav nav-tabs" id="subnav">
        <li class="active"><a href="#info" data-toggle="tab">Info</a></li>
        <li><a href="#installext" data-toggle="tab">Install extensions</a></li>
        <li><a href="#backup" data-toggle="tab">Backup/Restore</a></li>
        <li><a href="#create_dist" data-toggle="tab">Create Dist</a></li>
        <li><a href="#maintenance" data-toggle="tab">Maintenance</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="info">
            <div class="panel panel-default">
                <div class="panel-heading">General</div>
                <div class="panel-body">
                    <label>URL</label>
                    {{ store.base_url|urlize }}<br/>
                    <label>Version</label>
                    {{ store.version }}
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">DB credentials</div>
                <div class="panel-body">
                    <label>User:</label>
                    {{ store.db.user }}<br/>
                    <label>Password:</label>
                    {{ store.db.password }}<br/>
                    <label>Database:</label>
                    {{ store.db.database }}
                </div>
            </div>


        </div>
        <div class="tab-pane" id="installext">
            {% include 'store/installext.html' %}
        </div>
        <div class="tab-pane" id="backup">
            {% include 'store/backups.html' %}
        </div>
        <div class="tab-pane" id="create_dist">
            {% include 'store/create_dist.html' %}
        </div>
        <div class="tab-pane" id="maintenance">
            {% include 'store/maintenance.html' %}
        </div>
    </div>

    <script>

        $('#subnav a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        })

        $(function () {
            var hash = window.location.hash;
            hash && $('ul.nav a[href="' + hash + '"]').tab('show');

            $('#subnav a').click(function (e) {
                $(this).tab('show');
                var scrollmem = $('body').scrollTop();
                window.location.hash = this.hash;
                $('html,body').scrollTop(scrollmem);
            });
        });
    </script>

{% endblock %}