{% extends 'admin.html.twig' %}
{% block title %}Dashbord{% endblock %}
{% block stylesheets %}

{% endblock %}
{% block body %}

{{include('admin/component/header.html.twig')}}
{{include('admin/component/aside-menu.html.twig')}}
<div id="page_content">
    <div id="page_content_inner">
<div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-5 uk-text-center uk-sortable sortable-handler" id="dashboard_sortable_cards" data-uk-sortable data-uk-grid-margin>
    <div>
        <div class="md-card md-card-hover md-card-overlay">
            <div class="md-card-content uk-flex uk-flex-center uk-flex-middle">
                <span class="peity_conversions_large peity_data">5,3,9,6,5,9,7</span>
            </div>
            <div class="md-card-overlay-content">
                <div class="uk-clearfix md-card-overlay-header">
                    <i class="md-icon material-icons md-card-overlay-toggler">&#xE5D4;</i>
                    <h3>
                      <a href="{{path('admin_category')}}"> Catégories </a>
                    </h3>
                </div>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </div>
        </div>
    </div>
    <div>
        <div class="md-card md-card-hover md-card-overlay">
            <div class="md-card-content">
                <div class="epc_chart" data-percent="53" data-bar-color="#009688">
                    <span class="epc_chart_text"><span class="countUpMe">53</span>%</span>
                </div>
            </div>
            <div class="md-card-overlay-content">
                <div class="uk-clearfix md-card-overlay-header">
                    <i class="md-icon material-icons md-card-overlay-toggler">&#xE5D4;</i>
                    <h3>
                      <a href="{{path('admin_products')}}">Nombre de produit</a>
                    </h3>
                </div>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </div>
        </div>
    </div>
    <div>
        <div class="md-card md-card-hover md-card-overlay">
            <div class="md-card-content">
                <div class="epc_chart" data-percent="37" data-bar-color="#607d8b">
                    <span class="epc_chart_icon"><i class="material-icons">&#xE7FE;</i></span>
                </div>
            </div>
            <div class="md-card-overlay-content">
                <div class="uk-clearfix md-card-overlay-header">
                    <i class="md-icon material-icons md-card-overlay-toggler">&#xE5D4;</i>
                    <h3>
                        User Registrations
                    </h3>
                </div>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </div>
        </div>
    </div>
</div>

</div>
</div>

{% endblock %}
{% block javascripts %}{% endblock %}