{% extends 'admin/base.html.twig' %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {card_header_title:'Dashboard'}) }}
                <div class="card-body">
                    <div class="row row-cols-5">
                        <div class="col">
                            <div class="card mb-4 rounded-3 shadow-sm">
                                <div class="card-header py-3">
                                    <h4 class="my-0 fw-normal">Devis</h4>
                                </div>
                                <div class="card-body">
                                    <h1 class="card-title pricing-card-title">{{ nbItems.newEstimateCount }} <small class="text-body-secondary fw-light">en cours/ à venir</small></h1>

                                    <a href="{{ path('@Estimate_admin_index') }}"
                                       class="w-100 btn btn-lg btn-outline-primary">Voir les devis</a>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card mb-4 rounded-3 shadow-sm">
                                <div class="card-header py-3">
                                    <h4 class="my-0 fw-normal">Contacts</h4>
                                </div>
                                <div class="card-body">
                                    <h1 class="card-title pricing-card-title">{{ nbItems.newContactsCount }} <small class="text-body-secondary fw-light">nouvelles demandes</small></h1>

                                    <a href="{{ path('@Contact_admin_index') }}"
                                       class="w-100 btn btn-lg btn-outline-primary">Voir les contacts</a>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="card mb-4 rounded-3 shadow-sm">
                                <div class="card-header py-3">
                                    <h4 class="my-0 fw-normal">Comptes</h4>
                                </div>
                                <div class="card-body">
                                    <h1 class="card-title pricing-card-title">{{ nbItems.accountCount }} <small class="text-body-secondary fw-light">vérifiés</small></h1>

                                    <a href="{{ path('@User_admin_user_index') }}"
                                       class="w-100 btn btn-lg btn-outline-primary">Voir les comptes</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}