@php use App\Tools\Format; @endphp
<x-app-layout title="Tableau de bord">
    <div class="row">
        <x-dashboard.stat label="Vente Total ({{ Carbon\Carbon::now()->format('M Y') }})" icon="dollar-sign"
                          :value="$totals['sales']"
                          color="warning"/>
        <x-dashboard.stat label="Total Commande ({{ Carbon\Carbon::now()->format('M Y') }})" icon="database"
                          :value="$totals['orders']"
                          color="secondary"/>
        <x-dashboard.stat label="Total Service" icon="circle" :value="$totals['services']" color="primary"/>
        <x-dashboard.stat label="Total Client" icon="users" :value="$totals['customers']" color="danger"/>

        <div class="col-12 xl-100">
            <div class="card">
                <div class="card-header">
                    <h5>Dernières commandes</h5>
                    <div class="card-header-right">
                        <ul class="list-unstyled card-option">
                            <li><i class="icofont icofont-simple-left"></i></li>
                            <li><i class="view-html fa fa-code"></i></li>
                            <li><i class="icofont icofont-maximize full-card"></i></li>
                            <li><i class="icofont icofont-minus minimize-card"></i></li>
                            <li><i class="icofont icofont-refresh reload-card"></i></li>
                            <li><i class="icofont icofont-error close-card"></i></li>
                        </ul>
                    </div>
                </div>
                <div class="card-body">
                    <div class="user-status table-responsive latest-order-table">
                        <table class="table table-bordernone">
                            <thead>
                            <tr>
                                <th scope="col">Numéro Commande</th>
                                <th scope="col">Client</th>
                                <th scope="col">Statut</th>
                                <th scope="col">Montant total</th>
                                @if(Auth::user()->has_branches)
                                    <th scope="col">Magasin</th>
                                @endif
                                <th scope="col"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($orders as $order)
                                <tr>
                                    <td>{{ $order->number }}</td>
                                    <td class="digits">{{ $order->customer->name }}</td>
                                    <td><span
                                            class="badge badge-{{ $order->state->color() }}">{{ $order->state->name() }}</span>
                                    </td>
                                    <td class="digits">{{ Format::money($order->total) }}</td>
                                    @if(Auth::user()->has_branches)
                                        <td>{{ $order->branch->name }}</td>
                                    @endif
                                    <td class="digits">
                                        <a class="btn btn-primary btn-sm" href="{{ route('orders.show', [$order]) }}">Voir</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        @if($orders->isNotEmpty())
                            <a href="{{ route('orders.index') }}" class="btn btn-primary mt-4">Voir toutes les
                                commandes</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    </div>
</x-app-layout>