@page
@model TaxBaik.Web.Pages.Admin.DashboardModel
@{
    ViewData["Title"] = "대시보드";
}

<section class="admin-page-shell">
    <div class="page-header d-print-none admin-dashboard-header">
        <div class="row align-items-center g-2">
            <div class="col">
                <div class="page-pretitle admin-page-header-eyebrow">TaxBaik Admin</div>
                <h2 class="page-title admin-page-header-title">대시보드</h2>
                <p class="text-muted mb-0 admin-page-header-subtitle">관리자 업무 흐름의 시작점입니다.</p>
            </div>
            <div class="col-auto ms-auto">
                <div class="admin-dashboard-user">
                    <div class="text-muted small">로그인 사용자</div>
                    <div class="fw-semibold text-body">@User.Identity?.Name</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row row-deck row-cards g-2 mb-2 admin-dashboard-metrics">
        <div class="col-md-6 col-xl-3">
            <div class="card card-sm admin-metric-card admin-metric-card--compact">
                <div class="card-body">
                    <div class="text-muted small text-uppercase mb-1">고객 관리</div>
                    <div class="d-flex align-items-center justify-content-between gap-3">
                        <div>
                            <h3 class="h6 mb-1">고객 목록</h3>
                            <p class="text-muted mb-0">검색/상세/수정/삭제</p>
                        </div>
                        <span class="avatar avatar-rounded bg-primary-lt text-primary">01</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card card-sm admin-metric-card admin-metric-card--compact">
                <div class="card-body">
                    <div class="text-muted small text-uppercase mb-1">DB 관리</div>
                    <div class="d-flex align-items-center justify-content-between gap-3">
                        <div>
                            <h3 class="h6 mb-1">Flyway</h3>
                            <p class="text-muted mb-0">SQL migration 추적</p>
                        </div>
                        <span class="avatar avatar-rounded bg-indigo-lt text-indigo">02</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card card-sm admin-metric-card admin-metric-card--compact">
                <div class="card-body">
                    <div class="text-muted small text-uppercase mb-1">인증</div>
                    <div class="d-flex align-items-center justify-content-between gap-3">
                        <div>
                            <h3 class="h6 mb-1">Cookie Auth</h3>
                            <p class="text-muted mb-0">서버 세션 유지</p>
                        </div>
                        <span class="avatar avatar-rounded bg-green-lt text-green">03</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card card-sm admin-metric-card admin-metric-card--compact">
                <div class="card-body">
                    <div class="text-muted small text-uppercase mb-1">콘텐츠</div>
                    <div class="d-flex align-items-center justify-content-between gap-3">
                        <div>
                            <h3 class="h6 mb-1">블로그 편집</h3>
                            <p class="text-muted mb-0">에디터 + 미리보기</p>
                        </div>
                        <span class="avatar avatar-rounded bg-yellow-lt text-yellow">04</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row row-deck row-cards g-2">
        <div class="col-12 col-xl-8">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title mb-0 h6">빠른 작업</h3>
                </div>
                <div class="card-body py-2">
                    <div class="list-group list-group-flush">
                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/customers">
                            <span>고객 목록으로 이동</span>
                            <span class="text-muted">관리</span>
                        </a>
                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/blog">
                            <span>블로그 글 작성</span>
                            <span class="text-muted">에디터</span>
                        </a>
                        <a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center" href="/admin/inquiries">
                            <span>문의 처리</span>
                            <span class="text-muted">업무</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title mb-0 h6">운영 노트</h3>
                </div>
                <div class="card-body py-2">
                    <div class="alert alert-info mb-0">
                        Razor Pages, Dapper, Flyway, Cookie Auth, Tabler 기준으로 서버 렌더링 중심의 어드민을 유지합니다.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>









