@if (Auth()->user()->type_user != 1)
    @include('erros.404')
    @dd()
@else
    @extends('layouts.admin.master')

    @section('title', 'Tableau de bord')

    @section('content')
        <div class="row mb-4">
            <!-- Revenu -->
            <div class="col-md-6 col-lg-3 mb-4">
                <div class="card border-0">
                    <div class="card-body p-0 d-flex align-items-center shadow-sm">
                        <div class="bg-primary p-4 mfe-3 rounded-left text-white" style="margin-right: 1rem">
                            <i class="bx bxs-bar-chart-alt-2 font-2xl"></i>
                        </div>
                        <div>
                            <div class="text-value text-primary">{{ money($revenus) }}</div>
                            <div class="text-muted text-uppercase font-weight-bold small">Revenu</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Depenses -->
            <div class="col-md-6 col-lg-3 mb-4">
                <div class="card border-0">
                    <div class="card-body p-0 d-flex align-items-center shadow-sm">
                        <div class="bg-warning p-4 mfe-3 rounded-left text-white" style="margin-right: 1rem">
                            <i class="bx bx-left-arrow-alt font-2xl"></i>
                        </div>
                        <div>
                            <div class="text-value text-primary">{{ money($depenses) }}</div>
                            <div class="text-muted text-uppercase font-weight-bold small">Dépenses</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Caisses -->
            <div class="col-md-6 col-lg-3 mb-4">
                <div class="card border-0">
                    <div class="card-body p-0 d-flex align-items-center shadow-sm">
                        <div class="bg-success p-4 mfe-3 rounded-left text-white" style="margin-right: 1rem">
                            <i class="bx bxs-box font-2xl"></i>
                        </div>
                        <div>
                            <div class="text-value text-primary">{{ money($caisses) }}</div>
                            <div class="text-muted text-uppercase font-weight-bold small">Caisse</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Profit -->
            <div class="col-md-6 col-lg-3">
                <div class="card border-0">
                    <div class="card-body p-0 d-flex align-items-center shadow-sm">
                        <div class="bg-info p-4 mfe-3 rounded-left text-white" style="margin-right: 1rem">
                            <i class="bx bxs-trophy font-2xl"></i>
                        </div>
                        <div>
                            <div class="text-value text-primary">{{ money($profit) }}</div>
                            <div class="text-muted text-uppercase font-weight-bold small">Profit</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-md-8 mb-3">
                @livewire('dashboard7-days')
            </div>
            <div class="col-md-4 mb-3">
                @livewire('stock-critique')
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                @livewire('best-article-sale')
            </div>
        </div>
    @endsection
@endif