@extends('layouts.admin')

@section('title', 'Admin Dashboard')
@section('page_heading', 'Dashboard')

@section('content')
    <div class="row g-4 mb-4">
        <div class="col-sm-6 col-xl-3">
            <div class="card data-card h-100">
                <div class="card-body">
                    <div class="text-muted small">Categories</div>
                    <div class="display-6 fw-semibold">{{ \App\Models\Category::count() }}</div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-xl-3">
            <div class="card data-card h-100">
                <div class="card-body">
                    <div class="text-muted small">Services</div>
                    <div class="display-6 fw-semibold">{{ \App\Models\Service::count() }}</div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-xl-3">
            <div class="card data-card h-100">
                <div class="card-body">
                    <div class="text-muted small">Invoices</div>
                    <div class="display-6 fw-semibold">{{ \App\Models\Invoice::count() }}</div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-xl-3">
            <div class="card data-card h-100">
                <div class="card-body">
                    <div class="text-muted small">Portfolios</div>
                    <div class="display-6 fw-semibold">{{ \App\Models\Portfolio::count() }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card data-card">
        <div class="card-body">
            <h2 class="h5 mb-2">Welcome to the admin area</h2>
            <p class="text-muted mb-4">Use the sidebar to move between modules and manage content quickly.</p>
            <div class="d-flex flex-wrap gap-2">
                <a href="{{ route('admin.categories.index') }}" class="btn btn-primary">Manage Categories</a>
                <a href="{{ route('admin.services.index') }}" class="btn btn-outline-primary">Manage Services</a>
                <a href="{{ route('admin.prices.index') }}" class="btn btn-outline-primary">Manage Prices</a>
                <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-primary">Manage Invoices</a>
                <a href="{{ route('admin.portfolios.index') }}" class="btn btn-outline-primary">Manage Portfolios</a>
            </div>
        </div>
    </div>
@endsection