@extends('admin::layout.main')

@section('title', trans('admin-sidebar.Dashboard'))

@section('content-wrapper')

    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">Dashboard</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @foreach($modelStats as $label => $modelStat)
                    <div class="col-lg-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-right">
                                    <i class="{{ $modelStat['class'] }} widget-icon"></i>
                                </div>
                                <h5 class="text-muted font-weight-normal mt-0" title="Number of {{ $label }}">
                                    {{ $label }}
                                </h5>
                                <h3 class="mt-3 mb-3">
                                    <span>
                                        {{ $modelStat['total'] }}
                                    </span>
                                    <span style="font-size: 14px; font-weight: 500;" class="text-success">
                                        @if($modelStat['newLastMonth'] !== 0)
                                            +{{ $modelStat['newLastMonth'] }}
                                        @endif
                                    </span>
                                </h3>
                                <p class="mb-0 text-muted">
                                    @if($modelStat['newLastMonth'] !== 0)
                                        <span class="text-{{ $modelStat['percentageChange'] > 0 ? 'success' : 'danger' }} mr-2">
                                            <i class="mdi mdi-arrow-{{ $modelStat['percentageChange'] > 0 ? 'up' : 'down' }}-bold"></i>
                                            {{ $modelStat['percentageChange'] > 0 ? '+' : '' }}{{ $modelStat['percentageChange'] }}%
                                        </span>
                                    @else
                                        <span>0</span>
                                    @endif
                                    <span class="text-nowrap">Since last month</span>
                                </p>
                            </div> <!-- end card-body-->
                        </div> <!-- end card-->
                    </div> <!-- end col-->
                @endforeach
            </div> <!-- end row -->
        </div> <!-- end col -->
    </div><!-- end row -->

@endsection