@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Dashboard</h4>
            </div>
        </div>

    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <!-- <div class="col-md-3 grid-margin stretch-card average-price-card">
                    <div class="card text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between pb-2 align-items-center">
                                <h2 class="font-weight-semibold mb-0">{{ $products ?? '' }}</h2>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h5 class="font-weight-semibold mb-0">Products</h5>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div class="col-md-3 grid-margin stretch-card average-price-card">
                    <div class="card text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between pb-2 align-items-center">
                                <h2 class="font-weight-semibold mb-0">{{count($projects)}}</h2>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h5 class="font-weight-semibold mb-0">Projects</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card average-price-card">
                    <div class="card text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between pb-2 align-items-center">
                                <h2 class="font-weight-semibold mb-0">{{count($certificates)}}</h2>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h5 class="font-weight-semibold mb-0">Certificates</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-md-12">
                    <div class="row"> -->
                        @foreach($productsList as $key => $category)
                        <!-- {{route('admin.products', ['id'=>$category->id,'category_name'=>strtolower(str_replace('+','-',urlencode($category->name)))])}} -->
                        <div class="col-md-3 grid-margin stretch-card average-price-card">
                            <div class="card text-white">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between pb-2 align-items-center">
                                        <h2 class="font-weight-semibold mb-0">{{count($category->getProductModels($category->id)) ?? 0}}</h2>
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <h5 class="font-weight-semibold mb-0">{{$category->name}}</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    <!-- </div>
                </div> -->
                <!-- <div class="col-md-4 grid-margin stretch-card average-price-card">
                    <div class="card text-white">
                        <div class="card-body">
                            <div class="d-flex justify-content-between pb-2 align-items-center">
                                <h2 class="font-weight-semibold mb-0">4,624</h2>
                            </div>
                            <div class="d-flex justify-content-between">
                                <h5 class="font-weight-semibold mb-0">Average Price</h5>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </div>

</div>
@endsection