{% extends '@!EasyAdmin/layout.html.twig' %}
{% block page_title %}DLV Admin Panel{% endblock %}
{% block main %}
    <div class="container">
    {# Hourly growth in percents #}
    <div class="card-deck">
        <div class="card text-white bg-primary mb-3" style="max-width: 18rem;">
            <div class="card-header">Spins</div>
            <div class="card-body">
                <h5 class="card-title">{{ todayData[0] }}</h5>
            </div>
            <div class="card-footer">
                {% if(yesterdayData[0] > 0) %}
                    {{ ((todayData[0] / yesterdayData[0]) * 100)|round(2,'floor') }}%
                {% else %}
                    {{ ((todayData[0]) * 100)|round(2,'floor') }}%
                {% endif %}
            </div>
        </div>
        <div class="card text-white bg-info mb-3" style="max-width: 18rem;">
            <div class="card-header">Bet (EUR)</div>
            <div class="card-body">
                <h5 class="card-title">{{ todayData[1]|round(2,'floor') }}</h5>
            </div>
            <div class="card-footer">
                {% if(yesterdayData[1] > 0) %}
                    {{ ((todayData[1] / yesterdayData[1]) * 100)|round(2,'floor') }}%
                {% else %}
                    {{ ((todayData[1]) * 100)|round(2,'floor') }}%
                {% endif %}
            </div>
        </div>
        <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
            <div class="card-header">Win (EUR)</div>
            <div class="card-body">
                <h5 class="card-title">{{ todayData[2]|round(2,'floor') }}</h5>
            </div>
            <div class="card-footer">
                {% if(yesterdayData[2] > 0) %}
                    {{ ((todayData[2] / yesterdayData[2]) * 100)|round(2,'floor') }}%
                {% else %}
                    {{ ((todayData[2]) * 100)|round(2,'floor') }}%
                {% endif %}
            </div>
        </div>
        <div class="card text-white bg-danger mb-3" style="max-width: 18rem;">
            <div class="card-header">Diff (EUR)</div>
            <div class="card-body">
                <h5 class="card-title">{{ (todayData[1] - todayData[2])|round(2,'floor') }}</h5>
            </div>
            <div class="card-footer">
                {% if((yesterdayData[1] - yesterdayData[2]) > 0) %}
                    {{ (((todayData[1] - todayData[2]) / (yesterdayData[1] - yesterdayData[2])) * 100)|round(2,'floor') }}%
                {% else %}
                    {{ ((todayData[1] - todayData[2]) * 100)|round(2,'floor') }}%
                {% endif %}
            </div>
        </div>
        <div class="card text-white bg-warning mb-3" style="max-width: 18rem;">
            <div class="card-header">Sessions</div>
            <div class="card-body">
                <h5 class="card-title">{{ todayData[3] }}</h5>
            </div>
            <div class="card-footer">
                {% if(yesterdayData[3] > 0) %}
                    {{ ((todayData[3] / yesterdayData[3]) * 100)|round(2,'floor') }}%
                {% else %}
                    {{ ((todayData[3]) * 100)|round(2,'floor') }}%
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}