{% extends "base.html" %}
{% block title %}Welcome · net-alpha{% endblock %}
{% block topbar_right %}{% endblock %}
{% block content %}
<div class="max-w-2xl mx-auto py-12 text-center">
  <div class="mb-6 flex justify-center">
    <img src="/static/icons/flask-conical.svg?v={{ asset_v }}" class="w-12 h-12 icon-mono" alt="" aria-hidden="true">
  </div>
  <h1 class="mb-3">Welcome to net-alpha</h1>
  <p class="text-[15px] text-label-2 mb-10">
    Cross-account wash sale detection and tax-performance analysis.
    Local-first &mdash; your data never leaves your machine.
  </p>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <form method="post" action="/welcome/start-tour">
      <button type="submit" class="panel w-full p-6 text-left hover:border-accent transition cursor-pointer">
        <div class="flex items-center gap-2 mb-2">
          <img src="/static/icons/play.svg?v={{ asset_v }}" class="w-5 h-5 icon-mono" alt="" aria-hidden="true">
          <div class="text-[16px] font-semibold text-text">Take a 30-second tour</div>
        </div>
        <div class="text-[13px] text-label-2">
          Walks through wash sales, tax savings, and your portfolio using realistic demo data.
        </div>
      </button>
    </form>

    <form method="post" action="/welcome/start-import">
      <button type="submit" class="panel w-full p-6 text-left hover:border-accent transition cursor-pointer">
        <div class="flex items-center gap-2 mb-2">
          <img src="/static/icons/download.svg?v={{ asset_v }}" class="w-5 h-5 icon-mono" alt="" aria-hidden="true">
          <div class="text-[16px] font-semibold text-text">Import my CSV</div>
        </div>
        <div class="text-[13px] text-label-2">
          Drop a Schwab Transactions or Realized G/L CSV to see your real portfolio.
        </div>
      </button>
    </form>
  </div>
</div>
{% endblock %}