@{
    ViewData["Title"] = "Dashboard";
    Layout = "_AdminLayout";
}

<div class="row">
    <div class="col-md-3">
        <a href="/admin/products" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body">
                    <h6 class="text-muted">Total Products</h6>
                    <h2 class="mb-0">@ViewBag.ProductCount</h2>
                    <span class="stat-link">Manage →</span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/portfolio/projects" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body">
                    <h6 class="text-muted">Portfolio Projects</h6>
                    <h2 class="mb-0">@ViewBag.ProjectCount</h2>
                    <span class="stat-link">Manage →</span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/blog" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body">
                    <h6 class="text-muted">Blog Posts</h6>
                    <h2 class="mb-0">@ViewBag.BlogCount</h2>
                    <span class="stat-link">Manage →</span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/pages" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body">
                    <h6 class="text-muted">Custom Pages</h6>
                    <h2 class="mb-0">@ViewBag.PageCount</h2>
                    <span class="stat-link">Manage →</span>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-3">
        <a href="/admin/homepage" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body text-center">
                    <i class="bi bi-house-fill" style="font-size: 2.5rem; color: #28a745;"></i>
                    <h6 class="mt-3 mb-0">Homepage Editor</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/products/create" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body text-center">
                    <i class="bi bi-plus-circle" style="font-size: 2.5rem; color: #3498db;"></i>
                    <h6 class="mt-3 mb-0">Add New Product</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/blog/create" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body text-center">
                    <i class="bi bi-plus-circle" style="font-size: 2.5rem; color: #3498db;"></i>
                    <h6 class="mt-3 mb-0">Create Blog Post</h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="/admin/portfolio/projects/create" class="text-decoration-none">
            <div class="card dashboard-stat-card">
                <div class="card-body text-center">
                    <i class="bi bi-plus-circle" style="font-size: 2.5rem; color: #3498db;"></i>
                    <h6 class="mt-3 mb-0">Add Portfolio Project</h6>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="row mt-5">
    <div class="col-md-4">
        <div class="card system-info-card">
            <div class="card-header">
                <h5 class="mb-0">System Info</h5>
            </div>
            <div class="card-body">
                <p><strong>Site Name:</strong> @ViewBag.SiteName</p>
                <p><strong>Database:</strong> MongoDB - SkyArtShopDB</p>
                <p class="mb-0"><strong>Admin:</strong> @ViewBag.AdminEmail</p>
            </div>
        </div>
    </div>
</div>