@extends('backend.app')

@section('title', 'Dashboard')

@section('content')
    {{-- PAGE-HEADER --}}
    <div class="page-header">
        <div>
            <h1 class="page-title">Dashboard</h1>
        </div>
        <div class="ms-auto pageheader-btn">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
            </ol>
        </div>
    </div>
    {{-- PAGE-HEADER --}}

    @php
        $totalUsers           = \App\Models\User::count();
        $totalBlogs           = \App\Models\Blog::count();
        $totalFaqs            = \App\Models\Faq::count();
        $totalContactMessages = \App\Models\ContactMessage::where('is_read', false)->count();
        $totalOrders          = \App\Models\Order::count();
    @endphp

    <div class="row">

        {{-- Total Users --}}
        <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
            <a href="{{ route('user.index') }}" class="card-link">
                <div class="card overflow-hidden">
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <h3 class="mb-2 fw-semibold">{{ $totalUsers }}</h3>
                                <p class="text-muted fs-13 mb-0">Total Users</p>
                            </div>
                            <div class="col col-auto top-icn dash">
                                <div class="counter-icon dash ms-auto box-shadow-primary">
                                    <i class="fa fa-users"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>

        {{-- Total Blog Posts --}}
        <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
            <a href="{{ route('blog.index') }}" class="card-link">
                <div class="card overflow-hidden">
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <h3 class="mb-2 fw-semibold">{{ $totalBlogs }}</h3>
                                <p class="text-muted fs-13 mb-0">Blog Posts</p>
                            </div>
                            <div class="col col-auto top-icn dash">
                                <div class="counter-icon dash ms-auto" style="background: rgba(40, 167, 69, 0.2); color: #28a745;">
                                    <i class="fa fa-pencil"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>

        {{-- Total FAQs --}}
        <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
            <a href="{{ route('faq.index') }}" class="card-link">
                <div class="card overflow-hidden">
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <h3 class="mb-2 fw-semibold">{{ $totalFaqs }}</h3>
                                <p class="text-muted fs-13 mb-0">FAQs</p>
                            </div>
                            <div class="col col-auto top-icn dash">
                                <div class="counter-icon dash ms-auto" style="background: rgba(255, 193, 7, 0.2); color: #ffc107;">
                                    <i class="fa fa-question-circle"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>

        {{-- Unread Messages --}}
        {{-- Total Orders --}}
        <div class="col-lg-6 col-sm-12 col-md-6 col-xl-3">
            <a href="{{ route('admin.orders.index') }}" class="card-link">
                <div class="card overflow-hidden">
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <h3 class="mb-2 fw-semibold">{{ $totalOrders }}</h3>
                                <p class="text-muted fs-13 mb-0">Total Orders</p>
                            </div>
                            <div class="col col-auto top-icn dash">
                                <div class="counter-icon dash ms-auto" style="background: rgba(23, 162, 184, 0.2); color: #17a2b8;">
                                    <i class="fe fe-shopping-cart"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>

    </div>
@endsection