import { html } from "hono/html";
import type { Session } from "../lib/session";

export function homePage(session: Session) {
	if (session.did) {
		return html`
      <div class="dashboard">
        <h1>Welcome, @${session.handle}</h1>
        <p>Manage your standard.site publication and documents.</p>

        <div class="quick-actions">
          <a href="/publication" class="btn btn-primary">Manage Publication</a>
          <a href="/documents" class="btn btn-secondary">View Documents</a>
          <a href="/documents/new" class="btn btn-secondary">New Document</a>
        </div>
      </div>
    `;
	}

	return html`
    <div class="hero">
      <h1>sitebase</h1>
      <p>
        A minimal web UI for managing standard.site publications and documents
        in your Bluesky PDS.
      </p>

      <div class="features">
        <div class="feature">
          <h3>📝 Publish</h3>
          <p>Write and publish blog posts as ATProto records</p>
        </div>
        <div class="feature">
          <h3>🔄 Portable</h3>
          <p>Your content lives in your PDS, not on our servers</p>
        </div>
        <div class="feature">
          <h3>🌐 Standard</h3>
          <p>Uses the standard.site lexicon for interoperability</p>
        </div>
      </div>

      <a href="/auth/login" class="btn btn-primary btn-large"
        >Login with Bluesky</a
      >
    </div>
  `;
}