{% extends "squeleton.html" %}


{% block page_content %}

<div class="row">
    <div class="col-md-12">
        <h1 class="page-header"><i class="fa fa-dashboard fa-fw"></i> Updates dashboard</h1>
    </div>
</div>

<div class="row">
    <div class="col-md-12">

        <!-- server list -->
        <div class="col-md-4">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3"><i class="fa fa-list-alt fa-5x"></i></div>
                        <div class="col-xs-9 text-right huge">Server list</div>
                    </div>
                </div>
                <a href="{% url 'server-list' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to the most recent list</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

        <!-- packages list -->
        <div class="col-md-4">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3"><i class="fa fa-archive fa-5x"></i></div>
                        <div class="col-xs-9 text-right huge">Packages list</div>
                    </div>
                </div>
                <a href="{% url 'packages-list' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to the list</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>
        <!-- OS stats -->
        <div class="col-md-4">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3"> <i class="fa fa-pie-chart fa-5x"></i> </div>
                        <div class="col-xs-9 text-right huge">OS statistics</div>
                    </div>
                </div>
                <a href="{% url 'os-statistics' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to last stats</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

        <!-- Manage -->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-gears fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right huge">Manage</div>
                    </div>
                </div>
                <a href="{% url 'manage' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Manage</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

        <!-- manage-packages -->
        <div class="col-md-4">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-gears fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right huge">Manage Packages</div>
                    </div>
                </div>
                <a href="{% url 'manage-packages' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Manage Packages</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

    </div>
</div>

<div class="row">
    <div class="col-md-12">

        <!-- server list -->
        <div class="col-md-4">
            <div class="panel panel-yellow">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3"><i class="fa fa-list-alt fa-5x"></i></div>
                        <div class="col-xs-9 text-right huge">Updates history</div>
                    </div>
                </div>
                <a href="{% url 'history' 'updates' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to last month history</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

        <!-- history uptime -->
        <div class="col-md-4">
            <div class="panel panel-yellow">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3"> <i class="fa fa-clock-o fa-5x"></i> </div>
                        <div class="col-xs-9 text-right huge">Uptime history</div>
                    </div>
                </div>
                <a href="{% url 'history' 'uptime' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to last month history</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

        <!-- history OS -->
        <div class="col-md-4">
            <div class="panel panel-yellow">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-linux fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right huge">OS history</div>
                    </div>
                </div>
                <a href="{% url 'history' 'os' %}">
                    <div class="panel-footer">
                        <span class="pull-left">Go to last month history</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

    </div>
</div>

{% endblock %}