@extends('layouts.adminLayout.admin_design')
@section('content')

<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

    <!--begin::Dashboard 2-->

    <!--begin::Row-->
    <div class="row">
        <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">

            <!--begin::Portlet-->
            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">Contact Queries</h3>
                    </div>

                </div>

                <div class="kt-portlet__body">
                    <div class="kt-widget-18">
                        <div class="kt-widget-18__summary">
                            <div class="kt-widget-18__total">{{$today_contact_queries}} </div>
                            <div class="kt-widget-18__label">Today's Queries</div>
                        </div>
                        <div class="kt-widget-18__progress">
                            <div class="progress">

                                <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                <div class="progress-bar bg-brand" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-warning" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-dark" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-brand"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Yesterday Queries
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$yesterday_contact_queries}}</span>
                            </div>
                        </div>

                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-success"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Week
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$week_contact_queries}}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-danger"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Month
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{ $month_contact_queries }}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-info"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Year
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{ $year_contact_queries }}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-dark"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Total
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$total_contact_queries}} </span>
                            </div>
                        </div>

                        <!--
                            <div class="kt-widget-18__item">
                                <div class="kt-widget-18__legend kt-bg-success"></div>
                                <div class="kt-widget-18__desc">
                                    <a href=""><div class="kt-widget-18__title">
                                        Dashboard System
                                    </div></a>
                                    <div class="kt-widget-18__desc">
                                        Angular, Oracle, Java
                                    </div>
                                </div>
                                <div class="kt-widget-18__orders">
                                    <span>560</span> Orders
                                </div>
                            </div>
                            -->
                    </div>
                </div>
            </div>

            <!--end::Portlet-->
        </div>
        {{-- <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">

            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">Career Applications</h3>
                    </div>

                </div>

                <div class="kt-portlet__body">
                    <div class="kt-widget-18">
                        <div class="kt-widget-18__summary">
                            <div class="kt-widget-18__total">{{$today_applications}} </div>
                            <div class="kt-widget-18__label">Today's Applications</div>
                        </div>
                        <div class="kt-widget-18__progress">
                            <div class="progress">

                                <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                <div class="progress-bar bg-brand" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-warning" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-dark" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>

                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-info"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Yesterday
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{ $yesterday_applications }}</span>
                            </div>
                        </div>

                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-info"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Week
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{ $week_applications }}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-brand"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Month
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$month_applications}}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-success"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        This Year
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$year_applications}}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-danger"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Total Applications
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{ $total_applications }}</span>
                            </div>
                        </div>


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

        </div> --}}
        <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">

            <!--begin::Portlet-->
            {{-- <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">User Statistics</h3>
                    </div>

                </div>

                <div class="kt-portlet__body">
                    <div class="kt-widget-18">
                        <div class="kt-widget-18__summary">
                            <div class="kt-widget-18__total">{{$total_subscription_no}} </div>
                            <div class="kt-widget-18__label">Total Subscriptions</div>
                        </div>
                        <div class="kt-widget-18__progress">
                            <div class="progress">

                                <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                <div class="progress-bar bg-brand" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-warning" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                <div class="progress-bar bg-dark" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-brand"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Total Users
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$total_users}}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-brand"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Total Admin
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$total_admins}}</span>
                            </div>
                        </div>
                        <div class="kt-widget-18__item">
                            <div class="kt-widget-18__legend kt-bg-success"></div>
                            <div class="kt-widget-18__desc">
                                <a href="">
                                    <div class="kt-widget-18__title">
                                        Total Customers
                                    </div>
                                </a>

                            </div>
                            <div class="kt-widget-18__orders">
                                <span>{{$total_normal_users}}</span>
                            </div>
                        </div>

                    </div>
                </div>
            </div> --}}

            <!--end::Portlet-->
        </div>

    </div>

    <!--end::Row-->

    <!--end::Dashboard 2-->
</div>


@endsection