repman-io/repman

{% extends 'organization/stats.html.twig' %}

{% block header %}
    <a href="{{ path('organization_packages', {"organization":organization.alias}) }}"
       class="btn btn-secondary px-1 mr-1" title="Package List">
        <span class="text-muted mr-1">&laquo;</span>
        {% include 'svg/package.svg' %}
    </a>

    <a href="{{ path('organization_package_details', {organization: organization.alias, package: package.id}) }}">{{ package.name }}</a>
    installs (last {{ days }} days)
{% endblock %}

{% block header_btn %}
    {{ parent() }}
    {% include 'component/packageActions.html.twig' %}
{% endblock %}

{% block content %}
    <h3>Daily installs</h3>
    <div id="chart-installs" ></div>

    <hr />

    <h3>Summary</h3>
    <p>
        <span class="mr-5">Today installs: <span class="number-format">{{ (installs.days | last).installs }}</span></span>
        <span class="mr-5">Last {{ days ?? 30 }} days installs: <span class="number-format">{{ installs.daysTotal }}</span></span>
        <span class="mr-5"><strong>Total installs: <span class="number-format">{{ installs.total }}</span></strong></span>
    </p>

    <hr />

    <h3>Daily installs per version</h3>

    {% if versions is empty %}
        <p>currently no data available</p>
    {% else %}
    <div class="row">
        <div class="col-2">
            <p>Versions</p>
            {% for version in versions %}
                <a href="#" class="package-version">{{ version }}</a><br />
            {% endfor %}
        </div>
        <div class="col-10">
            <div id="chart-installs-versions" ></div>
        </div>
    </div>
    {% endif %}
{% endblock %}

{% block javascripts %}
    <script type="text/javascript" src="{{ asset('dist/js/apexcharts.min.js') }}"></script>
    {% include 'component/js/stats.js.twig' %}
    {% include 'component/js/statsVersions.js.twig' %}
{% endblock %}