{% extends '@!EasyAdmin/layout.html.twig' %}
{% block page_title %}DLV Admin Panel{% endblock %}
{% block main %}
    <div class="container">
        <div class="card-deck">
            <div class="card mb-3">
                <div class="card-header">Visits (24h)</div>
                <div class="card-body" id="div_visits_chart"></div>
            </div>
        </div>
        {# Member browser and platform info and negative emmision #}
        <div class="card-deck">
            <div class="card mb-3">
                <div class="card-body" id="div_platform_chart"></div>
            </div>
            <div class="card mb-3">
                <div class="card-body" id="div_browser_chart"></div>
            </div>
            <div class="card mb-3">
                <div class="card-body" id="div_emission_chart"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        {{ gc_draw(visitsGeoChart, 'div_visits_chart') }}
        {{ gc_draw(memberPlatformPieChart, 'div_platform_chart') }}
        {{ gc_draw(memberBrowserPieChart, 'div_browser_chart') }}
        {{ gc_draw(negativeEmissionPieChart, 'div_emission_chart') }}
    </script>
{% endblock %}