{{template "base/head" .}}
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home"}}{{end}}" class="page-content p-0">
	{{if .IsSigned}}
	<section class="py-5 bg-soft border-bottom">
		<div class="container">
			<div class="row align-items-center g-4">
				<div class="col-lg-8">
					<span class="badge text-bg-primary text-uppercase mb-3">Welcome back</span>
					<h1 class="display-5 fw-bold mb-3">Dashboard · {{.SignedUser.Name}}</h1>
					<p class="lead mb-4">Quick links to jump straight into your day with {{AppName}}.</p>
					<div class="d-flex flex-wrap gap-3">
						<a class="btn btn-primary btn-lg" href="{{AppSubUrl}}/repo/create">
							<i class="fa-solid fa-circle-plus me-2"></i>Create repository
						</a>
						<a class="btn btn-outline-primary btn-lg" href="{{AppSubUrl}}/explore/repos">
							<i class="fa-solid fa-compass me-2"></i>Explore projects
						</a>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="card shadow-sm border-0">
						<div class="card-body">
							<h2 class="h5 fw-semibold mb-4">Quick actions</h2>
							<ul class="list-group list-group-flush">
								<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/{{.SignedUser.Name}}"><i class="fa-solid fa-user me-2"></i>View profile</a></li>
								<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=repositories"><i class="fa-solid fa-book me-2"></i>Manage repositories</a></li>
								<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/notifications"><i class="fa-solid fa-bell me-2"></i>Check notifications</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="py-5">
		<div class="container">
			<div class="row g-4">
				<div class="col-md-4">
					<div class="card home-stat-card h-100">
						<div class="card-body">
							<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-timeline me-2 text-primary"></i>Stay updated</h3>
							<p class="text-muted mb-3">Jump into your activity feed to review pull requests, issues and events.</p>
							<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/dashboard">Open dashboard</a>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card homestat-card h-100">
						<div class="card-body">
							<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-diagram-project me-2 text-primary"></i>Manage repositories</h3>
							<p class="text-muted mb-3">Keep tabs on projects, branches and pull requests that matter most.</p>
							<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=repositories">View repositories</a>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card home-stat-card h-100">
						<div class="card-body">
							<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-gear me-2 text-primary"></i>Tune your settings</h3>
							<p class="text-muted mb-3">Update SSH keys, notifications and integrations for your workflow.</p>
							<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/user/settings">Open settings</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	{{else}}
	<section class="home-hero">
		<!-- Sun rays -->
		<div class="sun-rays"></div>
		
		<!-- Whale -->
		<div class="whale-container">
			<div class="whale-box">
				<div class="whale-left">
					<div class="whale-belly"></div>
				</div>
				<div class="whale-middle">
					<div class="whale-belly"></div>
				</div>
				<div class="whale-tail"></div>
				<div class="whale-fin1"></div>
				<div class="whale-fin2"></div>
				<div class="whale-eye"></div>
			</div>
		</div>
		
		<!-- Bubbles -->
		<div class="bubble bubble-1"></div>
		<div class="bubble bubble-2"></div>
		<div class="bubble bubble-3"></div>
		<div class="bubble bubble-4"></div>
		<div class="bubble bubble-5"></div>
		<div class="bubble bubble-6"></div>
		
		<div class="container py-5">
			<div class="row align-items-center g-5">
				<div class="col-12 col-lg-6">
					<h1 class="mb-4">Build, collaborate and deliver with confidence.</h1>
					<p class="lead mb-5">Lightweight, powerful and totally yours. {{AppName}} gives your team a beautiful code collaboration hub backed by open source freedom.</p>
					<div class="d-flex flex-wrap gap-3">
						<a class="hero-btn-primary" href="{{AppSubUrl}}/user/login">
							<i class="fa-solid fa-right-to-bracket"></i>Sign in
						</a>
						<a class="hero-btn-secondary" href="{{AppSubUrl}}/explore/repos">
							<i class="fa-solid fa-compass"></i>Explore projects
						</a>
						<a class="hero-btn-tertiary" href="https://docs.gitea.com/" target="_blank">
							<i class="fa-solid fa-book-open"></i>Documentation
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="py-5 bg-white">
		<div class="container">
			<div class="row g-4">
				<div class="col-md-4">
					<div class="feature-icon mb-3"><i class="fa-solid fa-cloud-arrow-up"></i></div>
					<h3 class="h5 fw-semibold mb-3">Ship faster</h3>
					<p class="text-muted">Built-in CI runners and packages help your team move ideas to production faster with less friction.</p>
				</div>
				<div class="col-md-4">
					<div class="feature-icon mb-3"><i class="fa-solid fa-lock"></i></div>
					<h3 class="h5 fw-semibold mb-3">Stay secure</h3>
					<p class="text-muted">Enforce branch protections, SSO, fine-grained permissions and audit logs to keep your codebase safe.</p>
				</div>
				<div class="col-md-4">
					<div class="feature-icon mb-3"><i class="fa-solid fa-plug"></i></div>
					<h3 class="h5 fw-semibold mb-3">Integrate everywhere</h3>
					<p class="text-muted">Connect with runners, chatops and automation platforms using webhooks, OAuth and a RESTful API.</p>
				</div>
			</div>
		</div>
	</section>
	<section class="py-5">
		<div class="container">
			<div class="home-footer-cta text-center text-lg-start">
				<div class="row align-items-center g-4">
					<div class="col-lg-8">
						<h2 class="mb-3">Ready to solve real world problem?</h2>
						<p class="mb-0">Sign in to your {{AppName}} instance or invite your team to collaborate securely with pull requests, packages and automation.</p>
					</div>
					<div class="col-lg-4 text-lg-end">
						<a class="btn btn-light btn-lg text-primary" href="{{AppSubUrl}}/user/sign_up">
							<i class="fa-solid fa-user-plus me-2"></i>{{ctx.Locale.Tr "sign_up"}}
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	{{end}}
</div>
{{template "base/footer" .}}