{% extends "base.html" %}
{% block content %}
<section class="section">
    <h1 class="title">Dashboard</h1>
    <div class="columns is-multiline">
        <div class="column is-3">
            <div class="box">
                <p class="heading">Docker</p>
                <p class="title">{{ 'Installed' if docker_ok else 'Not installed' }}</p>
            </div>
        </div>
        <div class="column is-3">
            <div class="box">
                <p class="heading">Available Services</p>
                <p class="title">{{ compose_count }}</p>
            </div>
        </div>
        <div class="column is-3">
            <div class="box">
                <p class="heading">Deployed Services</p>
                <p class="title">{{ deployed_count }}</p>
            </div>
        </div>
        <div class="column is-3">
            <div class="box">
                <p class="heading">Optional Apps</p>
                <p class="title">{{ total_apps }}</p>
            </div>
        </div>
    </div>
</section>
{% endblock %}