@extends('dashboard.layout.layout')

@section('content')

    <section id="dashboard-analytics">
        <div class="row">
            <div class="col-md-9">
                <div class="row">
                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $managers_count }}</h2>
                                    <p>{{ trans('dashboard.manager.managers') }}</p>
                                </div>
                                <div class="avatar bg-rgba-success p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.manager.index') }}">
                                            <i data-feather="users" class="text-success font-medium-5"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>










                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $districts_count }}</h2>
                                    <p>{{ trans('dashboard.district.districts') }}</p>
                                </div>
                                <div class="avatar bg-rgba-danger p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.district.index') }}">
                                            <i data-feather="flag" class="text-danger font-medium-5"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $car_types_count }}</h2>
                                    <p>{{ trans('dashboard.car_type.car_types') }}</p>
                                </div>
                                <div class="avatar bg-rgba-warning p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.car_type.index') }}">

                                            <i class="fa fa-car font-medium-5" aria-hidden="true"></i>

                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $main_categories_count }}</h2>
                                    <p>{{ trans('dashboard.main_category.main_categories') }}</p>
                                </div>
                                <div class="avatar bg-rgba-warning p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.main_category.index') }}">
                                            <i class="fa fa-list-alt font-medium-5" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $sub_categories_count }}</h2>
                                    <p>{{ trans('dashboard.first_sub_category.first_sub_categories') }}</p>
                                </div>
                                <div class="avatar bg-rgba-warning p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.first_sub_category.index') }}">

                                            <i class="fa fa-list-alt font-medium-5" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $second_sub_categories_count }}</h2>
                                    <p>{{ trans('dashboard.second_sub_category.second_sub_categories') }}</p>
                                </div>
                                <div class="avatar bg-rgba-warning p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.second_sub_category.index') }}">
                                            <i class="fa fa-list-alt font-medium-5" aria-hidden="true"></i>

                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 col-12">
                        <div class="card border-info bg-transparent">
                            <div class="card-header rounded d-flex align-items-start pb-0">
                                <div>
                                    <h2 class="text-bold-700 mb-0">{{ $orders_count }}</h2>
                                    <p>{{ trans('dashboard.order.orders') }}</p>
                                </div>
                                <div class="avatar bg-rgba-primary p-50 m-0">
                                    <div class="avatar-content">
                                        <a href="{{ route('dashboard.order.index') }}">
                                            <i class="fab fa-first-order text-primary font-medium-5"></i>
                                            {{--  <i class="fas fa-badge text-primary font-medium-5"></i>  --}}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

                    <div class="col-md-3">
                        <div class="card border-info bg-transparent text-center">
                            <div class="card-content">
                                <div class="card-body">
                                    <div class="avatar bg-rgba-info p-50 m-0">
                                        <div class="avatar-content">
                                            <i data-feather="clock" class="text-info font-medium-5"></i>
                                        </div>
                                    </div>
                                    <div class="row d-flex justify-content-center">
                                        <div class="clock text-center text-white">
                                            <span id="Date" class=""></span>
                                            <p id="islamicDate" class=""></p>
                                            <span class="">
                                                <ul>
                                                    <li id="hours"></li>
                                                    <li id="point">:</li>
                                                    <li id="min"></li>
                                                    <li id="point">:</li>
                                                    <li id="sec"></li>
                                                </ul>
                                            </span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>




                </div>


                {{-- Charts --}}
                <div class="row">
                    <div id="client_chart" style="height: 450px;"></div>
                </div>



    </section>

@endsection
@include('dashboard.home.scripts')