@page "/"
@using PlanTempus.Application.Features.Dashboard.Pages
@model PlanTempus.Application.Features.Dashboard.Pages.IndexModel
@{
    ViewData["Title"] = "Dashboard";
}

<swp-page-container>
    <!-- Stats Bar -->
    <swp-stats-bar>
        @await Component.InvokeAsync("StatCard", "bookings-today")
        @await Component.InvokeAsync("StatCard", "expected-revenue")
        @await Component.InvokeAsync("StatCard", "occupancy-rate")
        @await Component.InvokeAsync("StatCard", "needs-attention")
    </swp-stats-bar>

    <!-- Dashboard Content -->
    <swp-dashboard-grid>
        <swp-main-column>
            <!-- AI Insight -->
            <swp-card>
                <swp-ai-insight>
                    <swp-ai-header>
                        <i class="ph ph-sparkle"></i>
                        <span>AI Analyse</span>
                    </swp-ai-header>
                    <swp-ai-text>
                        <strong>Godt i gang!</strong> 4 af 12 bookinger er gennemført. 2 er i gang nu, og 6 venter.
                        Forventet omsætning: <strong>8.450 kr</strong> – allerede realiseret <strong>2.150 kr</strong>.
                    </swp-ai-text>
                </swp-ai-insight>
            </swp-card>

            <!-- Today's Bookings Preview -->
            <swp-card>
                <swp-card-header>
                    <swp-card-title>
                        <i class="ph ph-calendar-check"></i>
                        Dagens bookinger
                    </swp-card-title>
                    <swp-card-action>Se alle</swp-card-action>
                </swp-card-header>
                <swp-card-content>
                    <p>Booking oversigt kommer her...</p>
                </swp-card-content>
            </swp-card>
        </swp-main-column>

        <swp-side-column>
            <!-- Quick Actions -->
            <swp-card>
                <swp-card-header>
                    <swp-card-title>Hurtige handlinger</swp-card-title>
                </swp-card-header>
                <swp-card-content>
                    <swp-quick-actions>
                        <swp-quick-action-btn>
                            <i class="ph ph-plus"></i>
                            Ny booking
                        </swp-quick-action-btn>
                        <swp-quick-action-btn>
                            <i class="ph ph-user-plus"></i>
                            Ny kunde
                        </swp-quick-action-btn>
                    </swp-quick-actions>
                </swp-card-content>
            </swp-card>
        </swp-side-column>
    </swp-dashboard-grid>
</swp-page-container>